@media only screen and (max-width:1599px) {
/*LIGHTBOX*/
.lightbox .lb-image {
/*responsive*/width:auto!important;height:auto!important;
/*responsive - stop image upscaling*/max-width:100%!important;margin:0 auto;
}
.lb-outerContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}
.lb-dataContainer {/*responsive*/max-width:80%;height:auto!important;width:auto!important;}

/*#hdr,#ftr,#nav ul{padding-left:20px;padding-right:20px;}*/

}

@media only screen and (max-width:1000px) {
.cols2575{flex-direction:column;}.cols2575 div{width:100%;}.cols2575 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;border:none;}	
}

@media only screen and (max-width:820px) {
.cols5050{display:block;}.cols5050 div{width:100%;}.cols5050 div:first-child{margin-right:0%;margin-bottom:40px;}
.cols6040{display:block;}.cols6040 div{width:100%;}.cols6040 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols4060{display:block;}.cols4060 div{width:100%;}.cols4060 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols6633{flex-direction:column;}.cols6633 div{width:100%;}.cols6633 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.cols3366{flex-direction:column;}.cols3366 div{width:100%;}.cols3366 div:first-child{width:100%;margin-right:0%;margin-bottom:40px;}
.text-col{margin-bottom:0px!important;}.text-col p,.text-col h2{text-align:center;}
}
@media only screen and (max-width:739px) {
.grid{justify-content:left;}
.grid333 div{width:48%;-webkit-flex-basis:48%;-moz-flex-basis:48%;flex-basis:48%;margin:1%;}

}

@media only screen and (max-width:639px) {
.cols333{display:block;}.cols333 div{width:100%;}.cols333 div:nth-child(2){margin-right:0%;margin-left:0;margin-bottom:30px;margin-top:30px;}
.grid{display:block;}
.grid5050 div{width:98%;margin:1%;}
.grid333 div{width:98%;margin:1%;}
}


/*-----------------------------------------------*/
/*-----------------------------------------------*/



@media only screen and (max-width:1060px) {
	
	#nav ul li a{font-size:100%;}
	
	#banner{height:50vw;}
	.slide-content{padding-left:20px;padding-right:20px;}
	
	
}


@media only screen and (max-width:940px) {

	#banner{font-size:85%;}
	.slide-content{padding-left:20px;padding-right:20px;}
	
	#hdr-wrapper{position:absolute!important;}
	#hdr-logo-nav{min-height:70px;}
	#logo{position:absolute;left:20px;top:10px;transform:none;}
	#nav-wrapper{margin:12px 0 0 0;}
	#nav{padding:20px 0 0 0;/*padding:180px 0 30px 0;position:static;left:auto;*/}
	#nav ul{display:block;padding:0;text-align:center;}
	#nav ul li{width:100%!important;border-top:1px solid #fff;margin:0 auto;}#nav ul li:first-of-type{border:none;}
	#nav ul li a{padding:10px 12px 0 12px;border-radius:0;text-align:right;font-size:70%;}
	#nav ul li:hover a,#nav ul li.selected a{}
	#nav-toggle{cursor:pointer;display:inline-block;/*margin:0 15px 0 0;position:absolute;top:10px;right:0px;z-index:200;*/}
	
	#hdr{/*padding-top:30px!important;padding-bottom:30px!important;*/}
	
	#facilities .cols{display:block;}
	#facilities-text{order:1;width:100%!important;display:block;padding:40px 0 80px 0;}
	#facilities-img{order:2;width:100%!important;display:block;}
	
	#prices-times-bookings-inner{display:block;}
	#prices-times-bookings-inner div{width:90%;-webkit-flex-basis:90%;-moz-flex-basis:90%;flex-basis:90%;margin:0 auto;}
	#prices-times-bookings-inner #prices{left:0px;top:0px;}
	#prices-times-bookings-inner #times{width:100%;-webkit-flex-basis:100%;-moz-flex-basis:100%;flex-basis:100%;top:0;}
	#prices-times-bookings-inner #bookings{left:0px;top:0px;}
	#prices-times-bookings #times h2{margin-top:0px;}
	
	#faqs-bg{width:100%;-webkit-flex-basis:100%;-moz-flex-basis:100%;flex-basis:100%;height:40vw;background-position:50% -20vw;}
	#faqs-wrapper{width:100%;-webkit-flex-basis:100%;-moz-flex-basis:100%;flex-basis:100%;}
	#faqs-content{max-width:100%!important;width:100%;}
	
	#contact .cols{display:block;}
	#contact .cols div{width:100%;margin:0 0 30px 0!important;}

	
	
}



@media only screen and (max-width:820px) {

	
	
}


@media only screen and (max-width:799px) {
#banner{height:70vw;}

}



@media only screen and (max-width:639px) {
#banner{height:70vw;}
#banner h1{font-size:200%;}

}


@media only screen and (max-width:400px) {
	#banner{height:100vw;}
	#facilities{padding:40px 0 80px 0;}
	#facilities-text{padding-bottom:30px;}
	#faqs-content{padding-bottom:0px;}
	#gallery{padding:40px 0 20px 0;}

}


