
.contactus-banner, .slide2, .worcester-banner,.contactus-banner{width:100%; float:left; height:445px;}


.slide2 {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/homebanner2.png'); 
background-position:top 0 center; 
background-repeat:no-repeat;
background-size:100% 100%,cover;}


.blog-banner {
background:

url('../images/homebanner2.png'); 
background-position:top 100% left 0%; 
background-repeat:no-repeat;
background-size:cover;}

.worcester-banner {
background:
url('../images/worcesterbannerbgd.png'); 
background-position:top 100% right 0%; 
background-repeat:no-repeat;
background-size:cover;}


.contactus-banner {
background:
url('../images/contactbannerbgd.png'); 
 background-position: top 74% left 0%;
background-repeat:no-repeat;
background-size:cover;}


.contactus-banner .wrapper {display:table;}
.contactus-banner .banner-text { text-align: right; display: table-cell; vertical-align: top; padding: 77px 150px 0 0; height: 397px;}


@media only screen and ( max-width:1800px) {
.contactus-banner {
background:
url('../images/contactbannerbgd.png'); 
 background-position: top 74% right 0%;
background-repeat:no-repeat;
background-size:150% auto;}

.contactus-banner .banner-text { text-align:center; padding:40px 0 0 0;}
}


@media only screen and ( max-width:1640px) {
.contactus-banner, .slide2, .worcester-banner,.contactus-banner{ height:350px;}
.contactus-banner .banner-text { text-align:center; padding:40px 0 0 0;}
.contactus-banner {
background:
url('../images/contactbannerbgd.png'); 
background-position: top 74% right 0%;
background-repeat:no-repeat;
background-size:150% auto;}

}

@media only screen and ( max-width:1440px) {
.contactus-banner .banner-text { text-align:center; padding:40px 0 0 0;}

}


@media only screen and ( max-width:1200px) {
.worcester-banner {background-position: left 0% top 0%;background-size: 170% auto;}
}

@media only screen and ( max-width:980px) {
.worcester-banner {background-position: left 50% top 50%;background-size: 200% auto;}

.contactus-banner .banner-text { text-align: center; padding:40px 0 0 0;}
.contactus-banner .banner-text h1 { color:#fff;}
.contactus-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/contactbannerbgd.png'); 
background-position:top 0 center; 
background-repeat:no-repeat;
background-position: top 70% left 80%;
background-size:100% 100%,200% auto;}
}

@media only screen and ( max-width:767px) {
.contactus-banner, .slide2, .worcester-banner,.contactus-banner{ height:250px; }
.contactus-banner .banner-text{ height:250px; padding:0; vertical-align: middle;}
.worcester-banner {
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/worcesterbannerbgd.png'); 
background-position:top 0 center; 
background-repeat:no-repeat;
background-position: left 0% top 0%;
background-size:100% 100%,180% auto;}

}


@media only screen and ( max-width:640px) {

.worcester-banner {background-size:100% 100%,220% auto;}
}

@media only screen and ( max-width:520px) {

.worcester-banner {background-size:100% 100%,270% auto;}

.contactus-banner {background-position: top 70% left 0%;background-size:100% 100%,250% auto;}
}

@media only screen and ( max-width:420px) {
.worcester-banner {background-size:100% 100%,340% auto;}
.contactus-banner {background-position: top 70% left 0%;background-size:100% 100%,350% auto;}
}










