.slider{ width:920px;position:relative; z-index:1; margin:0 0 0 1px; padding:15px; background:#fff;}
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* direction Nav */
.flex-control-nav{ position:absolute; overflow:hidden; bottom:25px; left:45%; list-style-type:none;}
.flex-control-nav li{ float:left; margin-left:3px;}
.flex-control-nav li a{ display:block; background:url(../images/pagination.png) -31px 0 no-repeat; width:28px; height:28px; font-size:0; line-height:0; text-indent:-5000px;}
.flex-control-nav li a.active,.flex-control-nav li a:hover{background:url(../images/pagination.png) 0 0 no-repeat;}
.bg-slider{ width:950px; margin:0 auto; background:url(../images/slider-shadow.png) 0 100% no-repeat; padding-bottom:13px;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.slider {width:740px;padding:10px;margin:0 0 0 2px;}
	.bg-slider{ width:760px;background:url(../images/slider-shadow-tablet.png) 0 100% no-repeat;}
}
@media only screen and (max-width: 767px) {
	.slider {width:290px;padding:5px;margin:0 0 0 2px;}
	.bg-slider{ width:300px;background:url(../images/slider-shadow-320.png) 0 100% no-repeat;}
	.flex-control-nav{bottom:10px; left:33%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.slider {width:410px;padding:5px;margin:0 0 0 2px;}
	.bg-slider{ width:420px;background:url(../images/slider-shadow-480.png) 0 100% no-repeat;}
	.flex-control-nav{bottom:10px; left:39%;}
}