#boiler-installations-banner,#service-repairs-banner,#care-plans-banner,#finance-banner,#worcester-banner,#contactus-banner,#commercial-banner {float:left; width:100%; position:relative; height:300px;}
#boiler-installations-banner .wrapper,#service-repairs-banner .wrapper,#care-plans-banner .wrapper,#finance-banner .wrapper,#worcester-banner .wrapper,#contactus-banner .wrapper, #commercial-banner .wrapper { display:table;}

#boiler-installations-banner {background:url('../images/boiler-installations-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#service-repairs-banner{background:url('../images/service-repairs-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#care-plans-banner{background:url('../images/care-plans-banner-background.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#finance-banner {background:url('../images/finance-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#worcester-banner {background:url('../images/worcester-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}
#boiler-installations-banner.gas{background:url('../images/gas-boilers-banner_230px.png');background-repeat:no-repeat; background-position:left 0 bottom 70%; background-size:cover;}
#commercial-banner {background:url('../images/commericial-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 48%; background-size:cover;}

.banner-inn { text-align: center; display:table-cell; vertical-align: middle;height:300px; padding:0;}
.banner-inn h1 {color: #fff; font-size:50px; line-height:60px; font-weight: bold; margin: 0px; padding: 0;}
.banner-inn h1 span {color: #fff;}
.banner-inn .btn { float:left; width:100%; margin:10px 0 0;}
.banner-inn .btn a {background:#fff url('../images/arrow3.png'); background-repeat:no-repeat; background-position:top 11px right 15px; color:#3fc0ef; border-radius:28px; padding:13px 60px 13px 30px; font-size:21px; margin:0; font-weight: bold; display:inline-block;font-family:'Montserrat Light';}
.banner-inn .btn a:hover  {background:#262626 url('../images/arrow3-hover.png'); color:#fff; background-repeat:no-repeat; background-position:top 11px right 15px;}


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

}

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


@media only screen and ( max-width:1100px) {
#boiler-installations-banner,#service-repairs-banner,#care-plans-banner,#finance-banner,#worcester-banner,#contactus-banner,#commercial-banner,.banner-inn{ height:300px;}
.banner-inn { text-align:center;}
.banner-inn h1 { font-size:35px; line-height:40px;color:#fff;}
.banner-inn h1 br { display:none;}

#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:top 0 left 0,left 0 bottom 48%; 
background-size:100% 100%,cover;}
#boiler-installations-banner.gas{
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/gas-boilers-banner_230px.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 70%; 
background-size:100% 100%,cover}

#service-repairs-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:top 0 left 0,left 0 bottom 48%; 
background-size:100% 100%,cover;}

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

#finance-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/finance-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 48%; 
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:top 0 left 0,left 0 bottom 48%; 
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:top 0 left 0,left 0 bottom 48%; 
background-size:100% 100%,cover;}

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

}

@media only screen and ( max-width:768px) {
.banner-inn .btn a,.banner-inn .btn a:hover {background-position: top 13px right 15px;  font-size:19px; background-size:12%;}
}

@media only screen and ( max-width:640px) {
#boiler-installations-banner,#service-repairs-banner,#care-plans-banner,#finance-banner,#worcester-banner,#contactus-banner,#commercial-banner,.banner-inn { height:250px;}
}

@media only screen and ( max-width:520px) {
#boiler-installations-banner,#service-repairs-banner,#care-plans-banner,#finance-banner,#worcester-banner,#contactus-banner,#commercial-banner,.banner-inn { height:200px;}
.banner-inn h1 { font-size:24px; line-height:30px;}
}

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