@media (max-width: 1199px) {
  .banner__wrapper {
    padding-top: 15.625rem;
  }
  .section-title {
    font-size: 2.875rem;
  }
  .advantages__item {
    padding: 1.25rem;
  }
  .callback:before {
    min-height: 530px;
  }
}
@media (max-width: 991px) {
  .header {
    padding: 0.625rem 0;
  }
  .btn {
    font-size: 1.25rem;
    padding: 0.875rem 1.625rem;
  }
  .banner {
    padding-top: 5rem;
    padding-bottom: 6.25rem;
  }
  .banner h1 {
    font-size: 2.5rem;
  }
  .banner__wrapper {
    padding-bottom: 3.75rem;
    padding-top: 12.5rem;
  }
  .advantages, .products, .callback {
    border-radius: 40px 40px 0px 0px;
    top: -40px;
    padding: 3.75rem 0;
  }
  .section-title {
    font-size: 2.25rem;
    margin-bottom: 2.25rem;
  }
  .card__front, .card__back {
    padding: 1.25rem;
    border-radius: 30px;
  }
  .card {
    border-radius: 30px;
    font-size: 1.125rem;
  }
  .card__title {
    font-size: 1.375rem;
  }
  .card__inner {
    min-height: 480px;
  }
  .card__size span {
    font-size: 1rem;
  }
  .producer {
    border-radius: 40px 40px 0px 0px;
    padding: 3.75rem 0 6.25rem;
  }
  .producer__item {
    min-height: 140px;
  }
  .callback .section-title {
    margin-bottom: 3.75rem;
  }
  .callback__text {
    font-size: 1.375rem;
  }
  .callback__title {
    font-size: 2.5rem;
    margin-bottom: 1.875rem;
  }
  textarea {
    height: 120px;
  }
  .callback {
    margin-bottom: 0;
    background-size: 70%;
    background-position: center left;
  }
  .footer {
    padding: 1.875rem 0;
    font-size: 1.125rem;
  }
  .popup-form-callback {
    --popup-width: 500px;
  }
  :root {
    --popup-border-radius: 30px;
    --popup-padding: 25px 20px 10px 20px;
  }
  .popup__close {
    top: 10px;
    right: 16px;
  }
}
@media (max-width: 767px) {
  .btn {
    font-size: 1rem;
  }
  .banner h1 {
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
  }
  .section-title {
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
  }
  .advantages__item {
    min-height: 180px;
  }
  .advantages, .products, .callback {
    padding: 2.5rem 0;
  }
  .advantages:before {
    width: 70%;
    height: 80%;
  }
  .card__title {
    font-size: 1.25rem;
  }
  .card {
    font-size: 1rem;
  }
  .card__inner {
    min-height: 440px;
  }
  .products__btn {
    margin-top: 1.25rem;
  }
  .producer__item {
    padding: 0.9375rem;
    min-height: 120px;
  }
  .callback .section-title {
    margin-bottom: 1.875rem;
  }
  .callback__text {
    margin-bottom: 0;
  }
  .callback:before {
    min-height: 300px;
    width: 100%;
    border-radius: 40px 0 0 40px;
  }
  .input {
    margin-top: 1rem;
  }
  .popup-success {
    --popup-width: 500px;
  }
}
@media (max-width: 575px) {
  .header .btn {
    padding: 0.625rem;
  }
  .banner {
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
  }
  .banner__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 3.125rem 0;
    height: calc(100vh - 60px);
  }
  .advantages, .products, .callback {
    border-radius: 30px 30px 0px 0px;
  }
  .section-title {
    font-size: 1.625rem;
  }
  .advantages:before {
    display: none;
  }
  .advantages__item {
    background-image: url("../img/adv-item-blue.webp");
    color: var(--white);
  }
  .more {
    width: 100%;
  }
  .card__inner {
    min-height: 420px;
  }
  .card__doc svg {
    width: 30px;
    height: 30px;
  }
  .card__doc {
    margin: 0.625rem 0;
  }
  .card__row {
    padding: 0.5rem 0;
  }
  .producer {
    border-radius: 30px 30px 0px 0px;
    padding-top: 2.5rem;
  }
  .callback__text {
    font-size: 1.125rem;
  }
  .callback {
    background-image: none;
    padding-bottom: 0.625rem;
  }
  .callback__info a {
    font-size: 1.125rem;
  }
  .callback__title {
    font-size: 1.875rem;
    margin-bottom: 1.25rem;
  }
  .callback:before {
    min-height: 280px;
    bottom: 0;
  }
  .footer {
    padding: 1.25rem 0;
    font-size: 1rem;
  }
  .popup-form-callback, .popup-success {
    --popup-width: 350px;
  }
}