/*** 
====================================================================
  Gallery Page Section
====================================================================
***/
.gallery-page-section {position: relative;  display: flex; flex-wrap: wrap; }
.gallery_box{max-width: 240px;width: 100%;height: 220px;margin: 0px 15px;border-radius: 6px;}
.gallery-block-two {position: relative;      padding: 5px !important; }
.gallery-block-two .inner-box {position: relative;border-radius: 6px; cursor: pointer;}
.gallery-block-two .inner-box .image {position: relative;overflow: hidden;border-radius: 6px;}
.gallery-block-two .inner-box .image img {position: relative; width: 100%; height: 220px; object-fit: cover; display: block; }
@media (max-width: 401px) {
.gallery-block-two .inner-box .image img { height: 130px; object-fit: cover; display: block; }
}
.gallery-block-two .inner-box .image .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-align: center;
  padding: 10px 20px;
  background-color: #2ca0ff8c;
  transition: -webkit-transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.gallery-block-two .inner-box:hover .overlay-box {-webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: right center; transform-origin: right center; }
.gallery-block-two .inner-box .overlay-inner .icon{font-size: 2rem;}
.gallery-block-two .inner-box .overlay-inner {
  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
 }
.gallery-block-two .inner-box .overlay-box h5 {position: absolute; left: 30px; bottom: 10px; font-weight: 400; line-height: 1.4em; margin-bottom: 12px; text-transform: capitalize; }
.gallery-block-two .inner-box .overlay-box h5 a {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.gallery-block-two .inner-box .overlay-box .link {position: absolute; left: 40%; top: 40%; color: #ffffff; font-size: 2rem; }