/********************************
LAPTOP SCREEN
********************************/

@media only screen and (max-width: 1600px) {
	img { -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); -moz-backface-visibility: hidden; }
	.pages, .page-content { height:63%; }
	.pages { right:8.6%; }
	.verScroll { height:83.3%; }
}

/********************************
IPAD LANDSCAPE (1024x768)
********************************/

@media only screen and (max-width: 1200px) {
	.logo div { padding-left:100px; }
	.menu { padding-right:30px; padding-left:25px; }
	.pages { top:210px; right:40px; width:830px; height:69.5%; }
	.page-content { height:69.5%; }
	.verScroll { height:83.3%; }
	.member, .member-thumb, .gallery-list-3cols, .gallery-page-single ul li { width:233px; }
	.member-thumb { height:252px; }
	.member-thumb img, .gallery-list-3cols img, .gallery-page-single ul li img, .gallery-page-single ul li .video-js { max-width:233px; height:auto; }
	.gallery-page-single ul li .video-js { margin-bottom:20px !important; height:202px !important; }
	.sticky .bdesc { width:380px; }
	.bdesc { width:400px; }
	.bdesc-single img { max-width:762px; height:auto; }
	.comment-details { width:670px; }
	.children .parent .comment-details { width:580px; }
	.children .children .parent .comment-details { width:490px; }
	.contact-form input[type="text"], .contact-form textarea, .comment-form ul li input[type="text"], 
	.comment-form ul li textarea, #comment, .protected input[type="password"] { width:208px; }
	.contact-form textarea, .comment-form ul li textarea, #comment { width:735px; }
	.children .comment-form ul li input[type="text"] { width:178px; }
	.children .comment-form ul li textarea { width:646px !important; }
	.gmap { margin-right:0; width:100%; }
	.contact-content { width:100%; }
	.vjs-default-skin .vjs-big-play-button { left:55%; top:54%; }
}


/********************************
IPAD PORTRAIT (768x1024)
********************************/

@media only screen and (max-width: 960px) {
	#container { width:685px; margin:0 auto; }
	.pages { width:685px; right:0; top:300px; height:68%; }
	.page-content { height:68%; }
	.verScroll { height:86.3%; }
	.logo { float:left; width:100%; }
	.logo div { padding-left:40px; }
	.social { margin-left:0; }
	.social li { float:left; margin-right:1px; }
	nav { display:none; }
	.select-menu { display:block; position:absolute; right:0; top:48px; width:300px; }
	.member, .member-thumb, .gallery-list-3cols, .gallery-page-single ul li { width:185px; }
	.member-thumb { height:200px; }
	.member-thumb img, .gallery-list-3cols img, .gallery-page-single ul li img, .gallery-page-single ul li .video-js { max-width:185px; height:auto; }
	.gallery-page-single ul li .video-js { height:160px !important; }
	.slide-options { left:0; }
	span.zoom { left:38%; top:30%; }
	.sticky .bdesc { width:272px; }
	.bdesc { width:290px; }
	.blist-image { width:290px; }
	.blist-image img { max-width:290px; height:auto; }
	.bdesc-single img { max-width:617px; height:auto; }
	.comment-details { width:525px; }
	.children .parent .comment-details { width:430px; }
	.children .children .parent .comment-details { width:340px; }
	.contact-form input[type="text"], .contact-form textarea, .comment-form ul li input[type="text"], 
	.comment-form ul li textarea, #comment, .protected input[type="password"] { width:159px; }
	.contact-form textarea, .comment-form ul li textarea, #comment { width:590px; }
	.children .comment-form ul li input[type="text"] { width:129px; }
	.children .comment-form ul li textarea { width:500px !important; }
}


/********************************
IPHONE 4-4S-5 LANDSCAPE (480x320)
********************************/

@media only screen and (max-width: 760px) {
	#container, #slidecaption, .pages { width:420px; }
	.logo h1 { text-align:center; }
	.slide-options { top:278px; left:0; }
	ul.nav { display:none !important; }
	.select-menu { width:155px; top:38px; right:0; }
	.social, .logo { margin-top:30px; }
	.pages { top:278px; right:0; height:100%; }	
	.page-header { background-repeat:repeat; }
	.page-content { height:100%; }
	.verScroll { height:70%; }
	.member, .member-thumb, .gallery-list-3cols, .gallery-page-single ul li { width:110px; margin-right:10px; }
	.member-thumb { height:115px; }
	.member-thumb img, .gallery-list-3cols img, .gallery-page-single ul li img, .gallery-page-single ul li .video-js { max-width:110px; height:auto; }
	.gallery-page-single ul li .video-js { height:95px !important; }
	.team-social ul li a { width:25px; padding:4px 0; }
	.page-horizontal { height:400px !important; padding-bottom:100px; }
	span.zoom { left:28%; top:22%; }
	.sticky { padding:20px; }
	.sticky .blist-image { width:310px; }
	.sticky .blist-image img { max-width:310px; }
	.sticky .bdesc { width:312px; }
	.blist-image { width:175px; margin-right:0; margin-bottom:20px; }
	.blist-image img { max-width:352px; height:auto; }
	.bdesc-single img { max-width:352px; height:auto; }
	.bdesc { width:352px; }
	.comment-details { width:355px; }
	.children { margin-left:20px; }
	.children .parent .comment-details { width:325px; }
	.children .children .parent .comment-details { width:320px; }
	.contact-form input[type="text"], .contact-form textarea, .comment-form ul li input[type="text"], 
	.comment-form ul li textarea, #comment, .protected input[type="password"] { width:325px; }
	.contact-form textarea, .comment-form ul li textarea, #comment { width:325px; }
	.children .comment-form ul li input[type="text"] { width:285px; }
	.children .comment-form ul li textarea { width:285px !important; }
	.contact-form ul li.last, .comment-form ul li.last { margin-bottom:30px !important; }
	img.avatar { margin-bottom:20px; }
}


/********************************
IPHONE 4-4S-5 PORTRAIT (320x568)
********************************/

@media only screen and (max-width: 450px) {
	#container, #slidecaption, .pages { width:260px; }
	.social { margin-left:0; }
	.logo img { max-width:280px; height:auto; }
	.select-menu { top:110%; right:0; width:260px; }
	.slide-options, .pages { top:328px; right:0; }
	.member, .member-thumb, .gallery-list-3cols, .gallery-page-single ul li { width:192px; margin-right:0; }
	.member-thumb { height:208px; }
	.member-thumb img, .gallery-list-3cols img, .gallery-page-single ul li img, .gallery-page-single ul li .video-js { max-width:192px; height:auto; }
	.gallery-page-single ul li .video-js { height:166px !important; }
	.team-social ul li a { width:40px; padding:10px 0; }
	.page-horizontal { height:550px !important; padding-bottom:60px;  }
	.page-horizontal .gallery-list-3cols { margin-right:30px; }
	.horScroll { height:58%; }
	span.zoom { left:38%; top:30%; }
	.sticky { padding:20px; }
	.blist-image { margin-right:0; margin-bottom:20px; }
	.sticky .blist-image img { max-width:152px; }
	.sticky .bdesc { width:152px; }
	.blist-image img, .bdesc-single img { max-width:192px; height:auto; }
	.bdesc, .comment-details { width:192px; }
	.contact-form input[type="text"], .contact-form textarea, .comment-form ul li input[type="text"], 
	.comment-form ul li textarea, #comment, .protected input[type="password"], .contact-form textarea, .comment-form ul li textarea, #comment { width:165px; }
	.children .parent .comment-details { width:170px; }
	.children .children .parent .comment-details { width:155px; }
	.children .comment-form ul li input[type="text"], .children .comment-form ul li textarea { width:145px !important; }
}