.wrap_grid {
       overflow: hidden;
       margin: 10px;
       padding:10px;
    }
    .box_grid {
       float: left;
       position: relative;
       width: 25%;
       padding-bottom: 19%;

    }
    .boxInner_grid {
       position: absolute;
       left: 10px;
       right: 10px;
       top: 10px;
       bottom: 10px;
       overflow: hidden;
    }
    .boxInner_grid img {
       width: 100%;
    }
    .boxInner_grid .titleBox {
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
      
       background: #000;
       background: rgba(0, 0, 0, 0.5);
       color: #FFF;
       padding: 10px;
       text-align: center;
       -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
       transition: all 0.3s ease-out;
       max-height:30px;
       font-size:12px;
    }
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    
    
.clear_div{clear:both}
.page-numbers{padding:0px;margin:0px !important}
.navigation_grid_p{clear:both;padding-left:10px}
.div.navigation_grid_p ul { list-style:none; font-size:12px;padding:0px }
div.navigation_grid_p ul.page-numbers  li{ display:inline; }
div.navigation_grid_p ul.page-numbers li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; }
div.navigation_grid_p ul.page-numbers li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5;  }
div.navigation_grid_p ul.page-numbers li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px;  }
.loading_video{
	background:url('../images/bx_loader.gif') no-repeat 50% 50%;
	
}
.overlay_grid{
    
    opacity: 0.76;
    position: absolute;

    z-index: 100;
}

.fit_img{width: 100%;height: 100%; object-fit: cover}