.gallery-wrapper li a:before, .gallery-wrapper li a:after{transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;-ms-transition:all ease-in 0.3s;-o-transition:all ease-in 0.3s;}

.gallery-wrapper{}
.gallery-wrapper ul{list-style:none;font-size:0;margin:0;}
.gallery-wrapper li{width:33.3%;display:inline-block;position:relative;overflow:hidden}
.gallery-wrapper li a:before{content:'';background:rgba(12,36,46,.8);position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;}
.gallery-wrapper li a:after{content:'';background:url(../images/plus.png) no-repeat center center;width:119px;height:119px;position:absolute;left:50%;top:50%;bottom:0;right:0;;opacity:.0;transform:translate(-50%, -50%)}
.gallery-wrapper li img{width:100%;}
.gallery-wrapper li a:hover:before{opacity:1;}
.gallery-wrapper li a:hover:after{opacity:1;}

@media all and (max-width:575px){
.gallery-wrapper li {width:50%;}

}