/******************************************  
* 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 use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/
 

/* 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 { width:94%; }
	#comments .commentlist li #respond textarea { width: 94%; }
	#comments .commentlist li #respond p.form-submit input { 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;}
 
 	.mobile-menu .dropdown { display: none; }

	.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; display: block !important; 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, #respond textarea { width: 97%; }
    #respond .comment-form-comment {width:99%; }
    #respond .form_fields input { width:98%; }
    .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; }

}