#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner {float:left; width:100%; position:relative; height:550px;}
#boiler-installations-banner .wrapper,#servicing-repairs-banner .wrapper,#bathrooms-banner .wrapper,#worcester-banner .wrapper,#gallery-banner .wrapper,#testimonials-banner .wrapper,#contactus-banner .wrapper { display:table;}

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

#servicing-repairs-banner { 
background:
url('../images/servicing-repairs-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 55%; 
background-size:100% auto;}

#bathrooms-banner { 
background:
url('../images/bathrooms-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 55%; 
background-size:100% auto;}

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

#gallery-banner { 
background:
url('../images/gallery-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 60%; 
background-size:100% auto;}

#testimonials-banner { 
background:
url('../images/testimonials-banner.png');
background-repeat:no-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,no-repeat;
background-position:left 0 bottom 38%; 
background-size:100% auto;}

.banner-inn { text-align: right; display:table-cell; vertical-align: middle; height:550px; padding:0px; font-family:'Montserrat Bold';}
.banner-inn h1 { color:#fff; font-size:50px; line-height:60px; margin:0px; padding:0;}


/*.banner-inn .btn { float:left; width:100%; margin:2% 0 0;}
.banner-inn .btn a { background:#fff; color:#74539a; border-radius:20px; padding:10px 20px; font-size:21px; font-weight:bold;}
.banner-inn .btn a:hover  {background:#ebd459; color:#fff;}*/

@media only screen and ( max-width:1720px) {
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:500px;}
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner { background-position: left 0 bottom 0; background-size: cover;}
}
@media only screen and ( max-width:1200px) {
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:450px;}
}
@media only screen and ( max-width:1100px) {
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:350px;}
.banner-inn h1 { font-size:32px; line-height:40px; color:#fff;}
.banner-inn h1 br { display:none;}
}

@media only screen and ( max-width:768px) {
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:300px;}
.banner-inn h1 {font-size:26px;line-height:30px;}
.banner-inn { text-align:center; vertical-align:top; padding:16% 0 0;}
.banner-inn h1 { color:#fff;}

}

@media only screen and ( max-width:520px) {
.banner-inn h1 {font-size:20px;line-height:25px;}
#boiler-installations-banner,#servicing-repairs-banner,#bathrooms-banner,#worcester-banner,#gallery-banner,#testimonials-banner,#contactus-banner,.banner-inn { height:180px;}
}

@media only screen and ( max-width:500px) {
.banner-inn {  padding:13% 0 0;}

}

@media only screen and ( max-width:400px) {
.banner-inn {  padding:16% 0 0;}
}