/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	html, body { /*width:1040px; */ height:auto }
	/*.one_half { float:none; clear:both; width:100%; margin:0px 0px 30px 0px } */ 
	#featured-area.flexslider { height:420px;  }
	#featured-area.flexslider li { height:420px; background-repeat:no-repeat; background-position:center center;  
	-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
		#featured-area.flexslider li img { display:none !important }	
		
	.single-work article img { max-height:470px !important; width:auto !important; }	
	
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/*Portrait: 768x946 */
	html, body { /*width:1040px; */ height:auto; min-height:1390px;  }
	.one_half { float:none; clear:both; width:100%; margin:0px 0px 30px 0px }
	#featured-area.flexslider { /*height:1170px; */ height:840px  }
	#featured-area.flexslider li {  height:840px ; background-repeat:no-repeat; background-position:center center;  
	-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
		#featured-area.flexslider li img { display:none !important }	
	
	.mobile-noshow { display:none !important}
	.desktop-noshow { display:block !important}
	
	.one_half { float:none; clear:both; width:100%; margin:0px 0px 30px 0px }
	
}


/* ipad BOTH and responsive */
@media only screen and (min-width: 768px) and (max-width: 1024px)   {
	html, body { width:auto; min-width:inherit; }
	body {   }
	.wrap { width:740px; margin:auto; padding:0px 14px; overflow:hidden;  }	
	
	.top-nav { position:absolute; top:39px; right:0px;   }
		.top-nav > li, .footer-nav > li { font-size:13px;}
	.top-nav li, .footer-nav li { padding:0px 11px; }
		
	#featured-area.banner img { min-width:750px}		
	.ul-works { position:relative; display:block; width:770px; float:none; clear:both; /*background-color:#ddd  */ }
	.ul-works li { width:360px; margin:0px 15px 15px 0px; }
	
	.ul-press li.item { position:relative; float:left; width:235px; margin:0px 15px 22px 0px; }
	
	img { max-width:100%; height:auto}
	img.wide { margin:0px -14px 10px -14px; width:110% !important; max-width:inherit !important; height:auto;}
	
}


/* Smartphones (landscape) ----------- */
@media only screen  and (min-device-width : 321px)  and (max-device-width : 480px)  {
#featured-area.flexslider { height:180px;  }
	#featured-area.flexslider li { height:180px; background-repeat:no-repeat; background-position:center center;  
	-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
		#featured-area.flexslider li img { display:none !important }	
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-device-width : 320px) and (orientation : portrait) {
#featured-area.flexslider { height:400px;  }
	#featured-area.flexslider li { height:400px; background-repeat:no-repeat; background-position:center center;  
	-webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
		#featured-area.flexslider li img { display:none !important }	
}


@media only screen and (max-width: 767px) {
	html, body { width:auto; min-width:320px;  }
	
	/*---------------[MAIN LAYOUT INFO]---------------*/
	/*------------------------------------------------*/
	.wrap { width:300px; margin:auto; padding:0px 10px;  }	
	img { max-width:100%; height:auto}
	img.wide { margin:0px -10px 10px -10px; max-width:110% !important; height:auto;}
	
	.one_half { float:none; clear:both; width:100%; margin:0px 0px 30px 0px }
	
	.mobile-noshow { display:none}
	.desktop-noshow { display:block !important}
	.top-nav { display:none   }
	
	#header { position:relative; clear:both; width:100%; height:auto; margin:auto; }
		#header #logo { position:relative; left:auto; top:auto; margin:10px auto 15px auto }	
	
	#mobile_links { position:relative; display:block; /*position:absolute; */ width:100%; margin:15px 0px 0px 0px; text-align:center; z-index:9999; padding-bottom:10px; }		
		#mobile_links:after { display:block; content:''; position:absolute; width:320px; bottom:0px; left:50%; margin-left:-160px; border-bottom:1px solid #a3a3a3 } 
		#mobile_links > a { text-transform:uppercase; color:#000; font-size:17px; }
		
		#mobile_links a:hover { text-decoration:none;  }
		.mobile_nav { display:block; margin:auto;  }
		
	.et_mobile_menu { display: none; position: relative; width:100%; top:0px; left:0px; text-align:center; background-color:#fff; font-family:'Gotham'; font-size:14px; text-transform:uppercase; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px }
	.et_mobile_menu:after { display:block; content:''; position:absolute; width:320px; bottom:0px; left:50%; margin-left:-160px; border-bottom:1px solid #a3a3a3 } 
	.et_mobile_menu ul { display: block !important; visibility: visible !important;  }
		.et_mobile_menu li { margin:0px !important   }
		
			.et_mobile_menu a { display:block; color:#959595 !important; padding:10px 12px 8px 12px; line-height:1em; }
			.et_mobile_menu li.current-menu-item a,
			.et_mobile_menu li.current-post-ancestor a,
			.et_mobile_menu li.current-category-ancestor > a,
			.et_mobile_menu li a:hover { color:#896632 !important  }
	
	/*------------------------------------------------*/
	/*------------[FLEXSLIDER]------------------------*/
	/*------------------------------------------------*/
	
	#featured-area.banner img { max-width:100%; height:auto !important; min-width:inherit; }	
	
	.post-content p { padding-bottom:22px}
	
	/*------------------------------------------------*/
	/*---------------------[LOOP WORKS] ---------------*/
	/*------------------------------------------------*/
	/*.base { position:relative; display:table; width:100%; } */
	.ul-works { margin-right:0px; width:100%; }
		.ul-works li { position:relative; width:100%;  float:none; overflow:hidden;}
		.ul-works li a { display:block; width:100%; color:#000; }
		/*.ul-works li .overlay { display:block;  background-color:#eaeaea; width:100%; height:100%; } */
		.ul-works li h3 { font-size:13px;  }
		.ul-works li span { display:block }
		.ul-works li .work-thumbnail { width:100%; height:auto }
		
	/*------------------------------------------------*/
	/*---------------------[LOOP PRESS] ---------------*/
	/*------------------------------------------------*/
	.ul-press { margin-right:-15px }
		.ul-press li.item { width:46%; margin:0px 2% 12px 0px; height:auto !important; min-height:227px; }
		.ul-press li:hover {  } 
		.ul-press li .press-thumbnail {  }
		.ul-press li h3 { text-transform:none; margin:0px; font-size:10px; padding:9px 5px;  }
		.ul-press li:hover h3 {  }
	
	/*------------------------------------------------*/
	/*---------------------[FORMS / BUTTONS]------------*/
	/*------------------------------------------------*/
	.button { color:#fff; text-transform:uppercase; font-size:13px; background-color:#896632; padding:0px 12px; height:32px; line-height:33px; display:inline-block; }
	
	
	#footer { float:none; clear:both; padding:55px 0px 30px 0px;  }
		#footer .footer-nav { display:none }
}