
#worcester-banner,#contactus-banner {float:left; width:100%; position:relative; height:260px;}


#worcester-banner { background:url('../images/worcester-banner.jpg');background-repeat:no-repeat; background-position:left 0 bottom 61%; background-size:100% auto;}
#contactus-banner {background:url('../images/contact-banner.jpg');background-repeat:no-repeat; background-position:left 0 bottom 50%; background-size:100% auto;}

#worcester-banner .wrapper { display:table;}
#contactus-banner .wrapper { display:table;}

.bannerbtnblock { display:table-cell; vertical-align:middle; height:260px; text-align:right; }

.bannerbtnblock h1 { color:#fff;}
.bannerbtnblock .btn a { text-decoration: none; color: #fff; background: #fbcd54;  text-transform: none; font-size: 19px;  padding: 5px 10px; border-radius: 20px;  font-weight: normal;}
.bannerbtnblock .btn a:hover {background: #f8c336; }


@media only screen and ( max-width:1800px) {

}

@media only screen and ( max-width:1640px) {

#worcester-banner {background-position:left 40% bottom 50%;}

#contactus-banner { background-position:left 40% bottom 30%;}

}

@media only screen and ( max-width:1440px) {

#worcester-banner .slider-form { width:40%;}
}


@media only screen and ( max-width:1170px) {
.bannerbtnblock br { display:none;}

.slide-inn h1 { font-size:35px; line-height:40px; text-align:center; color:#fff;}
.slide-inn p { color:#fff;}
.slide-inn .btn a { border:2px solid #fff; color:#fff;}

.bannerbtnblock { text-align:center;}
#worcester-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/worcester-banner.jpg'); background-position: left 100% bottom 0%;}
#contactus-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/contact-banner.jpg'); background-position: left 20% bottom 25%;}
}

@media only screen and ( max-width:980px) {
h1 {font-size: 25px; padding: 0 0 30px 0; line-height: 35px;}	
#worcester-banner,#contactus-banner,.bannerbtnblock  { position:relative; height:200px;}

}

@media only screen and ( max-width:767px) {
#worcester-banner {background-position: left 60% bottom 60%;}
}

@media only screen and ( max-width:640px) {
.slide-inn h1 { font-size:26px; line-height:35px;}
.slide-inn .btn a { padding:12 20px; font-size:13px;}
}

@media only screen and ( max-width:520px) {
.slide-inn .btn a { padding:12 18px; font-size:12px;}
}

@media only screen and ( max-width:420px) {

}








