#boiler-installations-banner,#lifestyle-banner,#service-repairs-banner,#bathrooms-banner,#blog-banner,#contactus-banner {float:left; width:100%; position:relative; height:550px;}
#boiler-installations-banner .wrapper,#lifestyle-banner .wrapper,#service-repairs-banner .wrapper,#bathrooms-banner .wrapper,#blog-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 80%; 
background-size:cover;}

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

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

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

#blog-banner  { 
background:
url('../images/blog-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; padding:12% 0 0; height:550px; }
.banner-inn h1 { color:#fff; font-size:45px; line-height:50px; margin:0px; padding:0; font-weight:normal;}
.banner-inn .btn { float:left; width:100%; margin:3% 0 0;padding-right: 0; }
.banner-inn .btn a { border-radius:12px; padding:10px 35px; margin: 0;float: right;}


@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:1200px) {
#boiler-installations-banner,#lifestyle-banner,#service-repairs-banner,#bathrooms-banner,#blog-banner,#contactus-banner,.banner-inn { height:450px;}
.banner-inn { text-align: center; vertical-align:bottom; padding:0 0 16% 0;}
.banner-inn h1 br { display:none;}
#lifestyle-banner .banner-inn h1 { color:#fff;}
#lifestyle-banner .banner-inn { padding:0 0 10% 0;}

#boiler-installations-banner {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/boiler-installations-banner.png');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 20%;
background-size:100% 100%,cover;}

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

#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,right 60% bottom 30%;
background-size:100% 100%,cover;}
#core-plans-banner{
	background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../images/care-plans-banner_480px.png);
	background-size: cover;
}
#bathrooms-banner {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/bathrooms-banner.png'); 
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,right 60% bottom 30%;
background-size:100% 100%,cover;}

#blog-banner {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/blog-banner.png'); 
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,right 60% bottom 30%;
background-size:100% 100%,cover;}

#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 30% bottom 0%;
background-size:100% 100%,cover;}

}

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

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

@media only screen and ( max-width:640px) {
.banner-inn h1 {font-size:40px;line-height:50px; border:0px;}
.banner-inn .btn a { padding:8px 30px;}

#boiler-installations-banner, #lifestyle-banner, #service-repairs-banner, #bathrooms-banner, #blog-banner, #contactus-banner, .banner-inn, #core-plans-banner { height: 400px;}


}

@media only screen and ( max-width:520px) {
.banner-inn h1 {font-size:35px;line-height:40px;}
.banner-inn { padding: 0 0 15% 0;}
}

@media only screen and ( max-width:420px) {
.banner-inn h1 {font-size:25px;line-height:30px; padding-bottom:10px;}
.banner-inn .btn a { padding:7px 22px; font-size:19px;}

}