@media (max-width: 992px) {
  .grid-item {
    width: calc(50% - 10px);
  }

  .booking-form {
    display: block;
  }
  .form-image {
    height: 250px;
  }

  .footer-content {
    display: block;
  }
  .footer-section--form {
    margin: 30px 0;
  }
  .footer-section form {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
  }

  .accordion-body > div,
  .section-services li > div {
    display: block !important;
  }
  .accordion-body > div p:first-child {
    margin-bottom: 10px !important;
    line-height: 100%;
  }
  .accordion-body li {
    margin-bottom: 10px;
  }
  .accordion-body li > div {
    display: block !important;
  }

  .map-container {
    height: 300px;
  }
}

@media (max-width: 768px) {
  :root {
    --swiper-pagination-bottom: 0px;
  }

  .contacts-info,
  .contacts-photo {
    flex: 1 1 100%;
  }

  .grid-item {
    width: calc(50% - 10px);
    flex: 1 1 calc(50% - 10px);
  }

  .brand-item {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }

  .giftcards {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  .master-item__photo {
    height: 350px;
  }

  .form-content {
    padding: 20px;
  }
}

@media (max-width: 576px) {
  .brand-item {
    height: 155px;
  }

  .benefits,
  .activities,
  .giftcards {
    grid-template-columns: 100%;
  }
}

@media (max-width: 520px) {
  .brand-item__img--responsive {
    height: 100%;
  }
}

@media (max-width: 480px) {
  .grid-item {
    width: 100%;
    flex: 1 1 100%;
  }

  .brand-item {
    grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
  }
}