@charset "utf-8";
/* CSS Document */

/* mobile nav */

#hamburger {
	display: none;
}

@media (max-width: 1430px) {
	.faderLeft, .faderRight {display: none !important;}
	.introCopy {padding-left: 5%; }
	.introCopy500 {padding-left: 5%; }

}
@media (max-width: 1175px) {
	
.centreColSubTitle {font-size: 24px;}
	.compareTitle {font-size: 22px;}
	.centrePageCompare { font-size: 30px; }
}


@media (max-width: 1050px) {
	
	.boxList3 {	width: 70%;}
	.boxList1 {	padding-right: 15%;}
		.compareTitle {font-size: 20px;}
}


@media (max-width: 998px) {

	#nav {bottom: auto; right: auto; top: auto; width: 106.4%; background-color: #FFFFFF; margin: 0 -3.2%; }
	#nav ul { margin: 0; border-bottom: 1px solid #999a7b;}
	#nav ul li {float: none; display: none;}
	#nav li:hover ul { display: none;}
	#nav ul li a {text-align: center; padding: 10px 3%; border-right: none; border-top: 1px solid  #999a7b;}
	#nav ul li a {text-align: left;}
	#hamburger {display: inline; margin-right: 2px;}
	#nav > ul > li > a:after {display: none;}
	.lowerCase { font-size: 22px;}
	.introCopy500 {padding-top: 60px;}
	.introCopy {padding-top: 25%;	padding-right: 40%; line-height:1;}
	.introCopyTextTitle {font-size: 46px;}
	.introCopyText {font-size: 28px;}
	.colWrap.col2 { width: auto; float: none; margin: 0; padding-top: 20px;}
	.colWrap.col2.lastCol { padding-top: 0 !important;}
	.boxButton {
    width: 100%;
    font-size: 16px;
}
	.boxButtonLeft { width: 40%;}
	.enquiryTable td label.label2cols { width:auto; display:block;	}
	.centreColSubTitle {font-size: 22px; letter-spacing: -1px;}
	.treatmentPageTitle {  font-size: 22px;}
	li {
    font-size: 18px;
}
	.centrePageCompare { font-size: 26px; }
}
@media (max-width: 955px) {
	
		h1 {font-size: 28px;}
	h2 {font-size: 22px;}
	.priceListSubTitle {font-size: 22px;}
	.boxList1 {width:90%;}
	.introCopy500 {font-size: 38px; padding-left: 3%; }
	.introCopy500sub { font-size: 30px;	}
	li {font-size:16px;}
}



@media (max-width: 826px) {
	.centreColSubTitle { letter-spacing: -2px;}
	.centreText {font-size:16px;}
	.boxList3 {	width: 90%;}
	h1 {font-size: 22px;}
	h2 {font-size: 18px;}
	p {font-size:16px;}
	
}

	

@media (max-width: 768px) {
		
	h4 {font-size: 20px;}
	#hamburger { bottom: 10px;}
	#headerImage img {max-width:400px !important;}
	.headerContact {letter-spacing:-1px; }
	.blue {font-size: 20px; }
	.centreColSubTitle {font-size: 18px;}
	
	
}

@media (max-width: 660px) {
	

	#headerImage img {max-width:310px !important;}
	.testP {font-size: 14px;}
	.boxh2 { width:80%; padding-top: 15px;}
	.boxCentreIndex { width:88%; padding-top: 0px;}
	.col2 { width: auto !important; float: none !important; margin: 0 !important; padding-bottom: 20px;}
	.lastCol {padding-bottom: 0 !important;}
	.headerContact {top: 6px; font-size:16px;}
	.introCopy500 {padding-top: 50px;	}
	.introCopy500sub {font-size:26px; padding-right: 5%;}
	.boxButton a {  width: 70%; font-size: 14px;}
	.boxButtonLeft { width: 30%;}
	.boxList3 {	width: 100%;}
	.centreColSubTitle {font-size: 16px;letter-spacing:-2px; font-weight:400;}

}




@media (max-width: 568px) {
	
	#headerImage img {max-width:280px !important;}
	
	.headerContact {top:1px; }
	.centreColSubTitle {font-size: 34px;font-weight: 300;}
	.centreText {font-size:20px;}
	.compareTitle {font-size: 26px;}

	.boxList1 {	padding-right: 5%;}
}

@media (max-width: 530px) {
		
		
		#hamburger { bottom: 40px;}
		.introCopy500 {font-size: 30px;padding-top: 30px;}
		.headerContact {display:none;}
}


@media (max-width: 478px) {
	
	
	
	.centreBlockHeader {font-size: 30px;font-weight: 600;}
	.parallaxCaption {font-size: 28px; letter-spacing:-1px;}
	.boxh2 { width:98%; }
	.boxCentreIndex { width:98%; }
	.introCopy {padding-right: 30%;}
	.introCopyTextTitle {letter-spacing:0px;}
}

@media (max-width: 444px)
{
	#headerImage img {max-width:280px !important;}
	h1 {font-size: 20px;}
	
	.enquiryTable td, .enquiryTable th { display:block; height:auto; }
	.enquiryTable .checkboxes th, .enquiryTable .checkboxes td { padding-top:0; }
	.introCopy500 {font-size: 28px;padding-top: 25px;}
	.boxButtonLeft {   width: 35%;}
	.introCopyTextTitle {font-size:36px;}
	
}

@media (max-width: 360px) {
	
	
	li {font-size:14px;}
	.parallaxCaption {font-size: 24px;}
	
	.introCopy500 {font-size: 26px;padding-top: 20px;}
	.contentWrap { padding-bottom: 15px;}

}