.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left; text-align: center; background-size: 100% 100%; height: 800px;}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}
.unslider-arrow.next{left:auto;right:20px}
.sliderContent {padding: 5%; background: rgba(0, 0, 0, 0.5); color: white; height: 100%; }

@media only screen and (max-width:1600px) { 
    .unslider-wrap.unslider-carousel>li{height: 667px;}
}


@media only screen and (max-width:1200px) { 
    .unslider-wrap.unslider-carousel>li{height: 500px;}
    .sliderContent p {font-size: 18px; }
}

@media only screen and (max-width:1000px) { 
    .unslider-wrap.unslider-carousel>li{height: 416px;}
}

@media only screen and (max-width:800px) { 
    .unslider-wrap.unslider-carousel>li{height: 333px;}
}

@media only screen and (max-width:600px) { 
    .unslider-wrap.unslider-carousel>li{height: 250px;}
}