/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- .grid-item ---- */
  
  .grid-sizer,
  .grid-item {
    width: 32.7%;
  }
  
  .grid-item {
    float: left;
    margin-bottom: 10px;
    height:366px;
    overflow:hidden;
  }
  .grid-item a:hover img {
      transform:scale(1.1);
  }
  .grid-item img.cat-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition:all ease 0.4s;
  }
  .grid-item.width-2x {
      width:66.3%;
  }
  .grid-item.height-2x {
      height:742px;
  }
  .grid-content-wrapper {
      z-index: 99;
      position: absolute;
      padding: 30px;
      width: 100%;
      height: 100%;
      background: rgba(15, 48, 75, 0.3);
  }
  .grid-item p.cat-name {
      color: #FEFFF3 !important;
      font-size: 12px;
      font-weight: 500;
      margin: 0;
  }
  .grid-item h2 {
      font-size: 30px;
      font-weight: 300;
      margin-bottom: 0;
      color: #FEFFF3;
      position: absolute;
      bottom: 30px;
      max-width: 260px;
  }
  .grid-content-wrapper .right-arrow {
      position: absolute;
      right: 30px;
      bottom: 35px;
      transition:all ease 0.4s;
  }
  .cat-grid-section .row {
      padding:70px 0;
  }
  @media (max-width:1000px) {
      .grid-item {
          width: 100% !important;
      }
     
  }