@media (max-width: 1070px) {
  .main__container {
    min-height: 750px;
  }
  .main__promo {
    font-size: 36px;
  }
  .main__left {
    padding-top: 70px;
  }
  .header__continer {
    height: 80px;
    padding-bottom: 30px;
  }
  .header__burger {
    display: block;
  }
  .header__list {
    position: fixed;
    top: 0;
    right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 100px 0px 80px 48px;
    z-index: -1;
    width: 50%;
    height: 100vh;
    background-color: #f0f4fa;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
    -webkit-transition: transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    overflow-y: auto;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .header__list--visible {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate(0%, 0);
    padding-right: 30px;
  }
  .header__nav {
    width: 100%;
    margin: 0;
    margin-bottom: 182px;
  }
  .header__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px;
  }
  .header__link {
    font-size: 24px;
    font-weight: 600;
    line-height: 56px;
  }
  .header__container {
    position: relative;
  }
  .header__burger--active::before {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    width: 100%;
  }
  .header__burger--active::after {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    width: 100%;
  }
  .header__burger--active .header__burger-line {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  }
  .header__burger:focus::after {
    opacity: 1;
  }
}

@media (max-width: 850px) {
  .main__container {
    background-position: bottom right;
  }
  .footer__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacts__links {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .main__description {
    width: 100%;
  }
  .main__content__left {
    min-width: 100%;
  }
  .services__content {
    padding: 70px 35px;
  }
}

@media (max-width: 707px) {
  .services__subtitle {
    font-size: 20px;
  }
  .main__container {
    min-height: 670px;
  }
  .services__link svg {
    height: 7px;
    width: 7px;
  }
}

@media (max-width: 655px) {
  .header__list {
    width: 100%;
  }
  .header__aacht {
    max-width: 200px;
  }
}

@media (max-width: 575px) {
  .services__head {
    margin-bottom: 27px;
  }
  .services__li {
    width: 100%;
  }
  .services__li {
    padding: 0;
  }
}

@media (max-width: 525px) {
  .services__subtitle {
    font-size: 20px;
  }
}

@media (max-width: 510px) {
  .header__continer {
    height: 80px;
  }
  .main__left {
    padding-top: 77px;
  }
  .menu {
    height: 567px;
  }
  .services__subtitle {
    line-height: 130%;
  }
  .main__promo {
    font-size: 30px;
  }
}

@media (max-width: 450px) {
  .contacts__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .contacts__click {
    margin-bottom: 10px;
  }
}

@media (max-width: 416px) {
  .main__left {
    padding-top: 50px;
  }
  .main__description {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 130%;
    max-width: 100%;
  }
  .main__btn {
    padding: 20.5px 53.5px;
    width: 213px;
    height: 60px;
    font-size: 16px;
    line-height: 19px;
  }
  .main__container {
    min-height: 570px;
  }
  .menu__container {
    height: 353px;
  }
  .menu {
    height: 353px;
  }
}

@media (max-width: 310px) {
  .container {
    max-width: 290px;
    padding: 0;
    margin: 0;
  }
  .services__container {
    padding-top: 46px;
    padding-bottom: 20px;
  }
  .services__head {
    margin-bottom: 27px;
    font-size: 20px;
  }
  .services__li {
    width: 100%;
  }
  .services__li {
    padding-right: 0;
  }
  .footer__list {
    margin-left: 0;
  }
}

@media (max-width: 1400px) {
  .services__li {
    width: 100%;
  }
}