{# Grid Item #}
.resource-listing__box { position: relative; border-radius: 5px;}
.resource__img{border-radius: 20px;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;background-size: cover;background-position: center;background-repeat: no-repeat; transition: all 1s ease;}
.resource__img img {width: 100%;max-width: 100%;height: 50%;}
.resource__link{width: 100%;height: 100%;z-index: 999;}
.resource__title--2 {padding: 30px; position: absolute;bottom: 0;left: 0;right: 0;}
.resource__title--2 h3 {font-weight: normal!important;color:#fff!important;font-size: 1.3em;}
.resource__more__info{padding-top: 5px;}
.resource__title--h3--2 {line-height: 1.3;}
.resource-listing__box a {text-decoration: none!important;}
.resource__title--2 p {margin: 0px!important;}
@media (max-width: 650px) {
  .resource__title--2 {
   position: absolute;
   text-align: center;
   top: 35%;
  }
  .resource__title--2 h3 {
  font-size: 6vw;
  }
  .resource__title--2 p {
    font-size: 16px;!important;
  }  
}

/* Grid */
@supports ((display: -ms-grid) or (display: grid)) {
  .xmm-grid .xmm-grid-col {
    width: auto;
    padding: 0;
  }
  .xmm-grid {
    display: -ms-grid;
    display: grid;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
    margin: 0;
  }

  @media (min-width: 768px) {
    .xmm-grid-1col {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .xmm-grid-2col {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .xmm-grid-2col .xmm-grid-col {
   
    }
    .xmm-grid-3col {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
    }
    .xmm-grid-3col .xmm-grid-col {

    }
    .xmm-grid-4col {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .xmm-grid-4col .xmm-grid-col {
  
    }
    .xmm-grid-5col {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .xmm-grid-5col .xmm-grid-col {

    }
    .xmm-grid-6col {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
    .xmm-grid-6col .xmm-grid-col {

    }
  }
  @media (min-width:800px) {
    .xmm-grid-4col {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
    }
    .xmm-grid-4col.xmm-gallery-filter .xmm-grid-col {
      width: 25%;
    }
  }
  .xmm-grid-5col {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(5, 1fr);
  }
  .xmm-grid-5col .xmm-grid-col {
    width: 20%;
  }
  .xmm-grid-6col {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(6, 1fr);
  }
  .xmm-grid-6col .xmm-grid-col {
    width: 16%;
  }
}
@media (min-width:576px) and (max-width:767px) {
  .xmm-grid-2col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-2col .xmm-grid-col {

  }
  .xmm-grid-4col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-4col .xmm-grid-col {

  }
  .xmm-grid-5col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-5col .xmm-grid-col {

  }
  .xmm-grid-6col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-6col .xmm-grid-col {
    width: 50%;
  }
}
@media (max-width:575px) {
  .xmm-grid-3col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-3col .xmm-grid-col {

  }
  .xmm-grid-4col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-4col .xmm-grid-col {

  }
  .xmm-grid-5col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-5col .xmm-grid-col {

  }
  .xmm-grid-6col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-6col .xmm-grid-col {

  }
}
@media (max-width:320px) {
  .xmm-grid-3col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-3col .xmm-grid-col {

  }
  .xmm-grid-4col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-4col .xmm-grid-col {

  }
  .xmm-grid-5col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-5col .xmm-grid-col {

  }
  .xmm-grid-6col {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .xmm-grid-6col .xmm-grid-col {

  }
}