.blueberry {float:left; width:100%;}
.blueberry .slides{display:block;position:relative;overflow:hidden;top:0; left:0; position:relative; z-index:10;}
.blueberry .slides li{position:absolute;top:0;left:0;overflow:hidden;}
.blueberry .slides li img{display:block;width:100%;max-width:none;}
.blueberry .slides li.active { display:block; position:relative;}
.blueberry .crop li img { width:auto;}
.blueberry .pager{height:40px;text-align:center; width:100%; margin-top:-50px; top:0; left:0; position:relative; z-index:20;}
.blueberry .pager li {display:inline-block;}
.blueberry .pager li a,.blueberry .pager li a span{display:block;height:10px;width:10px;}
.blueberry .pager li a{padding:10px 4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.blueberry .pager li a span{overflow:hidden;background:#c0c0c0;text-indent:-9999px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.blueberry .pager li.active a span { background:#404040;}

/*** for ipad tablts***/
@media only screen and (max-width:550px),(max-width:650px),(max-width:760px), (max-width:980px), (max-width:100%) {
.blueberry .pager{margin:0; width:110px; margin:0 auto; float:none;}
}

@media only screen and (max-width:300px), (max-width:320px),(max-width:400px), (max-width:450px), (max-width:500px){

}