.slider{ width:929px; margin:0 auto; position:relative; z-index:1; background:#fff; padding:5px;}
.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%;}
/* control Nav */
.flex-control-nav{ position:absolute; bottom:10px; right:5px;}
	.flex-control-nav li{ display:block; float:left; margin-right:5px;}
		.flex-control-nav li a{ display:block; background:url(../images/pagination.png) 0 0 no-repeat; width:26px; height:26px; text-indent:-5000px;}
		.flex-control-nav li a:hover,.flex-control-nav li a.active{ background-position:0 -26px;}
/* Background */
.bg-slider{ background:url(../images/bg-slider.png) 50% 100% no-repeat; width:941px; padding-bottom:24px; margin:0 auto;}
.bg-slider2{ width:939px; background:rgba(0,0,0,.2); padding:1px;margin:0 auto;}
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.slider {width:736px;}
	.bg-slider2{ width:746px;}
	.bg-slider{ width:768px;background:url(../images/bg-slider2.png) 50% 100% no-repeat; }	
	.flex-control-nav{bottom:18px; right:5px;}
}
@media only screen and (max-width: 767px) {
	.slider {width:278px;}
	.bg-slider2{ width:288px;}
	.bg-slider{ width:300px;background:url(../images/bg-slider4.jpg) 50% 100% no-repeat;padding-bottom:12px;}
	.flex-control-nav{bottom:10px; right:5px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.slider {width:388px;}
	.bg-slider2{ width:398px;}
	.bg-slider{ width:420px;background:url(../images/bg-slider3.jpg) 50% 100% no-repeat;padding-bottom:14px;}
	.flex-control-nav{bottom:10px; right: 5px;}
}