#services-banner,#worcester-banner,#contactus-banner {float:left; width:100%; position:relative; height:300px;}

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

.slide-inn { float:left; width:100%; text-align:center; display: table;}
.slide-inn h1 {  font-size:60px; line-height:70px; color:#fff; display:table-cell; vertical-align:middle; height:300px;text-transform:uppercase;font-family:'T Bold';}
.slide-inn p { font-size:28px; font-weight:normal;}
.slide-inn h1 span { color:#03577d;}

.slide-inn .btn { margin:25px 0 0;}
.slide-inn .btn a { border:2px solid #293784; border-radius: 20px; color:#293784; padding:6px 40px; font-size:21px; font-weight: normal;}
.slide-inn .btn a:hover { background:#2e41ab;border:2px solid #2e41ab; color:#fff;}


@media only screen and ( max-width:1800px) {
#services-banner { background-size:cover;}
.slide-inn h1 { font-size:50px; line-height:60px;}

}

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

#worcester-banner {background-position:left 40% bottom 50%;}
#services-banner { background-position:left 40% bottom 50%;}
#contactus-banner { background-position:left 40% bottom 30%;}

}

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

.slide-inn h1 { font-size:35px; line-height:40px;}

#worcester-banner .slider-form { width:40%;}
}


@media only screen and ( max-width:1170px) {
.slide-inn h1 br { display:none;}

.slide-inn { text-align:center;}
.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;}
#services-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/services-banner.png'); background-position:left 40% bottom 90%;}
#worcester-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/worcester-banner.png'); 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/contactus-banner.png'); background-position: left 20% bottom 25%;}

.accreditations p { margin:0px;}
}

@media only screen and ( max-width:980px) {
#services-banner,#worcester-banner,#contactus-banner {float:left; width:100%; position:relative; height:200px;}
.slide-inn h1 { height:200px;}
}

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

#content { text-align:center; margin:25px 0;}

#worcester-banner .slider-form { width:70%;}
#worcester-banner {background-position: left 30% bottom 90%;}
#worcester-banner .slider-form h1 { color:#fff;}
}

@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;}


#worcester-banner .slider-row.pad1 input { width:100%;}
#worcester-banner .slider-form input,#worcester-banner .slider-row.pad1 input { width:94%;}
#worcester-banner .slider-form { top:18%;}

}

@media only screen and ( max-width:520px) {
.slide-inn .btn a { padding:12 18px; font-size:12px;}
#worcester-banner .slider-form { top:8%;}
#worcester-banner .slider-form input, .slider-form textarea { padding:7px 15px;}
#worcester-banner .slider-form textarea { width:94%;}
}

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

}