#slider { float:left; width:100%;position:relative;
background-image:
url('../images/slide/slider-bg.png');
background-repeat: no-repeat; 
background-position:right 0px bottom 50%;
background-size:cover;}

.slide1,.slide2,.slide3  {float:left; width:100%; height:460px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper { display: table;}

.slide1 { 
background-image:
url('../images/slide/slide1.png');
background-repeat: no-repeat; 
background-position:right 20% bottom 0%;
background-size:auto auto;}

.slide2 { 
background-image:
url('../images/slide/slide2.png');
background-repeat: no-repeat; 
background-position:right 20% bottom 0%;
background-size:auto auto;}

.slide3 { 
background-image:
url('../images/slide/slide3.png');
background-repeat: no-repeat; 
background-position:right 20% bottom 0%;
background-size:auto auto;}
.slide3 .slide-text h2 { font-size:30px; line-height:40px; color:#c1272d;}
.worcester-logo img { width:auto !important; display:inline-block !important;}

#slider .owl-dot { display:none;}

.slide-text { display:table-cell; height:460px; vertical-align:middle; text-align: left;}
.slide-text h2 { font-size:40px; line-height:50px; color:#c1272d;}
.slide-text p { color:#323233; font-size:27px; line-height:32px;}
.slide-text .btn { float: left; width:100%; margin:15px 0;}
.slide-text .btn a {background:#11a5e0; color:#fff; border-radius:22px; padding:12px 18px 12px 25px; font-size:20px; line-height:20px;}
.slide-text .btn a .fa { padding:0 0 0 15px; font-size:30px;}
.slide-text .btn a:hover  {background:#c1272d; color:#fff;}


@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) {
.slide1,.slide2,.slide3,.slide-text   {height:400px;}	
.slide1 { background-position:right 0% bottom 0%;}
.slide2 { background-position:right 0% bottom 0%;}
.slide3 { background-position:right 0% bottom 0%;}
}


@media only screen and ( max-width:1200px) {
.slide1,.slide2,.slide3,.slide-text   {height:400px;}

.slide-text { text-align:center;}
.slide-text h2 {color:#fff; margin:0px; padding:0px;}
.slide-text p { color:#fff;}

.slide1 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide1-res.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 50%;
background-size:100% 100%,cover;}

.slide2 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide2-res.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}

.slide3 {
background:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide3-res.jpg');
background-repeat:no-repeat, no-repeat;
background-position:top 0 left 0,left 0% bottom 0%;
background-size:100% 100%,cover;}
.slide3 .slide-text h2 { color:#fff;}
.slide3 .slide-text h2 br,.slide-text p br { display:none;}
}

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

}

@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide-text   {height:300px;}

.slide-text h2 {margin:0px; padding:0px; font-size:35px; line-height:40px;}
.slide-text p { margin:0px; padding:0 0 15px;font-size:19px; line-height:30px;}
.slide-text .btn a {padding: 10px 20px;font-size: 15px;}
}

@media only screen and ( max-width:640px) {
.slide3 .slide-text h2 { font-size:22px; line-height:30px;}
}

@media only screen and ( max-width:560px) {	
.slide-text h2 {font-size:26px; line-height:30px;}

.slide1 {background-position:top 0 left 0,left 0% bottom 50%;background-size:100% 100%,cover;}
.slide2 {background-position:top 0 left 0,left 0% bottom 50%;background-size:100% 100%,cover;}
.slide3 {background-position:top 0 left 0,left 0% bottom 50%;background-size:100% 100%,cover;}

.slide-text p { line-height:25px; margin:15px 0; padding:0px;}

.slide3 .slide-text h2 { font-size:19px; line-height:26px;}

.worcester-logo img { width: 80% !important; display: inline-block !important;}
}

@media only screen and ( max-width:460px) {	
.slide1,.slide2,.slide3,.slide-text  {height:250px;}

.slide-text h2 {  font-size: 21px;}

.slide3 .slide-text h2 { font-size:17px; line-height:22px;}
.slide-text p { line-height: 22px; font-size:17px; margin:10px 0;}
}


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