@media screen and (max-width: 980px) {

	#header .head-wrap { width: 94%; }
	#header .adv img { max-width: 100%; height: auto; }
	#menutop .wrap { width: 94%; }
	#menu .wrap { width: 94%; }

	#content { width: 94%; }
	#content #main { width: 65%; }
	.archiveposts .sticky .post-thumb img { width: 100%; height: auto; }
	.featured-post .post-thumb img { width: 100%; height: auto; }

	#comments .commentlist li #respond input { width: 94%; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input { width: auto; }

	#sidebar { width: 30%; }
	#sidebar .col1,
	#sidebar .col2 { width: 100%; float: none; }
	.widget .feature-posts-list li img { display: block; }
	.fb_iframe_widget { width: 100%!important }
	.fb_iframe_widget span { width: 100%!important; }
	.fb_iframe_widget span iframe { width: 100%!important; }
	.widget img,
	.side_ad img { max-width: 100%; height: auto; }

	#carousel .wrap { width: 94%; }

	#carousel #thumbs { width: 16%; }
	#carousel #thumbs h4 { display: none; }
	#carousel #thumbs .duration { display: none; }
	#footer .wrap { width: 94%; }

}



@media screen and (max-width: 768px) {

	#header { position: relative; }

	#header .adv { float: none; clear: both; margin:15px 0 0; }

 	.btn_menu { float: left; display: block; background: url("/wp-content/themes/chronicle/images/menu.png") no-repeat; width: 40px; height: 35px; margin: 10px 10px 10px 0; }
	#menu .btn_menu { float: none; background: url("/wp-content/themes/chronicle/images/menu.png") no-repeat -69px -56px; }
	.mobile-menu  { display: none; }
	#menu .wrap { border: none; }
	#menutop #topmenu { width: 100%; }
	#menutop .dropdown > li > a { padding-left: 0; }

 	.dropdown { padding: 0; }
	.dropdown li { display: block; float: none; margin-right: 0; }
	#menu .dropdown > li:after { display: none; }
	.dropdown a { padding-left: 0; }
	.dropdown .sub-menu { -webkit-box-shadow: none; box-shadow: none; background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; border: none; }
	.dropdown .sub-menu .sub-menu { -webkit-box-shadow: none; box-shadow: none; background: none; margin-left: 10px; display: block !important; position: relative; visibility: inherit !important; top: 0; width: auto; border: none; }
	.dropdown  li:hover .sub-menu .sub-menu { top: 0; left: 0; border: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
	#menutop .dropdown .sub-menu li:hover > a,
	#menutop .dropdown .sub-menu .sub-menu li:hover > a { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
	#mainmenu { width: 100%; }
	#menu #mainmenu > li > a { border: none; padding-left: 0; }
	#menu #mainmenu > li > a:before { display: none; }
	#menu .dropdown .sub-menu li:hover > a,
	#menu .dropdown .sub-menu .sub-menu li:hover > a { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; }

	.dropdown a { color: #575b68 !important; text-shadow:none !important; font-size: 14px; }
	#menutop .dropdown a { color: #979ca3 !important; text-shadow:none !important; }

	.dropdown .sub-menu li { border: none; }
	.dropdown a:hover { color: #878E91; }
	.dropdown li ul li  { border:none;}
	.dropdown li ul li a { color: #878E91; }
	.dropdown li:hover li a:hover { color: #333; }
	.dropdown li:hover ul a { color: #878E91; }
	.dropdown > li > a:hover { margin-top: 0; }
	.dropdown > li > a:after { display: none; }
	.dropdown > li > a:hover:after { border-top-color: #ec5706; }
	.dropdown ul {  -webkit-box-shadow: none; box-shadow: none; padding: 0; }

	.dropdown > li > a:hover { margin-top: 0; color:#333; }
	.dropdown > li:hover { margin-top: 0; }
	.dropdown > li:hover > a { margin-top: 0; }
	.dropdown li:hover a { background:none; color: #333; }
	.dropdown li:hover  { background:none; }

	.dropdown li:hover ul,
	.dropdown li.sfHover ul { left: 0; top: 0; z-index: 99; }
	ul.dropdown li:hover li ul,
	ul.dropdown li.sfHover li ul { top: 0; }
	ul.dropdown li li:hover ul,
	ul.dropdown li li.sfHover ul { left: 0; top: 0; }
	ul.dropdown li li:hover li ul,
	ul.dropdown li li.sfHover li ul { top: 0; }
	ul.dropdown li li li:hover ul,
	ul.dropdown li li li.sfHover ul { left: 0; top: 0; }


	#logo img { max-width: 100%; height: auto; }

	#content #main { width: 100%; }

	.post-meta li.share { display: block; float: left; width: 100%; }

 	.archiveposts .sticky h2 { font-size: 24px; }
	.archiveposts .sticky .entry p  { font-size: 14px; }

	#sidebar { width: 100%; float: left; margin: 30px 0 0; }
	#sidebar .col1 { width: 45%; float: left; }
	#sidebar .col2 { width: 45%; float: right; }

	#carousel #slides { width: 100%; float: none; }
	#carousel #thumbs { width: 100%; float: none; }
	#carousel #thumbs .item { display: inline-block; vertical-align: top; }
	#carousel #thumbs .flex-viewport { height: auto !important; margin: 25px 0 0; min-height: 110px; }
	#carousel #slides .cover img { max-width: 100%; width: 100%; height: auto; }
	#carousel #slides .cover { position: relative; padding-bottom: 56.25%; display: block; padding-top: 0; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
	#carousel #slides .cover  iframe,
	#carousel #slides .cover  object,
	#carousel #slides .cover  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


}


@media screen and (max-width: 640px) {

 	#logo { float:left; display: block; width: 100%; }
	#header #searchform { display: none; }

 	#homewidgets .col1, #homewidgets .col2 { display: block; width: 100%; border: none; margin:30px 0 0; }
	#homewidgets .col1 .widget,
	#homewidgets .col2 .widget { padding:0 0 30px; }

	.featured-post .post-thumb { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	.featured-post .post-thumb img { max-width: 100%; width: auto; }

 	.archiveposts h2 { font-size: 18px; }
 	.archiveposts .post-thumb { margin:0 10px 0 0;}
 	.archiveposts .post-content {overflow: inherit; }
  	.recent-meta { clear: both; margin:10px 0 0; display: block; width: 100%; float: left; }


 	#sidebar .col1,
	#sidebar .col2 { width: 100%; float:none; }
    #sidebar .widget {width:100%; margin-right:0%; float:none; }

    #respond .form_fields { width: 100%; margin:0 0 15px; }
    #respond .comment-form-comment { width: 100%; }

    h1.title { font-size: 22px; margin-bottom: 15px; }
    .post-meta li { float: none; }
    .post-meta li.share { margin-top:10px; }

    .tag_list { font-size: 12px; }

   	#carousel #thumbs .item { width: 31%; margin:0 1%;}
 	#carousel #thumbs .cover { max-width: 100%; height: auto; }
 	#carousel #thumbs .cover img { max-width: 100%; height: auto; }


	#footer .left { width: 100%; }
	#footer .copyright { display: block; width: 100%; margin:15px 0;}
	#footer .right { float:left; }

}