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


/************************************************************** viewport >1401 **************************************************************/
@media only screen and (min-width: 1400px) {
.wrapper {width:1380px; margin:0 auto;}
.container {width:100%;}
    
.header-bg {min-height:1100px;}
    
.btnCTA {width: 500px; height: auto}
#section4 .imgSec4 {margin-bottom:-65px}

}




/************************************************************** viewport 1301 to 1399 **************************************************************/
@media only screen and (min-width: 1301px) and (max-width:1399px) {
.wrapper {width:1280px; margin:0 auto; }
.container {width:100%;}
    
.header-bg {min-height:1000px;}

.btnCTA {width: 400px; height: auto}
#section4 .imgSec4 {margin-bottom:-60px}

}




/************************************************************** viewport 1201 to 1300 **************************************************************/
@media only screen and (min-width: 1201px) and (max-width:1300px) {
.wrapper {width:1180px; margin:0 auto; }
.container {width:100%;}
    
.header-bg {min-height:1000px;}

.btnCTA {width: 400px; height: auto}
#section4 .imgSec4 {margin-bottom:-55px}

}



/************************************************************** viewport 980 to 1200 **************************************************************/
@media only screen and (min-width: 980px) and (max-width:1200px) {
.wrapper {width:980px; margin:0 auto;}
.container {width:100%}
    
.header-bg {min-height:1000px;}

.btnCTA {width: 400px; height: auto}
#section4 .imgSec4 {margin-bottom:-50px}

}



/************************************************************** viewport 980 to 992 - ac **************************************************************/
@media only screen and (min-width: 980px) and (max-width:992px) {

    
.header-bg {min-height:1100px;}    
    
    
.btnCTA {width: 500px!important; height: auto}
.cta-btn {bottom: 50px!important}
    
#section4 .imgSec4 {margin-bottom:-80px}

}



/************************************************************** viewport 941 to 979 **************************************************************/
@media only screen and (min-width: 941px) and (max-width: 979px) {
.wrapper {width:100%;}
.container {width:100%}
    


.btnCTA {width: 500px!important; height: auto}
 .cta-btn {bottom: 50px!important}
    
#section4 .imgSec4 {margin-bottom:-80px}
	

	
}



/************************************************************** viewport 768 to 940 **************************************************************/
@media only screen and (min-width: 768px) and (max-width: 940px) {
.wrapper {width:100%;}
.container {width:100%}
    


.cta-btn {bottom: 50px!important}
.btnCTA {width: 500px!important; height: auto}
#section4 .imgSec4 {margin-bottom:-80px}


}
	
	

/************************************************************** viewport 480 to 767 **************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:100%;}

.logo {width:160px; height: auto}
.header-mobile-bg {min-height:850px;}    
	
.cta-btn {bottom: 10px!important}
.btnCTA {width: 400px!important; height: auto}
    
#section1 h3 {font-size: 1.4em}
    
#section2 .ctaBtn, #section3 .ctaBtn {width: 400px!important; height: auto;}
#section4 .imgSec4 {margin-bottom:-70px}
    
#section3 .heading1 {width:100%!important; height:auto!important;}
#section3 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section4 .heading1 {width:100%!important; height:auto!important;}
#section4 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section5 .heading1 {width:100%!important; height:auto!important;}
#section5 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section6 .heading1 {width:100%!important; height:auto!important;}
#section6 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section7 .heading1 {width:100%!important; height:auto!important;}
#section7 .heading2 {width:90%!important; height:auto!important; margin:0 auto}

.footer-section {height:250px!important;}
}



/************************************************************** viewport 321 to 479 **************************************************************/
@media only screen and (min-width: 321px) and (max-width: 479px) {
.wrapper {width:100%;}

.logo {width:130px; height: auto}
.cta-btn {bottom: 5px!important}
.btnCTA {width: 250px!important; height: auto}
    
#section1 .heading1 {width:100%!important; height:auto!important;}
#section1 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
#section1 .tick {height: 20px; width: auto; margin-right:20px;}
#section1 .icon {height: 60px; width: auto; margin-left:20px;}
#section1 h3 {font-size: 1.3em}
    
#section2 .heading1 {width:100%!important; height:auto!important;}
#section2 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section2 .ctaBtn, #section3 .ctaBtn, #section4 .ctaBtn, #section5 .ctaBtn {width: 300px!important; height: auto;}

#section3 .heading1 {width:100%!important; height:auto!important;}
#section3 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section4 .heading1 {width:100%!important; height:auto!important;}
#section4 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
#section4 .imgSec4 {margin-bottom:-50px}
    
#section5 .heading1 {width:100%!important; height:auto!important;}
#section5 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section6 .heading1 {width:100%!important; height:auto!important;}
#section6 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section7 .heading1 {width:100%!important; height:auto!important;}
#section7 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
.footer-section {height:200px!important;}
	
}


/************************************************************** viewport <320 **************************************************************/

@media only screen and (max-width: 320px) {
.wrapper {width:100%}

.logo {width:130px; height: auto}
	
.cta-btn {bottom: 5px!important}
.btnCTA {width: 250px!important; height: auto}
    
#section1 .heading1 {width:100%!important; height:auto!important;}
#section1 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
#section1 .tick {height: 20px; width: auto; margin-right:20px;}
#section1 .icon {height: 60px; width: auto; margin-left:20px;}
#section1 h3 {font-size: 1.3em}
    
#section2 .heading1 {width:100%!important; height:auto!important;}
#section2 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section2 .ctaBtn, #section3 .ctaBtn, #section4 .ctaBtn, #section5 .ctaBtn {width: 250px!important; height: auto; }
    
#section3 .heading1 {width:100%!important; height:auto!important;}
#section3 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section4 .heading1 {width:100%!important; height:auto!important;}
#section4 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
#section4 .imgSec4 {margin-bottom:-50px}
    
#section5 .heading1 {width:100%!important; height:auto!important;}
#section5 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section6 .heading1 {width:100%!important; height:auto!important;}
#section6 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    
#section7 .heading1 {width:100%!important; height:auto!important;}
#section7 .heading2 {width:90%!important; height:auto!important; margin:0 auto}
    






}