.box-slider{padding:0 97px;margin:0 5px 55px;position:relative}

.flexslider .slides > li {display: none;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.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%;}


.flexslider {	
	box-shadow:0 48px 33px -22px rgba(0,0,0,0.9)
	
	}

/* Control Nav */

.flex-direction-nav{position:absolute;top:50%;z-index:80;left:0px;overflow:hidden;margin-top:-11px;width:100%}
.flex-direction-nav li a {
width: 24px;
 height: 37px;
display: inline-block; 
cursor: pointer;
 text-indent: -9999px;overflow:hidden
}
.flex-direction-nav li{position:relative;float:left;width:50%;overflow:hidden}
.flex-direction-nav li .flex-next {background:url(../images/next.png) no-repeat 0 0;float:right;margin-right:37px;}
.flex-direction-nav li .flex-prev {background:url(../images/prev.png) no-repeat 0 0;float:left;margin-left:37px}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-direction-nav li a:hover{background-position: right bottom}


	
@media only screen and (min-width: 768px) and (max-width: 995px) {

.flex-caption strong {
    font-size: 104px;
    line-height: 108px;
}


	
}
@media only screen and (max-width: 767px) {

.flex-caption  {
display:none
}

.box-slider{padding:0}
.flex-direction-nav li .flex-next {margin-right:10px;}
.flex-direction-nav li .flex-prev {margin-left:10px}


}
@media only screen and (min-width: 480px) and (max-width: 767px) {

}