@media (max-width: 1200px) {
  
}
@media (max-width: 992px) {
    /**Change 1200  **/
    .header {
    padding: 15px 0;
  }
  .banner {
    padding-top: 100px;
  }
  .header.bg {
    background-color: #96b8ba;
  }
  .header__inner {
    display: none;
  }

  .header__inner.active {
    display: block;
  }

  .hamburger {
    display: block;
  }

  .header__container {
    flex-wrap: wrap;
  }

  .header__nav {
    margin-right: 0;
  }

  .header__nav .list {
    flex-direction: column;
  }

  .header__nav .list__item {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .header__dropdown {
    display: none;
  }
  /**Change 1200  **/
  .hero {
    height: 600px;
  }
  .hero__text,
  .banner__title {
    font-size: 60px;
    line-height: 60px;
  }
  .section {
    margin-bottom: 50px;
  }
  .services__cards {
    flex-wrap: wrap;
  }
  .services__card {
    width: 48%;
  }
  .services__card:nth-child(2n) {
    margin-top: 0;
  }
  .services__card {
    margin-bottom: 50px;
  }
  .contacts__container {
    flex-direction: column;
    align-items: flex-start;
  }
  .contacts__container {
    padding: 50px 15px;
  }
  .contacts__form {
    width: 100%;
  }
  .contacts__content {
    width: 100%;
    margin-bottom: 30px;
  }
  .footer__items {
    flex-wrap: wrap;
  }
  .footer__item {
    width: 50%;
    margin-bottom: 25px;
  }
  .footer__item:first-child {
    width: 100%;
  }
  .footer__title {
    margin-bottom: 15px;
  }
  .footer__nav .list {
    height: auto;
  }
  .footer__items {
    margin-bottom: 0;
  }
  .footer {
    padding: 35px 0;
  }
  .banner {
    height: 600px;
  }
  .what__container {
    padding: 35px 15px;
  }
  .symp__row {
    flex-direction: column;
  }
  .symp__col:first-child {
    margin-right: 0;
  }
  .symp__col {
    margin-bottom: 35px;
  }

  .therapy__row {
    flex-direction: column;
  }

  .therapy__col {
    width: 100%;
  }

  .therapy__image {
    width: 100%;
    margin-bottom: 35px;
  }
  .therapy {
    padding: 50px 0;
  }

  .patient-info__block {
    flex-direction: column;
  }

  .patient-info__icon {
    width: 100%;
    height: 300px;
  }

  .patient-info__content {
    width: 100%;
    padding-right: 15px;
  }

  .patient-info__description {
    max-width: 100%;
  }

  .patient-info__title {
    max-width: 100%;
  }

  .s-checkbox-items {
    flex-direction: column;
  }
  .s-checkboxes:first-child {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
  .services__title,
  .hello__pre-title,
  .office__title,
  .contacts__title,
  .banner__title,
  .banner__action,
  .symp__title,
  .therapy__title,
  .patient-info__form-title,
  .patient-info__title,
  .banner__page {
    font-size: 30px;
    line-height: 40px;
  }
  .office {
    height: 600px;
  }
  .services__card {
    width: 100%;
  }
  .services__card .services__card-icon {
    height: 300px;
  }
  .header__logo {
    width: 170px;
  }
}
@media (max-width: 500px) {
  .hero__text {
    font-size: 40px;
    line-height: 40px;
  }
  .contacts__form-input {
    width: 100%;
  }
  .banner {
    height: 500px;
  }

  .button {
    padding: 15px 30px;
  }

  .banner__action {
    font-size: 24px;
  }

  .patient-info__content {
    padding: 35px 15px;
  }

  .patient-info__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .modal__close {
    right: 0;
  }
}