#slides { width:1000px; margin:0 auto;}
.next{ width:50px; float:left; padding:20px 0 0 0;}
.prev{ width:50px; float:left; padding:20px 0 0 0;}
.pagination {display:none;}
.pagination li.current a {background-position:0 -27px;}
.slides_control{width:100%; float:left;}
.slides_container {width:900px;display:block; height:auto; float:left;overflow:hidden; z-index:50; top:0; left:0; position:relative;}
.slide_details{width:900px; float:left;}
.slide_details ul li{width:174px; height:107px; float:left; padding:0 25px;}
.slide_details ul li img{border:1px solid #d3d3d3; padding:4px; width:164px; background:#fff;}


/*** for ipad tablts***/
@media only screen and (max-width:760px), (max-width:960px), (max-width:100%) {
img{width:100%; display:block;}

#slides { width:100%;}
.next{ width:5%; float:left; padding:5px 0 0 0;}
.prev{ width:5%; float:left; padding:5px 0 0 0;}
.slides_container {width:90%;}
.slide_details{width:100%; float:left;}
.slide_details ul li{width:6%; height:107px; float:left; padding:0 1%;}
.slide_details ul li img{padding:4px 4%; width:90%;}

}

/*** FOR MOBILE BROWERS ***/
@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px){
img{width:100%; display:block;}
.slide_details ul li{width:6.5%; height:107px; float:left; padding:0 1%;}
}