/* GALLERY SPAN */

.gallery-subform {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 0.5rem;
  grid-auto-flow: dense;
  position: relative;
}

.gallery-item {
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 250px; /* Set the maximum width for each grid item */
  overflow: hidden;
  cursor: pointer;
}

/*.gallery-item-hidden{display: none;}*/

.gallery-img {
  object-fit: cover;
}

.w-1,
.w-2,
.w-3,
.w-4,
.w-5,
.w-6 {
  grid-column: span 1;
}

.h-1,
.h-2,
.h-3,
.h-4,
.h-5,
.h-6 {
  grid-row: span 1;
}

@media (min-width: 600px) {
/*  .gallery-span {*/
/*      grid-template-columns: repeat(auto-fit, minmax(300px,1fr));*/
/*    grid-template-rows: repeat(2, 1fr);*/
/*    grid-template-columns: repeat(4, 1fr);*/
/*  }*/

  .w-1 {
    grid-column: span 1;
  }

  .w-2 {
    grid-column: span 2;
  }

  .w-3 {
    grid-column: span 3;
  }

  .w-4 {
    grid-column: span 4;
  }

  .w-5 {
    grid-column: span 5;
  }

  .w-6 {
    grid-column: span 6;
  }

  .h-1 {
    grid-row: span 1;
  }

  .h-2 {
    grid-row: span 2;
  }

  .h-3 {
    grid-row: span 3;
  }

  .h-4 {
    grid-row: span 4;
  }

  .h-5 {
    grid-row: span 5;
  }

  .h-6 {
    grid-row: span 6;
  }
}


@media (max-width: 992px) {
  .gallery-subform {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}