#gas-installations-banner,#boiler-service-banner,#oil-installations-banner,#servicing-repairs-banner,#worcester-banner,#gallery-banner,#contactus-banner,#aircon-banner {float:left; width:100%; position:relative; height:270px;}
#gas-installations-banner .wrapper,#boiler-service-banner .wrapper,#oil-installations-banner .wrapper,#servicing-repairs-banner .wrapper,#worcester-banner .wrapper,#gallery-banner .wrapper,#contactus-banner .wrapper, #aircon-banner .wrapper { display:table;}

#gas-installations-banner { background:url('../images/gas-installations-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 52%; background-size:cover;}
#boiler-service-banner { background:url('../images/boiler-service-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size:cover;}
#oil-installations-banner { background:url('../images/oil-installations-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 38%; background-size:cover;}
#servicing-repairs-banner { background:url('../images/servicing-repairs-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 55%; background-size:cover;}
#worcester-banner { background:url('../images/worcester-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size:cover;}
#gallery-banner { background:url('../images/gallery-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 60%; background-size:cover;}
#contactus-banner {background:url('../images/contactus-banner.png');background-repeat:no-repeat; background-position:left 0 bottom 32%; background-size:100% auto;}
#aircon-banner { background:url('../images/air-con-banner.png');background-repeat:no-repeat;background-position: left 0 bottom 50%; background-size:cover;}


.slide-inn { text-align: center; display:table-cell; vertical-align: middle;height:270px;}
.slide-inn h1 { color:#fff; font-size:40px; line-height:40px;font-weight: bold; margin:0px; padding:0; font-family:'Montserrat Light';}
.slide-inn .btn { margin:15px 0 0;}

.slide-inn .btn { width: auto; margin:20px 0 0; display: inline-block }
.slide-inn .btn a { display:inline-block; color: #fff; padding:15px 70px 15px 20px;  border-radius:28px; font-size: 23px; font-weight:normal; background:#ed1e3b url('../images/arrow-right.png'); background-repeat: no-repeat; background-position:top 14px right 12px;font-family:'Montserrat Light';}
.slide-inn .btn a:hover { background-color: #344da1 }


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

}


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

}

@media only screen and ( max-width:1170px) {
.slide-inn h1 { font-size:35px; line-height:40px;}

}

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

}

@media only screen and ( max-width:767px) {
.slide-inn h1 {color:#fff;}

.slide-inn .btn a,.slide-inn .btn a:hover { padding:10px 45px 10px 17px; font-size:19px;background-position: top 10px right 10px; background-size:11%;}

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

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

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

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

#aircon-banner { background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/air-con-banner.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,left 0px bottom 60%;
background-size:100% 100%,cover;}

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

}

@media only screen and ( max-width:640px) {
#gas-installations-banner,#boiler-service-banner,#oil-installations-banner,#servicing-repairs-banner,#worcester-banner,#gallery-banner,#contactus-banner,#aircon-banner,.slide-inn{ height:200px;}

.slide-inn h1 { font-size:26px; line-height:35px;}

}

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

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

}