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

/*iPad Landscape*/
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1200px)  {	
	#content-page { width:705px; }
	.members img.wp-post-image { margin-bottom:20px; }
	.team-details { float:left; width:260px; }
	.services-list ul li { margin-right:0; width:100%; }
	.gallery-list ul { width:110%; }
	.page .social, .single .social, .archive .social, .search .social, .error404 .social { display:none; }
	.two-cols img.wp-post-image, img.attachment-gallery-2cols { max-width:311px; height:auto; }
	.three-cols img.wp-post-image, img.attachment-gallery-3cols { max-width:201px; height:auto; }
	.four-cols img.wp-post-image, img.attachment-gallery-4cols { max-width:150px; height:auto; }
	.two-cols .video-js { width:311px !important; height:223px !important; }
	.three-cols .video-js { width:201px !important; height:144px !important; }
	.four-cols .video-js { width:150px !important; height:108px !important; }
	.blog-details { width:311px; }
	.single-blog-list img.wp-post-image { max-width:645px; height:auto; }
	.comment-details { width:549px; }
	.children .comment-details { width:420px; }
	.children .children .comment-details { width:325px; }
	#respond input[type="text"], #respond textarea { width:169px; }
	#respond textarea { width:611px; }
	.children #respond input[type="text"] { width:138px; }
	.children #respond textarea { width:518px; }
	.single-blog-list iframe { width:645px; height:400px; }
	.single-blog-list .video-js { width:645px !important; height:400px !important; }
	.gmap { width:405px; }
	.gmap iframe { width:100%; height:250px; }
	.pagination { margin:0 30px; }
}

/*iPad Portrait*/
@media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 960px)  {
	.welcome-arrow { width:600px; }
	#content-page { width:413px; }
	.team-details, .cinfo { width:100%; }
	.two-cols img.wp-post-image, img.attachment-gallery-2cols, 
	.three-cols img.wp-post-image, img.attachment-gallery-3cols { max-width:165px; height:auto; }
	.cat-toogles { top:40px; width:160px; }
	.cat-toogles a.pfilter:link, .cat-toogles a.pfilter:visited { font-size:14px; }
	.cat-toogles span { top:0; }
	.blog-details { float:left; width:100%; }
	.link-hover img.wp-post-image { margin-bottom:20px; }
	.single-blog-list img.wp-post-image { max-width:350px; height:auto; }
	.single-blog-list iframe { width:350px; height:300px; }
	.single-blog-list .video-js { width:350px !important; height:300px !important; }
	.two-cols .video-js, .three-cols .video-js { width:165px !important; height:118px !important; }
	.comment-details { width:255px; }
	.children { margin-left:25px; }
	.children .comment-details { width:200px; }
	.children .children .comment-details { width:175px; }
	#respond input[type="text"], #respond textarea { width:320px; }
	li.msg { margin-top:20px; }
	.children #respond input[type="text"], .children #respond textarea { width:296px; }
	.gmap { width:350px; float:left; }
	.gmap iframe { width:100%; height:250px; }
}

/*iPhone Landscape*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px)  {
	.welcome-arrow { width:413px; top:2.8em;  }
	.logo-menu { position:relative; width:413px; margin:0 auto; left:0; }
	nav { display:none; }
	#mselect { display:block; width:370px; margin:0 auto; }
	.smenu { background:#030303; padding:25px 0; }	
	.logo { text-align:center; background:#FFF; }
	.social { display:none; }
	#content-page { width:413px; position:relative; left:0; top:40px; margin:0 auto; }
	.gallery-hover { top:35%; }
	.slideshow { height:450px; }
}

/*iPhone Portrait*/
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) {
	.logo-menu, .welcome-arrow { width:280px; }
	#mselect { width:240px; }
	#content-page { width:280px; }
	#content-page h2.ptitle { font-size:30px; }
	#mselect { width:240px; }
	.members img.wp-post-image { max-width:220px; height:auto; }
	.services-details h4 { font-size:18px; }
	.page-not-found { background-size:220px 220px; width:220px; height:220px; }
	.nfound { top:35%; left:0; }
	.nfound h2 { font-size:20px; }
	.cat-toogles { display:none; }
	.two-cols img.wp-post-image, img.attachment-gallery-2cols, .three-cols img.wp-post-image, img.attachment-gallery-3cols { max-width:220px; height:auto; }
	.four-cols img.wp-post-image, img.attachment-gallery-4cols { max-width:164px; height:auto; }
	.link-hover img.wp-post-image, .single-blog-list img.wp-post-image { max-width:220px; height:auto; }
	.single-blog-list .video-js { width:220px !important; height:200px !important; }
	.two-cols .video-js, .three-cols .video-js { width:220px !important; height:158px !important; }
	.blog-hover { top:40%; }
	.comment-details { width:220px; }
	.children { margin-left:10px; }
	.children .comment-details { width:180px; }
	.children .children .comment-details { width:160px; }
	#respond input[type="text"], #respond textarea { width:188px; }
	.children #respond input[type="text"], .children #respond textarea { width:175px; }
	.gmap { width:220px; }
}