.gallery{width:100%; margin:0 auto;}
.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.9);display:none;z-index:500}
.sl-wrapper{z-index:10}
.sl-wrapper button{border:0;background:000;font-size:24px;padding:0;cursor:pointer}
.sl-wrapper button:hover{opacity:0.5}
.sl-wrapper .sl-close{display:none;position:fixed;right:20px;top:20px;z-index:1000;color:#fff;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.sl-wrapper .sl-navigation{width:100%;display:none; z-index:500}
.sl-wrapper .sl-navigation button{position:fixed;top:50%;height:30px;width:30px;text-algin:center;display:block;z-index:1000;color:#000; cursor:pointer;transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.sl-wrapper .sl-navigation button.sl-next{right:10px; background:url(../images/prev.png) no-repeat 0 0;}
.sl-wrapper .sl-navigation button.sl-prev{left:10px;background:url(../images/next.png) no-repeat 0 0;}
.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:800; top:15% !important;}
.sl-wrapper .sl-image img{margin:0;padding:0;display:block; border:5px solid #fff; width:98% !important;}
.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:#000;opacity:.8;position:absolute;bottom:0;left:0;right:0}
.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:10;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite;}

@-webkit-keyframes pulsate{
	0%{transform:scale(.1);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.2);opacity:0}
}
@keyframes pulsate{
	0%{transform:scale(.1);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.2);opacity:0}
}
@-moz-keyframes pulsate{
	0%{transform:scale(.1);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.2);opacity:0}
}
@-o-keyframes pulsate{
	0%{transform:scale(.1);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.2);opacity:0}
}
@-ms-keyframes pulsate{
	0%{transform:scale(.1);opacity:0}
	50%{opacity:1}
	100%{transform:scale(1.2);opacity:0}
}

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
img{width:100%; display:block;}
select {-webkit-appearance:none;-moz-appearance:none;}

.sl-wrapper .sl-image{ top:15% !important;}
.sl-wrapper .sl-navigation button{top:30% !important;}

}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.sl-wrapper .sl-image{ top:15% !important;}
.sl-wrapper .sl-navigation button{top:40% !important;}
}

@media only screen and (max-width:500px),(max-width:580px){

}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
.sl-wrapper .sl-image{ top:15% !important;}
.sl-wrapper .sl-navigation button{top:27% !important;}
.sl-wrapper .sl-image img{border:3px solid #fff; width:97% !important;}
}

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

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

@media only screen and (max-width:300px), (max-width:320px){
.sl-wrapper .sl-image img{border:3px solid #fff; width:96% !important;}
}