/* height and width should be the same as the thumbnail sizes */

#slides {
    color: #000;
    width:100%;
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}

    
.caption {
    background: url(/images/background.jpg) bottom right no-repeat;
    font-family: Arial;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    color: #000;
    height: 25px;
    width: 285px;
    padding: 13px 0 5px 15px;
    position: relative;
    z-index: 5000;
    margin:-50px 0 0 301px;
}




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

#slides li {display:block;height:450px;overflow:hidden;}
#slides li img {display:block;max-height:450px;width:auto;}

.caption {
    font-size: 17px;
    line-height: 20px;
    text-align: left;
    color: #000;
    height: 25px;
    position: relative;
    top: 0;
    width:auto;
    z-index: 5000;
    padding: 13px 0 5px 15px;
    background: rgba(255,255,255,0.7);
    margin: -42px 0 0 0;
}

}