@media screen and (max-width: 800px) {
 
ul.slider {
    margin:0 auto;
    height:355px;
    list-style:none;
    position:relative;
    width:406px;
}

ul.slider li.slides {
    //border:1px solid #888;
    height:353px;
    overflow:hidden;
    position:relative;
    width:304px;
    z-index:10;

    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

ul.slider li.track {
    background-color:rgba(125,0,0,1);
    clear:left;
    height:25px;
    margin-left:41px;
    margin-top:-25px;
    position:relative;
    text-align:center;
    width:304px;
    z-index:20;
}

}