#slides {width: auto; position:relative; height: auto;}
.slides_container {width:auto;height:200px;}
  .slides_container div {width:auto;height: auto; display:block;}
  .slides_container div img{ max-width:100%; height: auto;}
/* Control Nav */
.pagination {display: none; position: absolute; bottom: 50px; right: 35px;z-index:99; overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.pagination li {font-size:0px;line-height:0;margin-right:8px; display:block; float:left;}
.pagination li a {height:14px;width:14px;background: url(../images/pagination.png) -22px 0 no-repeat;display:block;}
.pagination li.current a,.pagination li a:hover {background:url(../images/pagination.png) 0 0 no-repeat;}

@media only screen and (min-width: 768px) and (max-width: 980px) {#slides,.slides_container,.slides_container div {width: 748px !important;height:239px;}}
@media only screen and (max-width: 767px) {#slides,.slides_container,.slides_container div{width: 280px;height:89px;}.pagination {bottom:0;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {#slides,.slides_container,.slides_container div{width: 420px;height:134px;}}