#aboutus-banner,#boiler-installations-banner,#boiler-service-repairs-banner,#plumbing-banner,#worcester-banner,#our-prices-banner,#contactus-banner { float:left; width:100%; padding:0; position:relative; height:250px;}
#aboutus-banner .wrapper,#boiler-installations-banner .wrapper,#boiler-service-repairs-banner .wrapper,#plumbing-banner .wrapper,#worcester-banner .wrapper,#our-prices-banner .wrapper,#contactus-banner .wrapper { display:table;}


.slide-inn { text-align: center; display:table-cell; vertical-align:middle; height:250px; }
.slide-inn h1 { color:#fff; font-size:40px; line-height:40px;font-family:'Montserrat Bold';}
.slide-inn h2 { color:#fff; font-size:35px; line-height:40px;font-family:'Montserrat Bold';}
.slide-inn .btn { margin:20px 0;}
.slide-inn .btn a {
background:#ffbd00 url('../images/slide/slide-phone2.png');
background-repeat:no-repeat;
background-position:top 12px left 18px;
background-size:auto;
color:#002f5e; padding:10px 30px 10px 55px; font-size:22px;  border-radius:26px; font-weight:normal;}


#aboutus-banner { 
background-image:
url('../images/aboutus-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 20%;
background-size:100% auto;}

#boiler-installations-banner { 
background-image:
url('../images/boiler-installations-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 52%;
background-size:100% auto;}

#boiler-service-repairs-banner { 
background-image:
url('../images/service-repairs-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 60%;
background-size:100% auto;}

#plumbing-banner { 
background-image:
url('../images/plumbing-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 70%;
background-size:100% auto;}

#worcester-banner { 
background-image:
url('../images/worcester-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 62%;
background-size:100% auto;}

#our-prices-banner { 
background-image:
url('../images/our-prices-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 20%;
background-size:100% auto;}

#contactus-banner { 
background-image:
url('../images/contactus-banner.png');
background-repeat:no-repeat; 
background-position:left 0px bottom 32%;
background-size:100% auto;}


@media only screen and ( max-width:1520px) {
#aboutus-banner .wrapper,#boiler-installations-banner .wrapper,#boiler-service-repairs-banner,#plumbing-banner .wrapper,#worcester-banner .wrapper,#our-prices-banner .wrapper,#contactus-banner .wrapper { display:table; }
}

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



.slide-inn { position:inherit; right:0; top:0; display:table-cell; vertical-align:middle; height:250px; text-align:center; width:100%;}
.slide-inn h1,.slide-inn h2,.slide-inn h3 { color:#fff; padding-bottom:5px;}
.slide-inn h1 br,.slide-inn h2 br,.slide-inn h3 br { display:none;}
.slide-inn-btn { margin:0px;}

.slide-inn .btn a { background-position: top 8px left 18px;padding: 10px 20px 10px 60px;font-size: 18px; display:inline-block;}
}

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


}

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

}


@media only screen and ( max-width:767px) {
#aboutus-banner,#boiler-installations-banner,#boiler-service-repairs-banner,#plumbing-banner,#worcester-banner,#our-prices-banner,#contactus-banner,.slide-inn { height:200px;}

.slide-inn h1,.slide-inn h2,.slide-inn h3 { font-size:30px; line-height:30px;}
.slide-inn { height:200px;}


}

@media only screen and ( max-width:640px) {
#heating-banner { background-size:100% 100%;}
.slide-inn .btn a {background-position: top 5px left 18px;padding: 7px 20px 8px 60px;font-size: 16px;}
}

@media only screen and ( max-width:520px) {
#heating-banner { background-size: auto 100%; background-position:left 60% bottom 0;}
}

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

}