#slider{width:700px;height:350px;position:relative;overflow:hidden;margin-left:15px;}
#sliderContent{position:absolute;top:0;margin:0;padding:0;}
.sliderImage{float:left;position:relative;display:none;}
.sliderImage span{position:absolute;font:10px/15px Arial, Helvetica, sans-serif;width:700px;background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;color:#fff;display:none;top:0;left:0;font-size:12px;text-align:left;padding:10px 13px;}
.sliderImage span a{color:#FFF!important;font-size:10px;}
.clear{clear:both;}
.sliderImage span strong{font-size:14px;}
.top{top:0;left:0;}
.bottom{bottom:0;left:0;}
ul{list-style-type:none;}

#slider img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1020px){
    #slider{
        margin-left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 800px){
    #slider{
        height: 300px;
    }
}
@media screen and (max-width: 768px){
    #slider{
        height: 280px;
    }
}
@media screen and (max-width: 680px){
    #slider{
        height: 240px;
    }
}
@media screen and (max-width: 400px){
    #slider{
        height: 200px;
    }
}
@media screen and (max-width: 360px){
    #slider{
        height: 175px;
    }
}
@media screen and (max-width: 320px){
    #slider{
        height: 140px;
    }
}