#aboutus-banner,#services-banner,#home-shield-maintenance-banner,#boiler-finance-banner,#contactus-banner,#testimonials-banner,#gallery-banner {float:left; width:100%; position:relative; height:300px;}
#aboutus-banner .wrapper,#services-banner .wrapper,#home-shield-maintenance-banner .wrapper,#boiler-finance-banner .wrapper,#contactus-banner .wrapper,#testimonials-banner .wrapper,#gallery-banner .wrapper { display:table;}

#aboutus-banner { background:url('../images/aboutus-banner.jpg');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size:cover;}
#services-banner { background:url('../images/services-banner.jpg');background-repeat:no-repeat;background-position: left 0 bottom 40%; background-size:cover;}
#home-shield-maintenance-banner { background:url('../images/home-shield-maintenance-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 60%; background-size:cover;}
#boiler-finance-banner { background:url('../images/boiler-finance-banner.jpg');background-repeat:no-repeat;background-position: left 0 bottom 65%; background-size:cover;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 30%; background-size:cover;}
#testimonials-banner { background:url('../images/testimonials-banner.jpg');background-repeat:no-repeat;background-position: left 0 bottom 25%; background-size:cover;}
#gallery-banner { background:url('../images/gallery-banner.jpg');background-repeat:no-repeat;background-position: left 0 bottom 35%; background-size:cover;}

.banner-inn { text-align: right; display:table-cell; vertical-align: middle;height:300px;}
.banner-row { width:22%; background:#000000; float:right; height:100%; text-align:center; padding:4% 0 0;}
.banner-inn h1 { font-size:40px; color:#fff; line-height:45px;font-weight:normal;margin:0px; padding:0;font-family: 'timesnewroman';}
.banner-inn p { color:#fff; margin:0px; padding:20px 0;}
.banner-inn .btn { float:left; width:100%; margin:0; padding:0px; text-align:center;}
.banner-inn .btn a { margin:0; font-size:25px;}

#home-shield-maintenance-banner .banner-row { padding:10px 0 0;}
#boiler-finance-banner .banner-row { padding:10px 0 0;}

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

}

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

@media only screen and ( max-width:1200px) {
.banner-inn h1 { font-size:35px; line-height:40px;}
.banner-inn h1 br { display:none;}
.banner-row { width:30%;}
}

@media only screen and ( max-width:980px) {
.banner-row { width:35%;}
}

@media only screen and ( max-width:767px) {
.banner-inn  { text-align:center; vertical-align:middle;}
.banner-inn h1 a { color:#fff;}

.banner-row { width: auto; float:none; display:inline-block; padding:0px; background:none; height:auto;}


#aboutus-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/aboutus-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#services-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/services-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#home-shield-maintenance-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/home-shield-maintenance-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#boiler-finance-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/boiler-finance-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#contactus-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/contactus-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#testimonials-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/testimonials-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}

#gallery-banner { background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/gallery-banner.jpg');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 0%;
background-size:100% 100%,cover;}


}

@media only screen and ( max-width:640px) {
.banner-inn .btn { margin:2% 0 0;}

}

@media only screen and ( max-width:520px) {
.banner-inn h1 { font-size:30px; line-height:40px;}
}

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