html, body {
    height: 100%;    
}


#responsive-slider {
    font-family: 'Open Sans',sans-serif;
    min-height: 400px;
    width: 980px !important; margin-top:0px;
}


#responsive-slider .layer a {
    color: #00F;
}


#responsive-slider .layer.black a {
    color: #FFF;
}


@media
    only screen and (max-device-width: 1136px) and (min-device-width: 960px) and (device-height: 640px),
    only screen and (max-device-height: 1136px) and (min-device-height: 960px) and (device-width: 640px) {
    
    /* iPhone only */
    
    #responsive-slider {
        background: none repeat scroll 0 0 red;
        font-family: 'Open Sans',sans-serif;
        height: 230px !important;
        min-height: 20px;
        width: 400px !important;
    }
    
    
    
   } 
    
    @media screen and (max-width:840px) {
    
    #responsive-slider {
        background: none repeat scroll 0 0 black;
        font-family: 'Open Sans',sans-serif;
        height: 230px !important;
        min-height: 20px;
        width: 400px !important;
    }
    
    
    
    }