.hovergallery{flex-wrap:wrap;display:flex}.hovergallery span{height:200px;width:20%}@media screen and (max-device-width:1024px){.hovergallery span{width:33.33%}}@media screen and (max-device-width:480px){.hovergallery span{width:50%}}@media screen and (max-device-width:320px){.hovergallery span{width:100%}}.hovergallery a{height:100%;overflow:hidden;position:relative;width:100%;display:block}.hovergallery a:before{font-size:18px;color:#efefef;-webkit-transition:all .3s linear;transition:all .3s linear;content:"\f002";position:absolute;opacity:0;top:40%;margin:-8px 0 0 -9px;left:50%;font-family:FontAwesome;z-index:1}.hovergallery a:hover:before{opacity:1;top:50%}.hovergallery a:after{height:100%;-webkit-transition:all .3s linear;transition:all .3s linear;content:"";position:absolute;opacity:0;top:0;background:rgba(57,73,73,.7);width:100%}.hovergallery a:hover:after{opacity:1}.hovergallery a img{min-height:100%;padding:0;transition:transform .5s linear;-webkit-transition:transform .3s linear;position:absolute;max-width:none!important;margin:0;width:auto!important}.hovergallery a:hover img{-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px)}