#content.gallery { background-color: #fff; padding-top: 0px; position:relative; z-index: 2; }
#content.gallery .container { }

#content.gallery .container .slider-for { display: block; float: left; position: relative; width: 75%; }
#content.gallery .container .slider-for img { display: block; height: auto; width: 100%; }

#content.gallery .container .slider-for .slick-arrow { background: url(../images/gallery-arrow.png) no-repeat 0px 0px; background-size: 100% auto; border: 0px none; display: block; height: 42px; padding: 0px; right: 70px; margin-top: -21px; position: absolute; top: 50%; width: 42px; z-index: 2; }
#content.gallery .container .slider-for .slick-arrow.slick-prev { right: auto; left: 70px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#content.gallery .container .slider-nav { display: block; float: right; width: 25%; position: absolute; right: 0px; }

#content.gallery .container .slider-nav .slick-slide div { overflow: hidden; }
#content.gallery .container .slider-nav img { display: block; height: auto; opacity: 1; width: 100%; -webkit-transition: opacity ease-in-out .35s; -moz-transition: opacity ease-in-out .35s; transition: opacity ease-in-out .35s; }

#content.gallery .container .slider-nav .slick-current img { opacity: 0.7;  }


@media only screen and (min-width: 1441px) {

}

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

}

@media only screen and (min-width: 1025px) {

}

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

@media only screen and (max-width: 768px) {
	#content.gallery .container .slider-for { float: none; max-width: inherit; width: 100% }  
	#content.gallery .container .slider-nav { float: none; height: auto !important; max-width: inherit; position: relative; width: 100% }  
	
	#content.gallery .container .slider-for .slick-arrow { background: url(../images/gallery-arrow.png) no-repeat 0px 0px; background-size: 100% auto; border: 0px none; display: block; height: 26px; padding: 0px; right: 15px; margin-top: -13px; position: absolute; top: 50%; width: 26px; z-index: 2; }
#content.gallery .container .slider-for .slick-arrow.slick-prev { right: auto; left: 15px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
}

@media only screen and (max-height: 600px) {

}

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