@media only screen and (max-width:1399px) {
/*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,#banner2,#home1,#home2,#home3,#about,#eyfs2,#ftr{padding-left:20px;padding-right:20px;}
}

@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:1399px) {
	

}


	
@media only screen and (max-width:1040px) {
	
	#hdr{line-height:0px;padding-top:15px;padding-bottom:15px;text-align:center;}
	#logo{display:block;}
	#nav-toggle{display:inline-block;margin:0;position:absolute;top:22px;right:20px;width:auto;text-align:right;}
	#nav-wrapper{width:100%;}
	#nav{display:none;padding:40px 0 0 0;}
	#nav ul li{display:block;}
	#nav ul li a:before{display:none;}
	
	
	#banner{font-size:80%;}
	.slide-content span{width:85%;}
	
	
}


@media only screen and (max-width:820px) {
#ftr div div{display:block!important;}
}


@media only screen and (max-width:760px) {
	
	#banner{font-size:65%;}
	.slide-content span{width:90%;}
}




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


	#banner{height:70vw;}
}


@media only screen and (max-width:520px) {
	#banner{font-size:50%;}
}