/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

*/


/* Large Screens */
@media screen and (max-width: 1240px) {

	.inner-wrap { width: 88%; padding: 3% 3% 0; }
    #content #main { width:66%;}

    #slider .slides li img{ max-width: 100%; width:100%; height: auto; }
	#slider  .video_cover { position: relative; padding-bottom: 56.25%; display:block; padding-top: 0; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
    #slider  .video_cover  iframe,
    #slider  .video_cover  object,
    #slider  .video_cover  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.single .post-video { position: relative; padding-bottom: 56.25%; display:block; padding-top: 0; margin-left:-5%; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
    .single .post-video  iframe,
    .single .post-video  object,
    .single .post-video  embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  	.single .post-thumb { margin-left: -5.1%;}
  	.single .post-thumb img { max-width: 100%; height: auto; }

  	.archiveposts .sticky .post-thumb img { max-width: 100%; height: auto; }

  	#carousel { padding: 2% 3% 3% 7%; margin: 0 -3.4%; }

  	.post_author { margin-left: -5.1%; }

    #sidebar { width:27%; padding:2% ; }
	.fb_iframe_widget { width: 100%!important }
	.fb_iframe_widget span { width: 100%!important; }
	.fb_iframe_widget span iframe { width: 100%!important; }

    #sidebar .cover { position: relative; padding-bottom: 56.25%; display:block; padding-top: 30px; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
    #sidebar .cover iframe,
    #sidebar .cover object,
    #sidebar .cover embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    .widget img,
    .side_ad img { max-width: 100%; height: auto; }

    #footer .widget-area { margin: 0 -3.4%; padding:4% 0 4% 4%; }

    #footer div.column { width: 30%; margin-right: 3%; }
    #footer .column .widget { width: 100%; }

    .copyright { padding:3.4%; width: 100%; margin:0 -3.4%;}

    .dropdown a { font-size: 16px; }

    #comments .commentlist li #respond input[type="text"] { width:94%; box-sizing: border-box; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input[type="text"]  { width: auto; }

}


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

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

	.dropdown a { font-size: 14px; }

	#slider #slidemain {min-height: inherit;}
	#slider #slidemain .slide_content .category { display: none; }
	#slider #slidemain .slide_content .date { display: none; }
	#slider #slidemain .slide_content h2:after { display: none; }
	#slider #slidemain .slide_content h2 { font-size: 18px; }
 	#slider #slidemain .slide_content {	min-height: auto; position: absolute; bottom: 0; padding:2% 8%; width: 84%; }
 	#slider #slidenav { display: none; }
 	#slider #slidemain .flex-direction-nav a { top:-35px; height: 26px;}
 	#slider #slidemain .flex-direction-nav { display: block; }
 	#slider #slidemain .flex-direction-nav li { display: block; }
 	#slider #slidemain .video_meta  { display: block; }

 	.share_box h3 { display: none; }

}


/* Tablet Portrait */
@media screen and (max-width: 768px) {

	#logo, #logo h1, #logo h1 a { font-size: 30px; margin-top: 10px;}

	#content #main { width:100%;}

	.single .post-video { margin-left:0; }

	.single .post-thumb { margin-left: 0; }

	#sidebar {	width: 100%; float: left; padding: 2% 3.3%; margin:0 0 0 -3.3%; border-left:none; border-right:none;}

	.post_author { margin-left: -3.4%; }

	#header  { position: relative; }
	#header #searchform { display: none; }

	#navsocial { position: absolute; top: 0; right: 70px; }

	.btn_menu { display: block; position: absolute; top: 10px; right: 0; cursor: pointer; background:#eef2f2 url('images/menu.png') 8px 9px no-repeat; padding:5px 5px 0; width:30px; height:30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

	#menu { margin-left: 0; width: 94%; background:#f7f8f9; margin:30px 0 20px; padding: 0 3%; border-bottom: none; box-shadow: none;}

    #menu-wrap > ul { display: none; }
    #menu-wrap.mobile-menu > ul { display: block; }

    .mobile-menu { display: none; clear: both; }

	.dropdown { padding: 0; }
	.dropdown li { display: block; float: none; margin-right: 0; }
	#menu .dropdown > li:after { display: none; }
	.dropdown a { padding-left: 0; }
	.dropdown ul { background: none; margin-left: 10px;   position: relative; visibility: inherit !important; top: 0; width: auto; }
	.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; }

	#slider #slidemain .slide_content { padding:15px 9%; width: 82%; }

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

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

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

	#menu { position: relative; padding-bottom: 20px;  }
	#navsocial { position: relative; right: 0;	 }
	.btn_menu { position: relative; float:left; }

	.archiveposts .post-thumb { float: none; margin-bottom: 20px;}
	.archiveposts .sticky h2 { font-size: 20px; }

    .recent-post .post-content {overflow:visible; }
    .recent-post .post-thumb { width:100%; margin-right:0;}
    .recent-post .post-thumb img { width:100%; height:auto;}

    #respond .form_fields { width:97%; margin:0; }
    #respond input[type="text"] , #respond textarea { width: 97%; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input[type="text"]  { width:95%; }
    .children #respond { margin-right:0; }

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

  	#carousel { padding: 2% 3% 3% 13%; margin: 0 -3.4%; }

    #footer div.column { margin-right: 0;  width: 100%; }
	#footer .widget-area {  ; padding: 4%; }
	#footer .column .widget { width:100%; }

	.copyright .left {width: 100%; margin-bottom: 15px; }
	.copyright .right {float: left;width: 100%; }
	p.wpzoom { float: left; }

}