.slide-inn {text-align: left;display:table-cell; vertical-align:middle;}
.slide-inn2 {text-align: right;display:table-cell; vertical-align:middle;}
.slide-inn h1,.slide-inn2 h1 {  font-size:35px; line-height:40px; color:#fff; font-weight:normal;font-family: 'avantgarde_normalbook';}
.slide-inn h1 b,.slide-inn2 h1 b { font-weight:bold; font-family: 'avantgarde_lt_mediumbold';}

#boiler-installations-banner .wrapper,#boiler-service-repairs-banner .wrapper,#service-repairs-banner .wrapper,
#cover-plans-banner .wrapper,#plumbing-bathrooms-banner .wrapper,#gallery-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,
#contactus-banner .wrapper  { display: table; height:250px;}

#boiler-installations-banner,#boiler-service-repairs-banner,#service-repairs-banner,
#cover-plans-banner,#plumbing-bathrooms-banner,#gallery-banner,#testimonials-banner,#worcester-banner,#contactus-banner  { float:left; width:100%; position:relative; height:250px;}

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


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

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

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

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

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

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

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


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



}

@media only screen and ( max-width:980px) {
.slide-inn,.slide-inn2 { text-align:center;}

#boiler-installations-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/boiler-installations-banner.png'); 
background-repeat:no-repeat,no-repeat; 
background-position: top 0 right 0,right 40% bottom 15%;
background-size:100% 100%,150% auto;}

#service-repairs-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/service-repairs-banner.png'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 0 right 0,right 50% bottom 55%; 
background-size:100% 100%, 225% auto;}

#cover-plans-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/cover-plans-banner.png'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 0 right 0,left 0 bottom 55%; 
background-size:100% 100%,150% auto;}

#plumbing-bathrooms-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/plumbing-bathrooms-banner.png'); 
background-repeat:no-repeat,no-repeat; 
background-position:top 0 right 0,left 0 bottom 55%; 
background-size:100% 100%,150% auto;}

#gallery-banner { 
background:
linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
url('../images/gallery-banner.png'); 
background-repeat:no-repeat,no-repeat; 
background-position: top 0 right 0,top 0 right 40%; 
background-size:100% 100%,100% auto;}

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

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

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

.service-plans-text1 {padding:50px 50px 20px 50px;}
.service-plans-text2 {float: left; width:100%; background:#6e6e70; padding:25px 20px; min-height:350px;}

.service-plans-text1 h1 {font-size:75px;}
}

@media only screen and ( max-width:767px) {
#boiler-installations-banner,#service-repairs-banner,
#cover-plans-banner,#plumbing-bathrooms-banner,#gallery-banner,#testimonials-banner,#worcester-banner,#contactus-banner { height:260px;}

#boiler-installations-banner .wrapper,#service-repairs-banner .wrapper,
#cover-plans-banner .wrapper,#plumbing-bathrooms-banner .wrapper,#gallery-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,
#contactus-banner .wrapper { height:260px;}

.slide-inn h1, .slide-inn2 h1 { font-size:30px; line-height:35px;}
.slide-inn .btn a, .slide-inn2 .btn a {padding:7px 20px; font-size: 20px;}

.service-plans-box { float:none; width:85%; margin:0 auto;}
.service-plans-text1 {padding:50px 50px 20px 50px;}
.service-plans-text1 h1 {font-size:70px;}
.service-plans-text2 {float: left; width:100%; background:#6e6e70; padding:25px 20px; min-height:350px;}

#cover-plans-banner { background-size:100% 100%,220% auto;}
#gallery-banner { background-size:100% 100%,150% auto; background-position: top 0 right 0,right 10% bottom 80%;}

}

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

#plumbing-bathrooms-banner,#testimonials-banner,#worcester-banner,#contactus-banner { background-size:100% 100%,180% auto;}
#plumbing-bathrooms-banner {background-position:top 0 right 0,right 40% bottom 65%}

}

@media only screen and ( max-width:520px) {
#boiler-installations-banner,#cover-plans-banner,#plumbing-bathrooms-banner,#gallery-banner,#testimonials-banner,#worcester-banner,#contactus-banner { background-size:220% auto;}
.service-plans-text1 h1 {font-size:50px;}

#cover-plans-banner { background-size:100% 100%,320% auto; background-position:top 0 right 0,left 10% bottom 0%;}


}

@media only screen and ( max-width:420px) {
#boiler-installations-banner,#service-repairs-banner,
#cover-plans-banner,#plumbing-bathrooms-banner,#gallery-banner,#testimonials-banner,#worcester-banner,#contactus-banner { height:220px;}

#boiler-installations-banner .wrapper,#service-repairs-banner .wrapper,
#cover-plans-banner .wrapper,#plumbing-bathrooms-banner .wrapper,#gallery-banner .wrapper,#testimonials-banner .wrapper,#worcester-banner .wrapper,
#contactus-banner .wrapper { height:220px;}

.slide-inn h1, .slide-inn2 h1 { font-size:25px; line-height:30px;}
.slide-inn .btn a, .slide-inn2 .btn a {padding:5px 20px; font-size: 18px;}

#testimonials-banner { background-size:100% 100%,260% auto;}
}

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