.owl-carousel{margin-top:220px;}
#home-services .owl-carousel{margin-top:0px;}

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

.slider1 { float:left; width:100%;}
.slider1 { 
background-image:
url('../images/slide/slider1-van.png');
background-repeat:no-repeat; 
background-position:left 35% bottom 48%;
background-size:auto auto;
animation: animatevan 4s normal 1;}

@keyframes animatevan {
from {background-position: left -35% bottom 48%;}
to {background-position: left 35% bottom 48%;}
}

.slide-inn { display:table-cell; height:660px; vertical-align:top; padding:8% 0 0; text-align: left;}
.slide-inn ul { margin:0; padding:0px;}
.slide-inn li { list-style:none;background:url('../images/slide/slide-tick.png'); background-repeat:no-repeat; background-position:top 10px left 0; padding:0 50px; color:#000000; font-size:28px; line-height:40px; font-family:'Montserrat Bold'; }
.slide-inn .btn { float:left; width:100%; margin:3% 0 0 9%;}
.slide-inn .btn a { background:#1babe2; color:#fff; margin:0px; padding:5px 15px; font-size:18px; line-height:28px; border-radius:12px;}
.slide-inn .btn a:hover { background:#000000;}

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


}

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

}

@media only screen and ( max-width:1700px) {
.slider1 {background-position:left 25% bottom 50%;background-size:auto auto;}
.slide-inn { padding:2% 0 0;}

@keyframes animatevan {
from {background-position: left -25% bottom 50%;}
to {background-position: left 25% bottom 50%;}
}

}


@media only screen and ( max-width:1400px) {
#slider { height:650px; background-position:bottom;}
.slider1,.slide-inn {height:570px;}


.slider1 {background-position:left 25% bottom 40%;background-size:auto auto;}

@keyframes animatevan {
from {background-position: left -25% bottom 40%;}
to {background-position: left 25% bottom 40%;}
}
}

@media only screen and ( max-width:1300px) {
.slide-inn { padding:5% 0 0;}
.slide-inn li { font-size:22px; line-height:30px; background-size:6%; background-position:top 10px left 0; padding:0 30px;}


.slider1 {background-position:left 25% bottom 42%;background-size:auto auto;}

@keyframes animatevan {
from {background-position: left -25% bottom 42%;}
to {background-position: left 25% bottom 42%;}
}

}

@media only screen and ( max-width:1200px) {
#slider { height:600px;}
.slider1 .wrapper { display:table;}

.slider1,.slide-inn {height:360px;}
.slide-inn {  padding:2% 0 0;}
.slide-inn li { font-size:20px; line-height:26px; background-size:2%; background-position:top 10px left 0; padding:0 30px;}
.slide-inn .btn { margin:2% 0 0 3%;}

.slider1 {background-position:left 30% bottom 3%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -30% bottom 3%;}
to {background-position: left 30% bottom 3%;}
}

}

@media only screen and ( max-width:1100px) {
#slider { height:530px;}
.slider1,.slide-inn {height:310px;}
.slide-inn {  padding:0;}

.slider1 {background-position:left 30% bottom 40%;background-size:22% auto;}

@keyframes animatevan {
from {background-position:left -30% bottom 40%;}
to {background-position: left 30% bottom 40%;}
}

}

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

.slider1 {background-position:left 30% bottom 30%;background-size:22% auto;}

@keyframes animatevan {
from {background-position:left -30% bottom 30%;}
to {background-position: left 30% bottom 30%;}
}

}

@media only screen and ( max-width:800px) {
.header .logo { float:left; width:30%;}
.header .logo img { width:100%;}

.slide-inn {  padding:2% 0 0;}
}


@media only screen and ( max-width:768px) {
.slider1, .slide-inn { height:260px;}	
.slide-inn .btn a { font-size:14px; padding:4px 12px;}
.slide-inn li { font-size: 16px; line-height: 24px; padding:0 20px;background-position: top 8px left 0;}


.slider1 {background-position:left 34% bottom 4%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -34% bottom 4%;}
to {background-position: left 34% bottom 4%;}
}

}


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

.slider1 {background-position:left 38% bottom 30%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -38% bottom 30%;}
to {background-position: left 38% bottom 30%;}
}

}


@media only screen and ( max-width:600px) {	
.slide-inn li { background-size:4%; padding:0 25px;}

.slider1 {background-position:left 45% bottom 30%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -45% bottom 30%;}
to {background-position: left 45% bottom 30%;}
}

}

@media only screen and ( max-width:550px) {	
#slider { float:left; width:100%; height: 460px;
background:url('../images/slide/slider1-background-res.png');
background-repeat: no-repeat; 
background-position:right 50% bottom 0;
background-size: cover;}

.slider1, .slide-inn { height:245px;}	
.slide-inn {  padding:4% 0 0;}
.slider1 {background-position:left 40% bottom 12%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -40% bottom 12%;}
to {background-position: left 40% bottom 12%;}
}

}



@media only screen and ( max-width:500px) {
#slider {  height:500px;
background:url('../images/slide/slider1-background-res.png');
background-repeat: no-repeat; 
background-position:right 60% bottom 0;
background-size: cover;}

.slider1, .slide-inn { margin:2% 0 0;}
.slide-inn li {font-size:13px; line-height:20px;}
.slide-inn .btn a { font-size: 13px; padding: 3px 10px;}

.slider1 {background-position:left 40% bottom 20%;background-size:25% auto;}

@keyframes animatevan {
from {background-position:left -40% bottom 20%;}
to {background-position: left 40% bottom 20%;}
}

}

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

.slider1 {background-position:left 60% bottom 22%;background-size:30% auto;}

@keyframes animatevan {
from {background-position:left -60% bottom 22%;}
to {background-position: left 60% bottom 22%;}
}

}


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

.slider1 {background-position:left 60% bottom 20%;background-size:30% auto;}

@keyframes animatevan {
from {background-position:left -60% bottom 20%;}
to {background-position: left 60% bottom 20%;}
}

}