/* BREAKPOINT TABLET */
@media (max-width: 1024px) {
  .grid-tablet {
    display: grid;
  }

  .grid-1-tablet {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-2-tablet {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-3-tablet {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-4-tablet {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-5-tablet {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-6-tablet {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-7-tablet {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .grid-8-tablet {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .grid-9-tablet {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
  .grid-10-tablet {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .grid-column-1-tablet {
    grid-column: span 1;
  }
  .grid-column-2-tablet {
    grid-column: span 2;
  }
}