@media (max-width: 1199.98px) {
  .media-gallery-page .gallery-masonry {
    column-count: 3;
  }
}

@media (max-width: 767.98px) {
  .media-gallery-page {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .media-gallery-page .gallery-hero {
    padding: 2.75rem 1.25rem;
    border-radius: 22px;
  }

  .media-gallery-page .gallery-masonry {
    column-count: 1;
    column-gap: 0;
  }

  .media-gallery-page .gallery-item {
    margin-bottom: 1rem;
  }

  .media-lightbox {
    padding: 1rem;
  }

  .media-lightbox__close {
    top: -0.5rem;
    right: 0;
  }

  .media-lightbox__nav {
    width: 46px;
    height: 46px;
  }

  .media-lightbox__nav--prev {
    left: 0.25rem;
  }

  .media-lightbox__nav--next {
    right: 0.25rem;
  }
}