.SumoGallery *{border:0px;margin:0px;padding:0px;}
.SumoGallery{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:9999;}
.overlay{background-color:rgba(0, 0, 0, 0.7);position:fixed; width: 100%;height: 100%;}
/** COMMMON STYLES **/.SumoGallery a{cursor:pointer;transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
/** COMMMON STYLES **/.SumoGallery .Sarrow{position:absolute;font-size:30px;color:#D8D8D8;opacity:0.8;text-shadow:-1px 0px 3px rgba(0, 0, 0, 0.86);top:16%;margin-top:0px;padding:0px;z-index:10;direction:ltr;height: 68%; width:26%; font-size:0}
.SumoGallery .Sarrow:hover{opacity:1;}
.SumoGallery .Sarrow.l{left:24%;}
.SumoGallery .Sarrow.r{right:24%;}
.SumoGallery .Sarrow.last-item{opacity:0.3;}
.SumoGallery .Sheader{height:40px;position:relative; display:none}
.SumoGallery .Sheader p{color:#fff;padding:10px 50px;text-align:center;}
.SumoGallery .Sheader a{font-size:50px;line-height:40px;color:#fff;position:absolute;right:5px;top:0px;display:block;cursor:pointer;opacity:0.8;}
.SumoGallery .Sheader a:hover{opacity:1}
.SumoGallery .Sbody{/*position:absolute;*/position:static;top:0;bottom:0;left:0px;right:0px;:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;}
.SumoGallery .Sbody a{display:none;left:0px;opacity:1;transition:none;-moz-transition:none;-webkit-transition:none;}
.SumoGallery .Sbody a.sel{display:block;background-image:url('loader.gif');/*position:absolute;*/position:static;width:100%;height:100%;background-repeat:no-repeat;background-position:center;z-index:1;}
.SumoGallery .Sbody a.anim{transition:all 200ms;-webkit-transition:all 200ms;-moz-transition:all 200ms;}
.SumoGallery .Sbody a.left{left:-100%;opacity:0;}
.SumoGallery .Sbody a.right{left:100%;opacity:0;}
.SumoGallery .SimgCount{display:none;position:absolute;color:#BEBEBE;right:10px;bottom:95px;}
.SumoGallery .toggle-thumbs{display:none;position:absolute;color:#BEBEBE;right:10px;bottom:70px;z-index:10;font-size:23px;background-color:#000;border-radius:3px;padding:0px 5px;line-height:20px;}
.SumoGallery .toggle-thumbs:hover{color:#4186F2;}
.SumoGallery .Sbody a img{position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;max-width:100%;max-height:78%;-webkit-box-shadow:0px 0px 35px rgba(0,0,0,0.5);box-shadow:0px 0px 35px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 35px rgba(0,0,0,0.5);border-radius:2px;}
.SumoGallery .Sfooter{position:absolute;bottom:0px;left:0px;right:0px;height:75px;padding:12px 0px;transition:all 300ms;-webkit-transition:all 300ms;-moz-transition:all 300ms;}
.SumoGallery ul.Sthumbnails{list-style:none;display:block;text-align:center;overflow:auto;white-space:nowrap;height:150px;padding-top:5px;margin-top:-5px;}
.SumoGallery ul.Sthumbnails li{display:inline-block;margin:0px 5px;float:none;width:auto;}
.SumoGallery ul.Sthumbnails li a {display:block;height:50px;width:110px;background-repeat:no-repeat;position:relative;border-radius:0;background-size:100%;}
.SumoGallery ul.Sthumbnails li a:hover{top:0;filter:brightness(50%);}
.SumoGallery ul.Sthumbnails li.sel a{top:0;filter:brightness(50%);}
.SumoGallery.nothumbs .Sfooter{bottom:-74px;}
.SumoGallery.nothumbs .Sbody{bottom:0px;}

@media screen and (min-width:768px) and (max-width:1023px){
/** COMMMON STYLES **/.SumoGallery .Sarrow{position:absolute;font-size:30px;color:#D8D8D8;opacity:0.8;text-shadow:-1px 0px 3px rgba(0, 0, 0, 0.86);top:50%;margin-top:-50px;padding:10px;z-index:10;direction:ltr;}
.SumoGallery .Sarrow:hover{opacity:1;}
.SumoGallery .Sarrow.l{left:0px;}
.SumoGallery .Sarrow.r {right: 0;width: auto;}
.SumoGallery .Sarrow.last-item{opacity:0.3;}
.SumoGallery .Sarrow {position: absolute;font-size: 50px;color: #f99d2b;opacity: 0.8;text-shadow: none;top: 50%;margin-top: -50px;padding: 10px;z-index: 10;direction: ltr;opacity: 1 !important;font-weight: bold;}
}
@media screen and (min-width:320px) and (max-width:767px){
.SumoGallery .Sarrow {position: absolute;font-size: 50px;color: #f99d2b;opacity: 0.8;text-shadow: none;top: 50%;margin-top: -50px;padding: 10px;z-index: 10;direction: ltr;opacity: 1 !important;font-weight: bold;}
.SumoGallery .Sarrow:hover{opacity:1;}
.SumoGallery .Sarrow.l{left:0;}
.SumoGallery .Sarrow.r {right:0;width:auto;}
.SumoGallery .Sarrow.last-item{opacity:0.3;}

}