#boiler-installations-banner,#service-repairs-banner,#landlords-banner,#accreditations-banner,#videos-banner,#testimonials-banner,#contactus-banner { float:left; width:100%; wtext-align: left; padding:0; position:relative; height:350px;}

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

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

#landlords-banner { 
background-image:
url('../images/slide-graphic2.png'),
url('../images/landlords/landlords-banner.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0% left -5%,left 0 bottom 28%;
background-size:auto 100%, 100% auto;}

#accreditations-banner { 
background-image:
url('../images/slide-graphic2.png'),
url('../images/accreditations/accreditations-banner.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0% left -5%,left 0 bottom 58%;
background-size:auto 100%, 100% auto;}

#videos-banner { 
background-image:
url('../images/slide-graphic2.png'),
url('../images/videos/videos-banner.png');
background-repeat: no-repeat, no-repeat;
background-position: top 0% left -5%,left 0 bottom 30%;
background-size:auto 100%, 100% auto;}

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

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

.slide-inn-text {  width:30%; position:absolute; left:8%; text-align: left; top:14%;}
.slide-inn-text h1 { font-size:50px; line-height:60px; color:#00aeef;font-family:'Avant Garde Gothic';}
.slide-inn-text p { text-align: left; margin:0px; padding:0px; color:#383636;}
.slide-inn-text .btn { margin:30px 0;}
.slide-inn-text .btn a { color:#fff; background:#25408f;  font-size:25px; padding:10px 25px; font-weight:normal;font-family:'Avant Garde Gothic'; font-weight:bold;}
.slide-inn-text .btn a.active,.slide-inn-text .btn a:hover { background:#00aeef;}


@media only screen and ( max-width:1520px) {
.slide-inn-text { padding:0 20px; width:40%;}
.slide-inn-text h1 { font-size:34px; line-height:45px;}
#boiler-installations-banner {background-position: top 0% left -40%,left 0 bottom 78%;}


}

@media only screen and ( max-width:1170px) {
#boiler-installations-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/boiler-installations-banner.png');
background-position: top 0% left 0%,left 0 bottom 80%;
background-size:100% 100%, 100% auto; display:table; }

#service-repairs-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/service-repairs/service-repairs-banner.png');
background-position: top 0% left 0%,left 0 bottom 48%;
background-size:100% 100%, 100% auto; display:table;}

#landlords-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/landlords/landlords-banner.png');
background-position: top 0% left 0%,left 0 bottom 28%;
background-size:100% 100%, 100% auto; display:table;}

#accreditations-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/accreditations/accreditations-banner.png');
background-position: top 0% left 0%,left 0 bottom 58%;
background-size:100% 100%, 100% auto; display:table;}

#videos-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/videos/videos-banner.png');
background-position: top 0% left 0%,left 0 bottom 30%;
background-size:100% 100%, 100% auto; display:table;}

#testimonials-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/testimonials/testimonials-banner.png');
background-position: top 0% left 0%,left 0 bottom 40%;
background-size:100% 100%, 100% auto; display:table;}

#contactus-banner { 
background-image:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/contactus/contactus-banner.png');
background-position: top 0% left 0%,left 0 bottom 30%;
background-size:100% 100%, 100% auto; display:table;}


.slide-inn-text {position:inherit; right:0; left:0; top:0; display:table-cell; vertical-align:middle; height:350px; text-align:center; width:100%;}
.slide-inn-text h1 br,.slide-inn-text p br { display:none;}
.slide-inn-text h1,.slide-inn-text p { text-align:center; color:#fff;}


}

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

}

@media only screen and ( max-width:767px) {
#boiler-installations-banner, #service-repairs-banner, #landlords-banner, #accreditations-banner, #videos-banner, #testimonials-banner, #contactus-banner { height:280px;}
.slide-inn-text { height:280px;}
.slide-inn-text h1 { font-size:25px; line-height:30px;}
.slide-inn-text .btn a { font-size:20px;}


}

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

}

@media only screen and ( max-width:520px) {
#accreditations-banner { background-size: 100% 100%;}
#boiler-installations-banner { background-size:100% 100%;}
}

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

}