/********************************
RESPONSIVE CSS * MEDIA QUERIES
********************************/

/*iPad Landscape*/
@media screen and (max-width : 1024px) {
	.home div.slideshow ul.nav { top:32.7em !important; }
	section.blog.horizontal { width:1024px; top:21.8em !important; }
	#scrollbar2, #scrollbar2 .customScrollBox { width:100% !important; }
	#scrollbar2 .dragger_container { width:1024px !important; }	
	.logo, .plus-menu { top:5.8em; }
	.social { top:2.4em !important; }
	ul.close, section.blog { top:17.9em !important; }
	.home .logo, .home .plus-menu { top:21em; }
	ul.close { position:fixed !important; }
}

/*iPad Portrait*/
@media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 1000px)  {
	div.slideshow ul.nav, .plus-menu span { display:none !important; }
	.social { top:71.2em !important; left:41%; position:absolute; }
	.single .social { display:none !important; }
	ul.close { top:20em !important; }
	.logo { position:relative !important; top:0 !important; width:552px !important; margin:0 auto; text-align:center; }
	.plus-menu { display:none !important; }
	.menu span.sf-sub-indicator { display:block !important; }
	.menu ul { display:none; }
	section.blog { position:relative !important; right:0; top:0 !important; width:652px; margin:0 auto; margin-top:15px !important; }
	section.blog img, section.blog iframe { max-width:652px !important; }
	#fancybox-frame, #fancybox-content, #fancybox-wrap, #fancybox-outer { width:613px !important; }
	#mselect { position:relative; width:652px; margin:0 auto; margin-top:15px; background:#FFF; padding:10px !important; display:block !important; z-index:999999999; }
	section.blog.horizontal { top:0 !important; left:0; position:relative !important; width:652px !important; margin:0 auto; }
	
	#scrollbar1 { width:652px !important; }
	#scrollbar1 .customScrollBox .container { width:638px !important; }
	#scrollbar1, #scrollbar1 .dragger_container { height:540px !important; }
	#scrollbar1 .customScrollBox { height:520px !important; }
	#scrollbar1 .dragger { height:80px !important; }

	#scrollbar2, #scrollbar2 .customScrollBox { width:100% !important; }
	#scrollbar2 .dragger_container { width:652px !important; }
	#scrollbar2 .dragger { width:80px !important; }
	div.slideshow {	position:absolute !important; }
	.home .logo, .home .plus-menu { top:0; }
}

/*iPhone Landscape*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px)  {
	.logo { width:380px !important; left:0 !important; position:relative !important; top:0 !important; }
	#mselect { display:block !important; width:440px !important; position:relative; margin:0 auto; margin-top:14px; left:0; z-index:999999999; padding:10px 8px !important; }
	.menu ul { display:none !important; }
	.menu { padding:0 !important; }
	.social { padding-bottom:15px; left:38% !important;}
	.plus-menu, .single .social { display:none !important; }
	section.blog { top:0 !important; left:0 !important; width:440px !important; margin:0 auto; }
	section.blog img.wp-post-image, section.blog iframe { width:100%; height:auto; }
	section.blog iframe { height:250px !important; }
	#scrollbar1 { width:440px !important; }
	#scrollbar1 .customScrollBox .container { width:426px !important; }
	.bdesc { width:100%; margin-top:15px; }
	.contact iframe, #respond, .page-content iframe { width:100%; }
	#respond textarea, .contact-form textarea { width:95% !important; }
	ul.children li #respond { width:200px; }
	ul.children li #respond textarea { width:200px !important; }
	.tab-container { width:89.5%; }
	section.blog.horizontal { width:440px !important; }
	#scrollbar2, #scrollbar2 .customScrollBox { width:100% !important; }
	#scrollbar2 .dragger_container { width:440px !important; }	
	#scrollbar2 .dragger { width:80px !important; }
	#fancybox-frame, #fancybox-content, #fancybox-wrap, #fancybox-outer { width:300px !important; height:200px !important; }
	#scrollbar1 .content .gallery li { float:none !important; }
	#fancybox-close { right:-30px !important; }
	#fancybox-title { width:300px !important; bottom:-10px !important; }
}

/*iPhone Portrait*/
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) { 
	.logo, .plus-menu { width:210px !important; }
	#mselect { width:280px !important; }
	section.blog { width:280px !important; }
	#scrollbar1 { width:280px !important; }
	#scrollbar1 .customScrollBox .container { width:266px !important; }
	.cat-toogles { display:none !important; }
	section.blog.horizontal { width:280px !important; }
	#scrollbar2, #scrollbar2 .customScrollBox { width:100% !important; }
	#scrollbar2 .dragger_container { width:280px !important; }	
	#scrollbar2 .dragger { width:80px !important; }
	ul.gallery li { width:245px !important; }
	.view img { max-width:240px !important; }
	.social { width:130px !important; left:30% !important; }
}