#slider { float:left; width:100%;position:relative; }

.slider,.slider2,.slider3  {float:left; width:100%; height:500px; }

.slider1 { 
background-image:
url('../images/slide/home-slider1.png');
background-repeat:no-repeat; 
background-position:left 0% bottom 42%;
background-size:cover;}
.slider1 .wrapper { display:table;}

.slider1 .slide-text .btn { float:left; width:100%; margin:4% 0 0;}
.slider1 .slide-text .btn a { background:#e78018; color:#fff; border-radius:20px; padding:13px 30px 13px 30px; font-size:22px; font-weight:normal;}
.slider1 .slide-text .btn a:hover  {background:#fff; color:#e78018;}

.slider3 { 
background-image:
url('../images/slide/home_banner-graphic3.png'),
url('../images/slide/home-banner-boiler-image.png'),
url('../images/slide/home-slider3.png');
background-repeat: no-repeat, no-repeat, no-repeat; 
background-position: left 38% top 50%, right 20% top 50%, right 0px top 25%;
background-size: 46% auto, 14% auto,100% auto;}

.slide-text { display:table-cell; height:500px; vertical-align:middle; text-align: center;}
.slide-text h2 { font-size:50px; line-height:50px; color:#e78018; font-family:'Montserrat Bold';}
.slide-text p { color:#fff; font-size:27px; line-height:30px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/
.slider3 { 
background-image:
url('../images/slide/home_banner-graphic3.png'),
url('../images/slide/home-banner-boiler-image.png'),
url('../images/slide/home-slider3.png');
background-repeat: no-repeat, no-repeat, no-repeat; 
background-position: left 40% top 50%, right 25% top 50%, right 0px bottom 50%;
background-size: 60% auto, 30% auto,100% auto;}
}

@media only screen and ( max-width:1800px) {
.slider3 {background-position: left 25% top 40%, right 8% top 40%, left 0% bottom 0%;background-size: 65% auto, 18% auto, 100% auto;}	
.slider3 {background-size:auto auto,110% auto;}
}

@media only screen and ( max-width:1640px) {
.slider1,.slider2,.slider3,.slide-text   {height:400px;}	
.slider3 { background-position:left 34% top 50%, right 14% top 50%, right 0% top 0%;background-size: 55% auto, 15% auto, 100% 100%;}
}

@media only screen and ( max-width:1200px) {
.slider3 {background-position:left 25% top 50%, right 6% top 50%, left 0% bottom 0%;background-size: 65% auto, 18% auto, 100% 100%;}	
}

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

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

@media only screen and ( max-width:768px) {
.slider1,.slider2,.slider3,.slide-text  { height:350px;}

.slide-text { text-align:center;}
.slide-text.slide-text1 { text-align:center;}

.slider3 { background-position: left 20% top 50%, right 6% top 50%, right 0% top 0%; background-size: 65% auto, 18% auto, 100% 100%;}	

.slide-text h2 { font-size:25px; line-height:30px;}
.slide-text h2,.slide-text h2 span,.slide-text p { color:#fff;}
.slide-text h2 br,.slide-text p br { display:none;}

}

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

}

@media only screen and ( max-width:560px) {	
.slider3 { background-position:left 50% top 50%, left 50% top 90%, right 0% top 0%; background-size:95% auto, 0% auto, 100% 100%;}
}

@media only screen and ( max-width:460px) {	
.slide-text h2 { font-size:20px; line-height:24px;}
.slide-text p { font-size:15px; line-height:22px;}

.slider3 {height:250px;}
.slider3 { background-position: left 50% top 50%, left 50% top 90%, right 0% top 0%; background-size: 95% auto, 0% auto, 100% 100%;}

}


@media only screen and ( max-width:360px) {	
.slide-text h2 { font-size:18px; line-height:22px;}
.slide-text p { font-size:14px; line-height:20px;}

.slider3 { background-position: left 50% top 50%, left 50% top 90%, right 0% top 0%; background-size: 95% auto, 0% auto, 100% 100%;}

}