#boiler-installations-banner,#services-banner,#bathroom-banner,#worcester-banner,#testimonials-banner,#contactus-banner {float:left; width:100%; position:relative; height:300px;}
#boiler-installations-banner .wrapper,#services-banner .wrapper,#bathroom-banner .wrapper,#worcester-banner .wrapper,#testimonials-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 78%; background-size: 100% auto;}
#services-banner { background:url('../images/service-repairs-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 37%; background-size: 100% auto;}
#bathroom-banner { background:url('../images/bathrooms-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 49%; background-size: 100% auto;}
#worcester-banner { background:url('../images/worcester-banner.png');background-repeat:no-repeat; background-position: left 0 bottom 57%; background-size: 100% auto;}
#testimonials-banner { background:url('../images/testimonials-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size:100% auto;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 32%; background-size:114% auto;}


.slide-inn { text-align: right; display:table-cell; vertical-align: middle;height:300px;}
.slide-inn h2 { color:#1d5aa1; font-size:50px; line-height:50px;font-weight:bold; margin:0px; padding:0; }
.slide-inn h2 span { color:#e78018;}

.slide-inn .btn { float:left; width:100%; margin:2% 0 0;}
.slide-inn .btn a {background:#1d5aa1; color:#fff; border-radius:18px; padding:8px 20px 8px 20px; font-size:20px;}
.slide-inn .btn a:hover  {background:#e78018;}


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

}


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

}

@media only screen and ( max-width:1170px) {
.slide-inn h1 { font-size:35px; line-height:40px;}

#boiler-installations-banner,#services-banner,#bathroom-banner,#testimonials-banner,#contactus-banner { background-size:120% auto;}

#worcester-banner {background-size: 200% auto;}
}

@media only screen and ( max-width:980px) {
#boiler-installations-banner,#services-banner,#bathroom-banner,#worcester-banner,#testimonials-banner,#contactus-banner,.slide-inn{ height:320px;}

}

@media only screen and ( max-width:767px) {
#boiler-installations-banner,#services-banner,#bathroom-banner,#worcester-banner,#testimonials-banner,#contactus-banner,.slide-inn{ height:300px;}
.slide-inn { text-align:center;}
.slide-inn h2 br { display:none;}
.slide-inn h2 {font-size:30px;line-height:30px; color:#fff;}


#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 50%;
background-size:100% 100%,150% auto;}

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

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

#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,right 50% bottom 0%;
background-size:100% 100%,220% auto;}

#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 50%;
background-size:100% 100%,150% auto;}

#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%,150% auto;}

}

@media only screen and ( max-width:640px) {
#boiler-installations-banner,#services-banner,#bathroom-banner,#worcester-banner,#testimonials-banner,#contactus-banner,.slide-inn { height:200px;}

.slide-inn h1 { font-size:26px; line-height:35px;}
.slide-inn .btn { margin:5% 0 0;}
}

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

}

@media only screen and ( max-width:420px) {
#worcester-banner {background-size:100% 100%,250% auto;}
}