.gallery_02 {}

.gallery_02 .container {padding:0;}
.gallery_02 .container.bordered {padding:5px;}
.gallery_02 .wrap {position:relative; float:left; width:33.3%; overflow:hidden;}
.gallery_02 .cols-4 .wrap {width:25%;}
.gallery_02 .cols-5 .wrap {width:20%;}
.gallery_02 .wrap img {display:block; width:100%; height:auto; background-size:cover; background-position:center; background-repeat:no-repeat;}
.gallery_02 a {display:block; overflow:hidden;}
.gallery_02 .bordered a {border:5px transparent solid;}
.gallery_02 .layer {position:absolute; top:0; left:0; height:100%; width:100%; padding:10px; opacity:0.01; color:#fff; z-index:2; transition:0.5s;}
.gallery_02 .layer p {display:table; height:100%; width:100%; margin:0; padding:0;}
.gallery_02 .cols-4 .layer p, .gallery_02 .cols-5 .layer p {font-size:0.8em;}
.gallery_02 .layer p span {display:table-row;}
.gallery_02 .layer p em {display:table-cell; text-align:center; vertical-align:middle;}
.gallery_02 .wrap:hover .layer {opacity:1;}
.gallery_02 .fa-search {display:block; position:absolute; bottom:5px; right:5px; font-size:1.5em; padding:0.5em; color:#fff; background:#000; opacity:0; transition:0.5s; z-index:3;}
.gallery_02 .wrap:hover .fa-search {opacity:0.6;}

@media screen and (max-width:910px){
  .gallery_02 .cols-5 .layer p {display:none;}
}

@media screen and (max-width:766px){
  .gallery_02 .layer p {display:none;}
}

@media screen and (max-width:575px){
  .gallery_02 .fa-search {display:none;}
}