#heating-services-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#contactus-banner {float:left; width:100%; position:relative; height:450px;}
#heating-services-banner .wrapper,#service-repairs-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,#contactus-banner .wrapper { display:table;}

#heating-services-banner { 
background:
url('../images/heating-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 70%; 
background-size:cover;}

#service-repairs-banner { 
background:
url('../images/service-repairs-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 40%; 
background-size:cover;}

#testimonials-banner { 
background:
url('../images/testimonials-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 40%; 
background-size:cover;}

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

#contactus-banner { 
background:
url('../images/contactus-banner.png');
background-repeat:no-repeat,no-repeat;
background-position:left 0 bottom 38%; 
background-size:cover;}

.banner-inn { text-align: right; display:table-cell; vertical-align: middle; height:450px; padding:0px;}
.banner-inn h1 { color:#003773; font-size:45px; line-height:50px; margin:0px; padding:0; }
.banner-inn .btn  { float:left; width:100%; margin:30px 0 0;}
.banner-inn .btn  a {background: #f19628 url('../images/arrow.png'); color:#fff; border-radius:40px; background-repeat: no-repeat; background-position: top 15px right 20px;padding:16px 90px 16px 50px;
font-size:23px; margin:0; font-weight:bold; display:inline-block;}
.banner-inn .btn  a:hover  {background:#003773 url('../images/arrow.png'); background-repeat:no-repeat; background-position:top 15px right 20px;}


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

}

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

}

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

}

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

}

@media only screen and ( max-width:1100px) {
#heating-services-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#contactus-banner,.banner-inn { height:300px;}
.banner-inn { text-align: center;}
.banner-inn h1 { font-size:32px; line-height:40px; color:#fff;}
.banner-inn h1 br { display:none;}
.banner-inn .btn { margin:0px;}
#heating-services-banner {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/heating-banner.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% top 10%;
background-size:100% 100%,160% auto;}

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

#testimonials-banner {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/testimonials-banner.png'); 
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 50%;
background-size:100% 100%,160% auto;}

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

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

}

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

}

@media only screen and ( max-width:768px) {
.banner-inn h1 {font-size:26px;line-height:30px; padding-bottom:10px;}
.banner-inn .btn a { background-position: top 5px right 20px;  padding: 10px 64px 10px 29px; font-size:19px;}
}

@media only screen and ( max-width:640px) {
#heating-services-banner,#service-repairs-banner,#testimonials-banner,#worcester-banner,#contactus-banner,.banner-inn { height:200px;}

}

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


}

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