#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner {float:left; width:100%; position:relative; height:550px;}

#boiler-installation-banner .wrapper,#service-repairs-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,
#charity-work-banner .wrapper,#contactus-banner .wrapper,#contactus-banner .wrapper { display:table;}

.boiler-installation-banner,.service-repairs-banner,.testimonials-banner,.worcester-banner,.charity-work-banner,.contactus-banner { float:left; width:100%;}

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

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

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

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

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

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

.banner-inn { display:table-cell; vertical-align: middle;height:400px; text-align: right; padding:0px;}
.banner-inn h1 { color:#fff; font-size:70px; line-height:80px; margin:0px; padding:0px;}
.banner-inn h1 span { color:#00aeef;}


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


}

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

}


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

}

@media only screen and ( max-width:1200px) {
#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner { height:400px;}
.banner-inn { height:250px;}

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

@media only screen and ( max-width:980px) {
.banner-inn { text-align:center;}
.banner-inn h1 br { display:none;}

#boiler-installation-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/boiler-installation-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

#service-repairs-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/service-repairs-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

#testimonials-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/testimonials-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

#worcester-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/worcester-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

#charity-work-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/charity-work-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

#contactus-banner { 
background-image:
linear-gradient(rgba(0,91,163,0.7),rgba(0,91,163,0.7)),
url('../images/contactus-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:top 0 left 0%,top 0% left 0%;
background-size:100% 100%,100% auto;}

}

@media only screen and ( max-width:767px) {
#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner  { height:350px;} 
.banner-inn { height:220px;}

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

#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner {background-size:100% 100%,150% auto;}

#testimonials-banner {background-position:top 0 left 0%,left 30% bottom 50%;}
#worcester-banner {background-position:top 0 left 0%,left 40% bottom 50%;}
#charity-work-banner {background-position:top 0 left 0%,left 40% bottom 90%;}
#contactus-banner {background-position:top 0 left 0%,left 40% bottom 40%;}
}

@media only screen and ( max-width:640px) {
#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner { height:300px;}
.banner-inn { height:180px;}

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

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


#boiler-installation-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#charity-work-banner,#contactus-banner {background-size:100% 100%,180% auto;}
}

@media only screen and ( max-width:420px) {
.banner-inn h1 { font-size:18px; line-height:25px;}
.header-right h2 { font-size: 18px;}
}