#slider { float:left; width:100%;position:relative; }
#slider .owl-dots { display:none;}

.slide1,.slide2,.slide3,.slide4  {float:left; width:100%; height:500px;}
.slide1 .wrapper,.slide2 .wrapper,.slide3 .wrapper,.slide4 .wrapper{ display:table; position:relative;}

.slide1 { 
background-image:
url('../images/slide/slide1.png');
background-repeat:no-repeat; 
background-position:left 0 bottom 48%;
background-size:cover;}
.hitachi-logo { float:left; width:100%; margin:30px 0;}
.hitachi-logo img { width:auto !important; display:inline-block !important;;}

.slide2 { 
background-image:
url('../images/slide/home-slide2-worceste.png'),
url('../images/slide/home-slide2-boiler.png'),
url('../images/slide/slide2.png');
background-repeat:no-repeat,no-repeat,no-repeat; 
background-position:left 26% bottom 0, top 40% right 22%,right 0px bottom 22%;
background-size:27% auto,17% auto,100% auto; position:relative;}
.slide2 .worcester-logo { text-align: left; margin:20px 0;}
.slide2 .worcester-logo img { width:auto !important; display:inline-block !important;}
.slide-text2 { vertical-align:middle; text-align: left; width:35%; position:absolute; right:17%; top:70px;}
.slide-text2 h2 { font-size:48px; line-height:55px; color:#0968ad;font-family:'Montserrat Bold';}
.slide2 h3 { font-size:19px; line-height:30px; color:#213873; margin:10px 0; font-weight:normal; text-align:right;bottom: 0px; right: -150px; position: absolute;}
.slide2 h3 a {color:#213873; font-weight: bold;font-family:'Montserrat Light';}

.slide3 { 
background-image:
url('../images/slide/slide3.png');
background-repeat:no-repeat; 
background-position:left 0 bottom 80%;
background-size:cover;}
.slide3 .slide-text { text-align:left;}
.slide3 .slide-text h2 { font-size:55px; line-height:60px;}
.slide3 .slide-text h2 span { color:#ffff00;}
.slide3 .slide-text p { font-size:27px; line-height:40px;font-family:'Montserrat Regular';}


.slide4 { 
background-image:
url('../images/slide/slide4.png');
background-repeat:no-repeat; 
background-position:left 0 bottom 48%;
background-size:cover;}
.slide4 .slide-text { }
.slide4 .slide-text h2 { font-size:55px; line-height:60px;}
.slide4 .slide-text h2 span { color:#30a2da;}
.slide4 .slide-text p { font-size:25px; line-height:30px;font-family:'Montserrat Regular'; font-weight:normal;}

.slide-text { display:table-cell; height:500px; vertical-align: middle; text-align: right;}
.slide-text h2 { font-size: 45px; line-height: 55px; color:#fff; padding:0px; margin:0;font-family:'Montserrat Bold';}
.slide-text p { color:#fff; margin:0px; padding:25px 0; font-size:22px; line-height:25px; font-weight:bold;}



@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/
}

@media only screen and ( max-width:1700px) {
.slide2 { 
background-position:left 20% bottom 0, top 40% right 20%,right 0px bottom 22%;
background-size:27% auto,17% auto,100% auto; position:relative;}
.slide-text2 { right:22%;}

}

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

@media only screen and ( max-width:1500px) {
.slide2 { 
background-position:left 12% bottom 0, top 40% right 13%,right 0px bottom 22%;
background-size:35% auto,22% auto,100% auto; position:relative;}
.slide-text2 { right:22%;}

}


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

}

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

}

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

.slide-text { text-align:center;}
.slide-text h2 br { display:none;}
.slide-text h2 { color:#fff;}
.slide-text p { color:#fff;}

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

.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/home-slide2-worceste.png'),
url('../images/slide/home-slide2-boiler.png'),
url('../images/slide/slide2.png');
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; 
background-position:top 0 left 0,left 0% bottom 0, top 40% right 0%,right 0px bottom 22%;
background-size:100% 100%,40% auto,25% auto,100% auto;}
.slide2 .slide-text { text-align:center;}
.slide-text2 { top:20px; width:100%; left:0; right:0; text-align: center;}
.slide2 .worcester-logo { text-align:center;}
.slide2 .slide-text2 h2,.slide2 h3 a { color:#fff;}
.slide-text2 h2 br { display:none;}
.slide2 h3 { right:0; left:0; bottom:0;}


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

.slide4 { 
background-image:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/slide4-res.png');
background-repeat:no-repeat,no-repeat; 
background-position:top 0 left 0,left 0 bottom 60%;
background-size:100% 100%,cover;}
.slide4 .slide-text h2 { font-size:45px; line-height:50px;}
.slide4 .slide-text p { font-size:22px; line-height:30px;}

}

@media only screen and ( max-width:767px) {
.slide2 .slide-text2 h2 { font-size:35px; line-height:40px;}
}

@media only screen and ( max-width:767px) {
.slide1,.slide2,.slide3,.slide4,.slide-text {min-height:350px;}	
.slide-text h2 { font-size:35px;line-height:40px;}

.slide2 { 
background-position:top 0 left 0,left 0% bottom 0, top 40% right 0%,right 0px bottom 22%;
background-size:100% 100%,50% auto,35% auto,cover;}
.slide2 h3 { text-align:center; bottom:-50px;}

.slide3 .slide-text  { text-align:center;}
.slide3 .slide-text h2 { font-size:40px; line-height:50px;}
.slide3 .slide-text p { font-size:22px; line-height:30px;}

}


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

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

.slide4 .slide-text h2 { font-size:35px; line-height:40px;}
.slide4 .slide-text p { font-size:20px; line-height:30px;}
}

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

.slide-text h2 { font-size:25px; line-height:30px;}
.slide-text p { font-size:19px; line-height:30px}

.slide-text2 { top:40px;}
.slide2 .slide-text2 h2 {font-size:30px; line-height:40px;}
.slide2 .worcester-logo img { width: 30% !important; display: inline-block !important;}


.slide3 .slide-text h2 { font-size:32px; line-height:40px;}
.slide3 .slide-text p { font-size:19px; line-height:26px; font-weight:normal;}
}

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

.slide2 { 
background-position:top 0 left 0,left 0% bottom 0, top 40% right 0%,right 0px bottom 22%;
background-size:100% 100%,60% auto,38% auto,cover;}
.slide4 .slide-text h2 { font-size:28px; line-height:35px;}
.slide4 .slide-text p { font-size:17px; line-height:25px;}
}

@media only screen and ( max-width:480px) {	
.slide2 .slide-text2 h2 {font-size:20px; line-height:30px;}
.slide2 h3 { font-size:17px; line-height:25px;}
}

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

.slide-text h2 { font-size:24px; line-height:30px;}
.slide-text p { font-size:17px; line-height:30px;}


.slide3 .slide-text h2 { font-size:25px; line-height:30px;}
.slide3 .slide-text p { font-size:17px; line-height:22px;}
}

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