.bx-wrapper { position: relative; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; }
.bx-wrapper .bx-viewport { -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left:12%; background:url(../images/slider-prev-arrow.png) left top no-repeat;}
.bx-wrapper .bx-next { right:12%; background:url(../images/slider-next-arrow.png) left top no-repeat;}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top:-34px; outline: 0; width:71px; height:69px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }


@media (min-width: 1200px) and (max-width: 1400px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
.bx-wrapper .bx-prev { left:20px;}
.bx-wrapper .bx-next { right:20px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.bx-wrapper .bx-prev { left:20px;}
.bx-wrapper .bx-next { right:20px;}
}

@media (min-width: 600px) and (max-width: 767px) {
.bx-wrapper .bx-prev { left:20px;}
.bx-wrapper .bx-next { right:20px;}
}

@media (min-width: 320px) and (max-width: 599px) {
.bx-wrapper .bx-prev { left:10px; background-size:30px;}
.bx-wrapper .bx-next { right:10px; background-size:30px;}
.bx-wrapper .bx-controls-direction a{ width:30px; height:30px; margin-top:-15px;}
}