@media (max-width: 1200px) {
  /*== == GALLERY == ==*/

  .gallery-img.active {
    flex: 0 1 24%;
  }

  .gallery-buttons button {
    flex: 0 0 calc(100% / 4 - 10px);
  }

  /*== == GALLERY END == ==*/
}

@media (max-width: 1024px) {
  main#primary {
    padding-top: 110px;
  }

  /*== == GALLERY == ==*/

  .gallery-navigation {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 0px;
  }

  .gallery-navigation-dropdown {
    column-gap: 10px;
  }

  .gallery-img.active {
    flex: 0 1 32%;
  }

  .gallery-buttons button {
    flex: 0 0 calc(100% / 3 - 10px);
  }

  /*== == GALLERY END == ==*/
}

@media (max-width: 767px) {
  /*== == GALLERY == ==*/

  .gallery-img.active {
    flex: 0 1 45%;
  }

  .gallery-buttons button {
    flex: 0 0 calc(100% / 2 - 10px);
  }

  /*== == GALLERY END == ==*/
}

@media (max-width: 540px) {
}

@media (max-width: 480px) {
  /*== == GALLERY == ==*/

  .gallery-navigation button,
  .gallery-dropdown > button:first-child {
    font-size: 18px;
    line-height: 18px;
  }

  .gallery-navigation-dropdown {
    flex-direction: column;
    align-items: center;
    row-gap: 0px;
  }

  .gallery-content {
    padding: 2.5px 12.5px;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    width: 125%;
  }
  .gallery-img.active {
    width: 100%;
    height: auto;
  }

  .gallery-img br {
    display: none;
  }

  .gallery-buttons button {
    flex: 0 1 45%;
  }

  .gallery-buttons {
  }

  .gallery-dropdown {
    flex: 1 0 100%;
    width: 100%;
    padding: 15px 0px;
  }

  .show .gallery-buttons {
    display: flex;
  }

  .gallery-buttons button {
    flex: 0 0 calc(100% / 2 - 10px);
    font-size: 15px;
    line-height: 20px;
  }

  /*== == GALLERY == ==*/

  .gallery-img.active {
    flex: 0 1 100%;
  }

  /*== == GALLERY END == ==*/
}