#slider { float:left; width:100%; border-bottom:10px solid #ed1c24;}

.slider1  {float:left; width:100%; height:500px;}

.slider1 { 
background-image:
url('../images/home-slider1.jpg');
background-repeat:no-repeat; 
background-position:right 0px bottom 65%;
background-size:100% auto;}

.slide-text {  position:absolute; top:24%; width:38%;  background:rgba(255,255,255,0.8); padding:30px; overflow:hidden;}
.slide-text h1 { font-size:36px; line-height:40px; color:#e40521; font-family:'Montserrat Bold';}
.slide-text p { font-size:17px; line-height:22px; color:#000000;}

.vaillant-logo { float:left; width:100%; margin:4% 0 2%;}
.vaillant-logo li { list-style:none; display:inline-block; margin:0 5% 0 0; vertical-align:middle;}
.vaillant-logo li.find-more a { background:#e40521; padding:10px 20px; border-radius:15px; color:#fff; font-size:19px;}
.vaillant-logo li.find-more a:hover {background:#ad061b;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

}



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


@media only screen and ( max-width:1640px) {
.slider1   {height:400px;}	
.slide-text { top:15%; width:50%;}

}

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

@media only screen and ( max-width:1200px) {
.slider1   {height:400px; background-size:130% auto;}
.slide-text { width:55%;}
.slide-text h1 { font-size:24px; line-height:35px;}
}

@media only screen and ( max-width:900px) {
.slider1   {background-size:160% auto;}
.slide-text { width:66%;}
}

@media only screen and ( max-width:767px) {
.slider1  {height:300px;}
.slide-text { top:10%; width:70%; padding:15px;}
.slide-text h1 { font-size:22px; line-height:30px; padding:0px;}
.slide-text p { font-size:16px; line-height:22px;}

}

@media only screen and ( max-width:640px) {
.slider1   {background-size:200% auto;}
.slide-text { top:20%; width:80%; padding:15px; left:0; margin:0 auto; right:0; text-align:center;}
.vaillant-logo { text-align:center;}
.vaillant-logo li { margin:0px;}
.slide-text h1 { font-size:19px; line-height:26px; padding:0px;}
.slide-text p { font-size:14px; line-height:18px;}
.vaillant-logo li.find-more a { padding:8px 10px;font-size: 17px;}
.slider1 .vaillant-logo li img { width:70% !important; display: inline-block !important;}
}

@media only screen and ( max-width:560px) {	
.slide-text h1 { font-size:17px; line-height:24px; padding:0px;}
.slide-text p { font-size:13px; line-height:16px;}
.vaillant-logo li.find-more a { padding:6px 10px;font-size: 15px;}
}

@media only screen and ( max-width:460px) {	
.slider1 { height:260px; background-size:230% auto;}
.slide-text h1 { font-size:15px; line-height:18px;}
.slide-text p { font-size:11px; line-height:16px;}
.slider1 .vaillant-logo li img { width:60% !important; display: inline-block !important;}
.vaillant-logo li.find-more a { padding:6px 10px;font-size: 12px;}

.vaillant-logo li { width:49%;}
}


@media only screen and ( max-width:360px) {	
.slide-text h1 { font-size:12px; line-height:18px;}
.slide-text p { font-size:9px; line-height:16px;}
.vaillant-logo li.find-more a { padding:6px 10px;font-size: 10px;}

}