/* ------------------------------------------------*/
/* Media queries
---------------------------------------------------*/

@media all and (max-width: 1765px) {


}

@media (max-width: 1214px) { 

	/* nav */
	#mainnav { background: rgba(255,255,255,0.75) url(/img/bg-nav-chevron.png) 115% bottom no-repeat;  }
	.parent a { color: #000; font-size: 14px; font-weight: 600; padding: 21px 8px 19px 8px !important; margin-right: 7px;  }


}



@media (max-width: 992px) { 

	/* banner home */
	.bnr-item { height: 400px; background-size: cover; }
	.bnr-caption { top: 40px; left: 50%; transform: translateX(-50%); width: 100%; }
	
	/* home panel */
	.hme-panel { border-top: 0; padding-top: 0; }
	.hme-panel-ttl { background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 300px; width: 100%; margin-top: 10px; }
	.hme-panel-ttl h2 { font-size: 17px; width: 99%; padding-left: 15px; }

	.hme-panel-txt { padding: 0 25px 25px 25px; }
	.hme-panel-txt-item { width: 100%; background: none; padding: 25px 0 0 0; }
	.hme-panel-txt-item p { font-size: 16px; margin-bottom: 45px !important; }

	/* classes slider home */
	.class-hdr { background: #f2f2f2; padding: 10px 0 0 5px; }
	.class-hdr h3 { padding: 11px 0 11px 25px; }

	#per-slide-template { top: 50px; background: #999393; border-bottom: none; width: 100%; height: 45px; padding: 0 !important;  }
	#per-slide-template a { display: block; margin: 0 !important; padding: 10px !important; color: #fff; background: #999393; }
	#per-slide-template a.cycle-pager-active,
	#per-slide-template a:hover { color: #000; background: #f6a201; text-decoration: none; }

	.mob-shw-discp { position: absolute; top: 0; z-index: 9999; width: 100%; padding: 11px 0 0 0px; background: #999393; }
	.mob-shw-discp a { position: relative; display: block; color: #fff; text-decoration: none; font-size: 18px; padding-left: 65px; padding-bottom: 10px; }
	.mob-shw-discp a:hover { color: #000; }
	.mob-shw-discp a::before { position: absolute; top: 0; left: 30px; font-family: "ionicons"; content: '\f20d'; font-size: 20px; }
	
	/* slider nav */
	#slid-mob-items { background: #1d1d1b; padding: 7px 0 11px 0; }
	#slid-mob-items a { position: relative; display: block; padding: 0; padding: 7px 0 7px 65px; }
	#slid-mob-items a:hover { color: #f6a201; }
	#slid-mob-items a::before { position: absolute; top: 7px; left: 45px; font-family: "ionicons"; content: '\f30f'; font-size: 20px; }
	
	#slid-mob-items a.cycle-pager-active { color: #f6a201; }
	
	.class-item { background-size: 100% auto; height: 500px; background-position: center 10%; }

	.class-caption { position: relative; top: 82%; left: 0; transform: translateY(-50%); z-index: 999; background: transparent url(/img/classes-caption-chevron-mobile.png) right 0 no-repeat; width: 100%; height: 500px; }

	.class-caption h4 { font-size: 20px; font-weight: 600; color: #f6a201; padding: 22px 0 0 25px; }

	.class-caption p:first-of-type { padding: 35px 55px 25px 25px; }

	.class-caption p:nth-of-type(2) { padding: 0 0 0 25px; }
	
	/* gallery */
	.gallery-hdr h5 { padding: 11px 50px 11px 25px; }
	.gallery-wrap-sub { padding: 25px 10px 0 10px; }
	.gallery-img img { width: 100%; height: auto; }

	/* videos */
	.video-img { min-height: 290px; text-align: center; }
	.video-img img { width: 100%; height: auto; }

	/* images/vids select */
	.select-imgvid .select-img,
	.select-imgvid .select-vid { display: inline-block; width: 100px; height: 63px; text-align: center; padding-top: 20px; background-repeat: repeat-x; text-decoration: none; }

	/* news home */
	.news-hdr { width: 55%; }
	.news-hdr h5 { padding-left: 25px; }
	.news-item { height: 450px; background-size: auto 100%; }
	.news-caption { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 999; width: 90%; background: rgba(255,255,255,0.9); padding: 15px 15px 45px 15px; }

	/* footer */
	.col-ftr2 { padding-top: 30px; }
	.col-ftr3 { padding-top: 30px; }
	.footer-btm-col2 { text-align: left; background: #1d1d1b; padding: 25px 0 0 25px; }
	
}



@media (max-width: 783px) {

	/* local menu */
	.local-menu dl { padding: 0; }
	.local-menu dt a { padding: 13px 0 13px 55px; font-size: 17px !important; }
	.local-menu dt a::before { top: 12px; }
	.local-menu dd { width: 100% }
	.local-menu dd a { padding: 13px 0 13px 55px; font-size: 16px !important; } 

	.ttitem span { display: block; width: 100%; }
	.ttitem-age span { display: block; width: 100%; }

}


/* e.g. galaxy s5 */
@media (max-width: 360px) {
	

}





/* iPhone 6 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 


}


/* iPhone 6 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 


}



/* iPhone 6 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

}


/* iPhone 6 in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 

	
}




/* iPhone 5 in portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {

}

/* iPhone 5 in landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
	  
	
}




/* iPhone 2G-4S in portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {  


	
}


/* iPads in portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

/* banner */
.bnr-nav-prev { left: 4%; }
.bnr-nav-next { right: 4%; }
.share { right: 10%; bottom: 10%; }

/* project specs */
.proj-specs { margin-top: -73px; }

/* form */
#intouch input[type="checkbox"] { margin-left: 85px; }
.g-recaptcha { transform: scale(0.67); -webkit-transform: scale(0.67); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

}

/* iPads in landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

/* banner */
.bnr-nav-prev { left: 4%; }
.bnr-nav-next { right: 4%; }
.share { right: 10%; bottom: 10%; }

.bnr-nav-prev, 
.bnr-nav-next { display: none; }

/* form */
#intouch input[type="checkbox"] { margin-left: 85px; }
.g-recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }


}