#slider { float:left; width:100%;position:relative; background:url('../images/slide/slider-bg.png'); background-repeat:no-repeat; background-position:left 0 bottom 20%; background-size: cover;}

.slide1,.slide2,.slide3,.slide4,.slide5 {float:left; width:100%; height:500px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper,.slide4 .wrapper,.slide5 .wrapper { display:table;}

.slide1 { 
background-image:
url('../images/slide/home-slide1.png');
background-repeat: no-repeat; 
background-position:right 25% bottom 50%;
background-size:auto 100%;}

.slide2 { 
background-image:
url('../images/slide/home-slide2.png');
background-repeat:no-repeat; 
background-position:right 25% bottom 50%;
background-size:auto 100%;}

.slide3 { 
background-image:
url('../images/slide/home-slide3.png');
background-repeat:no-repeat; 
background-position:right 25% bottom 50%;
background-size:auto 100%;}

.slide4 { 
background-image:
url('../images/slide/home-slide4.png');
background-repeat:no-repeat; 
background-position:right 25% bottom 50%;
background-size:auto 100%;}

.slide5 { 
background-image:
url('../images/slide/home-slide5.png');
background-repeat:no-repeat; 
background-position:right 25% bottom 50%;
background-size:auto 100%;}

.slide-text { display:table-cell; height:500px; vertical-align: middle;text-align:left;}
.slide-text h2 { font-size:30px; line-height:40px; color:#00b7f1;}
.slide-text p { font-size:22px; line-height:30px; color:#333;}
.slide-text .btn { float:left; width:100%; margin:3% 0 0;}
.slide-text .btn a {background:#00b7f1;  border-radius:26px; color:#fff; padding:12px 26px; font-size:21px;}
.slide-text .btn a:hover  {background:#262626;}


.worcester-logo { float:left; width:100%; margin:2% 0;}
.worcester-logo img { width:auto !important; display: inline-block !important;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/

}



@media only screen and ( max-width:1800px) {
}


@media only screen and ( max-width:1640px) {
}

@media only screen and ( max-width:1500px) {
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position:right 5% bottom 50%; background-size:auto 100%;}
}

@media only screen and ( max-width:1400px) {
}

@media only screen and ( max-width:1300px) {
.slide5 .slide-text h2 { font-size:25px; line-height:35px;}
.slide-text p { font-size:20px; line-height:30px;}
}

@media only screen and ( max-width:1200px) {
.slide1,.slide2,.slide3,.slide4,.slide5,.slide-text { height:400px;}
.slide1,.slide2,.slide3,.slide4,.slide5 { background-position:right 0% bottom 50%; background-size:auto 100%;}
}

@media only screen and ( max-width:1050px) {
.slide-text { padding:0px; vertical-align:middle; text-align:center;}
.slide-text h2 { font-size:28px; line-height:40px; color:#fff; margin:0px; padding:0px;}
.slide-text h2 br,.slide-text p br { display:none;}
.slide-text p { color:#fff;}
.slide-text .btn { margin:2% 0 0;}
.slide-text .btn a {padding:10px 20px; font-size: 18px;}

.slide5 .slide-text h2 { font-size:20px; line-height:30px;}

.slide1 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide1.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,top 0 center;
background-size:100% 100%,auto 100%;}

.slide2 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide2.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,top 0 center;
background-size:100% 100%,auto 100%;}

.slide3 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide3.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,top 0 center;
background-size:100% 100%,auto 100%;}

.slide4 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide4.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,top 0 center;
background-size:100% 100%,auto 100%;}

.slide5 { 
background:
linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
url('../images/slide/home-slide5.png');
background-repeat:no-repeat,no-repeat; 
background-position:left 0 bottom 0,top 0 center;
background-size:100% 100%,auto 100%;}

}

@media only screen and ( max-width:960px) {


}

@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide4,.slide5,.slide-text { height:400px;}
}

@media only screen and ( max-width:640px) {
.slide-text h2 { font-size:22px; line-height:30px;}
}

@media only screen and ( max-width:560px) {	
.slide1,.slide2,.slide3,.slide4,.slide5,.slide-text { height:300px;}
.slide-text h2 { font-size:20px; line-height:30px;}
.slide-text .btn { margin:4% 0 0;}

.slide5 .slide-text h2 { font-size:17px; line-height:25px;}
.slide5 .worcester-logo img { width:80% !important;}
}

@media only screen and ( max-width:460px) {	
.slide-text p {font-size: 17px; line-height:25px;}
.slide-text .btn a {padding:10px 15px; font-size: 16px;}



}


@media only screen and ( max-width:360px) {	
}



