
.slider-inn { float:left; width:100%;}
.slider-inn h1 { text-align: left;  font-size:60px; line-height:70px; color:#293784; font-weight: normal;}
.slider-inn p { font-size:28px; font-weight:normal;}
.slider-inn h1 span { color:#03577d;}

.slider-inn .btn { margin:25px 0 0;}
.slider-inn .btn a { border:2px solid #293784; border-radius: 20px; color:#293784; padding:6px 40px; font-size:21px; font-weight: normal;}
.slider-inn .btn a:hover { background:#2e41ab;border:2px solid #2e41ab; color:#fff;}

#worcester-banner .slider-form { right:20%; width:18%;}

#services-banner,#worcester-banner,#contactus-banner {float:left; width:100%;padding:100px 0; position:relative;box-shadow:4px -6px 7px 2px #DFDFDF; height:500px;}

#services-banner { background:url('../images/services-banner.jpg'); background-repeat: no-repeat; background-position:left 0% bottom 0%; background-size:auto 100%;}
#worcester-banner { 
background:
url('../images/worcester-banner-txt.png'), 
url('../images/worcester-banner.jpg');
background-repeat: no-repeat, no-repeat; 
background-position: left 25% top 75%, left 0% bottom 0%;
background-size: auto auto, auto 100%;}
 
#contactus-banner {
background:
url('../images/contact-banner-txt.png'), 
url('../images/contactus-banner.jpg');
background-repeat: no-repeat, no-repeat; 
background-position: left 75% top 30%, left 0% bottom 0%;
background-size: auto auto, auto 100%;}

.quotebtn{width:auto; position:absolute; right:18%; top:65%;}
}

@media only screen and ( max-width:1800px) {
#services-banner { background-size:cover;}
.slider-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%;}

.slider-form h1 { color:#fff;}
#worcester-banner { 
background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/worcester-banner.jpg');
background-repeat:no-repeat; 
background-position:left 0% bottom 0%;
background-size:auto 100%;}

#worcester-banner .slider-form { top:16%;}
}

@media only screen and ( max-width:1440px) {
#services-banner,#worcester-banner { height:400px;}
#contactus-banner { height:300px;}
.slider-inn h1 { font-size:35px; line-height:40px;}

#worcester-banner .slider-form { width:40%; top:10%;}
}


@media only screen and ( max-width:1170px) {
#contactus-banner {height:200px; padding:0;}
#contactus-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/contactus-banner.jpg'); background-repeat: no-repeat; background-position: left 50% top 20%; background-size:100% auto;}
	
.slider-inn h1 br { display:none;}

.slider-inn { text-align:center;}
.slider-inn h1 { font-size:35px; line-height:40px; text-align:center; color:#fff;}
.slider-inn p { color:#fff;}
.slider-inn .btn a { border:2px solid #fff; color:#fff;}
}

@media only screen and ( max-width:980px) {
#contactus-banner {height:200px; padding:0;}	

#contactus-banner {
background-image:
url('../images/contact-banner-txt.png'), 
linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),
url('../images/contactus-banner.jpg');
background-repeat: no-repeat, no-repeat, no-repeat; 
background-position: left 75% top 30%, left 0% top 0%, left 0% bottom 0%;
background-size: 50% auto, auto 100%, auto 100%;}

.quotebtn{right:50%; top:50%; transform: translate(60%, 100%);}
.quotebtn img{width:75%;}
#worcester-banner {
background-position: left 0% top 0%, left 0% bottom 0%;}
#worcester-banner .slider-form { right:0%; left:20%;}

}

@media only screen and ( max-width:767px) {
#contactus-banner {height:170px; padding:0;}	
#contactus-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/contactus-banner.jpg'); background-repeat: no-repeat; background-position: left 60% top 0%; background-size:100% auto;}
	
	
#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) {
#contactus-banner {height:170px; padding:0;}	
#contactus-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/contactus-banner.jpg'); background-repeat: no-repeat; background-position: left 60% top 0%; background-size:120% auto;}
	

.slider-inn h1 { font-size:26px; line-height:35px;}
.slider-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:10%;}

}

@media only screen and ( max-width:520px) {
#contactus-banner {height:150px; padding:0;}	
#contactus-banner {background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url('../images/contactus-banner.jpg'); background-repeat: no-repeat; background-position: left 60% top 0%; background-size:auto 100%;}

.slider-inn .btn a { padding:12 18px; font-size:12px;}

#worcester-banner {background-position: left 50% top 10%, left 0% bottom 0%;}
#worcester-banner .slider-form {top:13%;}
#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) {

}








