.iqonic-masonry-grid .gallery-overlay .view-image{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-30%);
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: var(--global-body-lightcolor);
    border-radius: 50%;
    text-align: center;
    opacity: 0;
    transition: all .6s ease-in-out;
}
.iqonic-masonry-grid .gallery-overlay:before{
    content: '';
    position: absolute;
    top:0;
    left:0;
    right:0;
    background: rgba(116,0,69,0.3);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.iqonic-masonry-grid .iqonic-masonry-item:hover .gallery-overlay:before{
    opacity: 1;
}
.iqonic-masonry-grid .iqonic-masonry-item:hover .gallery-overlay .view-image{
    opacity: 1;
    transform: translate(-50%,-50%);
} 

.iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item, .iqonic-metro-block .grid-sizer{
    width: 25%;
    display: block;
}
.iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item img{width: 100%;}

.iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.portrait,
.iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.sqaure{
    width: 25%;
}
.iqonic-masonry-block .iqonic-masonry-item{
    position: relative;
    overflow: hidden;
}
@media(max-width:1024px){
  .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item, 
  .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.portrait,
  .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.sqaure {
    width: 50%;
  }
}


@media (max-width:480px){
    .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item, 
  .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.portrait,
  .iqonic-metro-block .iqonic-masonry-grid .iqonic-masonry-item.s-25.sqaure {
    width: 100%;
  }

}