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

@media screen and (max-width : 1280px) {
	.home .logo, .home .plus-menu { top:25em; }
	ul.nav { top:36.5em; }
}

/*iPad Landscape*/
@media screen and (max-width : 1024px) {
	.home div.slideshow ul.nav { top:36.5em !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:25em; }
}

/*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:80.2em !important; left:41%; position:absolute; }
	.single .social { display:none !important; }
	ul.close { top:20em !important; }
	.logo { position:relative !important; top:0 !important; width:100% !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; }
	section.blog a.fplayer { 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:99999; }
	section.blog.horizontal { top:0 !important; left:0; position:relative !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; }
	.cat-inline { margin-top:10px; }
	.cat-inline ul li a:link, .cat-inline ul li a:visited { padding:2px 6px; font-size:10px; font-weight:normal; }
}

/*iPhone Landscape*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px)  {
	.logo { width:100% !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:99999; 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, section.blog a.fplayer { 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; }
	section.blog.horizontal { width:100% !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; }
	section.blog a.fplayer { width:440px !important; }
	img.resize { max-width:390px; }
	.cat-inline { display:none; }
}

/*iPhone Portrait*/
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) { 
	.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:100% !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; }
	section.blog a.fplayer { width:280px !important; height:180px !important; }
	img.resize { max-width:230px; }
}