#boiler-installations-banner,#boiler-service-banner,#central-heating-banner,#home-improvements-banner,#plumbing-bathrooms-banner,#worcester-banner,#maintenance-contracts-banner,#testimonials-banner,#contactus-banner {float:left; width:100%; position:relative; height:320px;}
#boiler-installations-banner .wrapper,#boiler-service-banner .wrapper,#central-heating-banner .wrapper,#home-improvements-banner .wrapper,#plumbing-bathrooms-banner .wrapper,#maintenance-contracts-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,#contactus-banner .wrapper { display:table;}

#boiler-installations-banner { background:url('../images/boiler-installations-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 60%; background-size:cover;}
#boiler-service-banner { background:url('../images/boiler-service-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 55%; background-size:cover;}
#home-improvements-banner { background:url('../images/home-improvements-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 70%; background-size:cover;}
#plumbing-bathrooms-banner { background:url('../images/plumbing-bathrooms-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 35%; background-size:cover;}
#central-heating-banner { background:url('../images/central-heating-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 80%; background-size:cover;}
#worcester-banner { background:url('../images/worcester-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 60%; background-size:cover;}
#maintenance-contracts-banner { background:url('../images/maintenance-contracts-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 93%; background-size:cover;}
#testimonials-banner { background:url('../images/testimonials-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 13%; background-size:cover;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 35%; background-size:cover;}

#plumbing-bathrooms-banner .banner-inn h1 { color:#fff;}
#plumbing-bathrooms-banner .banner-inn h1 span { color:#fff;}

#worcester-banner .banner-inn h1 { color:#fff;}
#worcester-banner .banner-inn h1 span { color:#fff;}

.banner-inn { text-align: right; display:table-cell; vertical-align: bottom;height:320px;}
.banner-inn h1 { font-weight: bold;font-size:45px; line-height:45px; color:#0968ad; font-weight:normal;}
.banner-inn h1 span { color:#30a2da;}

@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:40px; line-height:40px;}
.banner-inn h1 br { display:none;}
}

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

}

@media only screen and ( max-width:767px) {
.banner-inn  { text-align:center; vertical-align:middle;}
.banner-inn h1 { color:#fff; margin:0px; padding:0 0 20px;}
.banner-inn .btn a,.banner-inn .btn a:hover { margin:0px; padding:12px 50px 12px 20px; font-size:17px;background-size: 6%; background-position: top 13px right 10px;}

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

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

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

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


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


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

#worcester-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/worcester-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.5),rgba(0,0,0,0.5)),
url('../images/testimonials-banner.png');
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.5),rgba(0,0,0,0.5)),
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;}
}

@media only screen and ( max-width:640px) {
#boiler-installations-banner,#boiler-service-banner,#central-heating-banner,#home-improvements-banner,#plumbing-bathrooms-banner,#worcester-banner,#maintenance-contracts-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:250px;}

.banner-inn h1 { font-size:30px; line-height:30px; padding:0px;}
}

@media only screen and ( max-width:520px) {
#boiler-installations-banner,#boiler-service-banner,#central-heating-banner,#home-improvements-banner,#plumbing-bathrooms-banner,#worcester-banner,#maintenance-contracts-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:200px;}

.banner-inn h1 { font-size:30px; line-height:40px;}


}

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

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