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

#slider .owl-dots { display: none;}
.tcapply{position: absolute;right: 20px;bottom: 5px;padding: 0;margin-bottom: 0;color: #ffffff;font-weight: lighter;font-family: 'Montserrat Light';font-size: 13px;}

.slide1,.slide2 {float:left; width:100%; height:500px;}

.slide1 { 
background-image:
url('../images/slide/home_banner-graphic1.png'),
url('../images/slide/home-banner-boiler-image.png'),
url('../images/slide/home-slide1.png');
background-repeat: no-repeat, no-repeat, no-repeat; 
background-position: left 36% top 50%, right 18% top 50%, right 0px bottom 50%;
background-size:47% auto, 15% auto,100% auto;position: relative;}
.slide1 .wrapper { display:table;}

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

.slide-text { display:table-cell;  height:500px; vertical-align: middle; padding:0; text-align: right;}
.slide-text h2 { font-size:55px; line-height:60px; color:#003773; margin:0px; padding:0px;}
.slide-text h2 span { color:#f19628;}
.slide-text p { margin:30px 0; padding:0px; font-size:26px; line-height:30px; color:#333;}
.slide-text .btn  { float:left; width:100%; }
.slide-text .btn  a {background: #003773 url('../images/slide/call.png'); color:#fff; background-repeat: no-repeat; border-radius:40px; background-position:top 16px left 20px;padding:14px 25px 14px 70px;
font-size:25px; margin:0; font-weight: normal; display:inline-block;}
.slide-text .btn  a:hover  {background:#f19628 url('../images/slide/call.png'); background-repeat:no-repeat; background-position:top 16px left 20px;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, /* put webkit CSS here*/
.slide1 { 
background-image:
url('../images/slide/home_banner-graphic1.png'),
url('../images/slide/home-banner-boiler-image.png'),
url('../images/slide/home-slide1.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,cover;}
}



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


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

}

@media only screen and ( max-width:1600px) {
.slide1,.slide2,.slide-text   {height:400px;}	
.slide1 { 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:1400px) {
}

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

@media only screen and ( max-width:1200px) {
.slide-text { text-align: right;vertical-align:middle; padding:0px;}
.slide-text h2 { color:#fff; font-size:40px; line-height:45px;}
.slide-text h2 b { color:#fff;}
.slide-text p { color:#fff;font-size:19px; line-height:30px;}
.slide-text p br,.slide-text h2 br { display:none;}


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


.slide2 { 
background-image:
linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),
url('../images/slide/home-slide2.png');
background-repeat: no-repeat, no-repeat; 
background-position:top 0 left 0,left 0% top 0%;
background-size:100% 100%,200% auto;}

}

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

}

@media only screen and ( max-width:768px) {
.slide-text { text-align: center;}
.slide1 { 
background-image:
url('../images/slide/home_banner-graphic1.png'),
url('../images/slide/home-banner-boiler-image.png'),
url('../images/slide/home-slide1.png');
background-repeat: no-repeat, no-repeat, no-repeat; 
background-position: left 38% top 50%, right 0% top 50%, right 50% bottom 0%;
background-size: 95% auto, 0% auto,cover;}

}

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


}

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

.slide-text h2 { color:#fff; font-size:30px; line-height:40px; margin:0px; padding:0px;}
.slide-text p { color:#fff;margin:0px; padding:20px 0;}
.slide-text .btn a,.slide-text .btn a:hover { padding:12px 25px 12px 70px; font-size:23px; background-size:10%;}
}

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


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

}