@media screen and (max-width: 1220px) {
  .intro:after {
    background-position-x: center; }
  .intro__info {
    max-width: 100%;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 100px; }
  .intro__title {
    margin-left: auto;
    margin-right: auto; }
  .intro__subtitle {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
    .intro__subtitle br {
      display: none; }
  .intro__video {
    margin-left: auto;
    margin-right: auto; }
  .intro__img {
    position: relative;
    right: 0; }
  .intro__triangle {
    top: 520px;
    right: 0;
    left: 100px; }
  .intro.--sale .intro__info {
    margin-bottom: 0;
    padding-bottom: 70px; }
  .intro.--sale .intro__btn {
    margin-left: auto;
    margin-right: auto; }
  .about {
    padding-top: 190px;
    padding-bottom: 500px; }
    .about__img {
      right: 0;
      bottom: 230px; }
      .about__img img {
        width: 450px; }
  .info {
    background-position-x: -700px;
    padding-bottom: 0; }
    .info__wrap {
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
      .info__wrap:before {
        top: -20px;
        left: 70px; }
    .info__info {
      order: 1;
      margin-right: auto; }
    .info__img {
      order: 2;
      position: relative;
      top: -287px;
      left: 190px;
      transform: rotate(-45deg); }
      .info__img img {
        width: 300px; }
  .contacts {
    padding-top: 250px;
    margin-top: -270px; }
    .contacts__wrap:before {
      background-size: contain;
      width: 190px;
      height: 167px; }
    .contacts__img {
      top: -30px;
      right: -170px; }
  .write__title {
    max-width: 100%;
    width: 100%; }
  .buy__list {
    gap: 20px 20px; }
  .buy__item {
    padding: 36px 20px 40px 20px; }
  .buy__img {
    margin-left: -30px; }
  .price__wrap {
    padding: 50px 50px 100px 0; }
  .price__img img {
    width: 350px; }
  .price__info {
    max-width: 450px;
    margin-right: 0; }
  .price__title {
    text-align: center; }
  .price__subtitle {
    text-align: center;
    margin-bottom: 34px; }
  .price__note {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 42px 10px 30px 10px;
    text-align: center; }
    .price__note:before {
      display: none; }
    .price__note-icon {
      top: -22px;
      right: 50%;
      transform: translateX(50%); }
    .price__note-text {
      margin-bottom: 12px; }
      .price__note-text br {
        display: block; }
    .price__note-wap {
      position: relative;
      top: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
  .price__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    max-width: 950px;
    width: 100%;
    position: absolute;
    left: 0;
    padding-left: 30px;
    padding-right: 30px; }
  .price__select {
    width: 32%;
    margin-bottom: 0; }
    .price__select .select__wrap {
      width: auto;
      max-width: 100%; }
  .price__input {
    width: 32%;
    margin-right: 10px;
    margin-left: 10px; }
  .price__btn {
    width: 32%; }
    .price__btn.--black {
      height: 53px; } }

@media screen and (max-width: 992px) {
  .intro:before {
    background-size: cover;
    height: 114px; }
  .intro__info {
    margin-bottom: 130px; }
  .intro__subtitle {
    margin-bottom: 46px; }
  .intro__triangle {
    top: 530px;
    left: -15px; }
  .intro.--sale {
    padding-top: 160px; }
    .intro.--sale .intro__info {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 120px;
      max-width: 100%;
      padding-bottom: 0; }
    .intro.--sale .intro__title {
      line-height: 44px; }
    .intro.--sale .intro__text {
      margin-left: auto;
      margin-right: auto; }
    .intro.--sale .intro__btn {
      margin-bottom: 60px; }
    .intro.--sale .intro__desc {
      text-align: left; }
      .intro.--sale .intro__desc:before {
        display: none; }
    .intro.--sale .intro__img {
      margin-top: -70px; }
  .steps {
    max-width: 100%; }
    .steps__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .steps__item.--first {
      order: 1;
      margin-left: 0;
      max-width: 240px;
      position: relative; }
      .steps__item.--first:before {
        position: absolute;
        content: "";
        top: -90px;
        left: 220px;
        background: url("../../imgs/steps/step-mobile.svg") no-repeat;
        background-size: contain;
        width: 152px;
        height: 149px; }
    .steps__item.--second {
      order: 2;
      max-width: 240px;
      margin-right: 50px; }
      .steps__item.--second:before {
        top: 100px;
        left: -160px;
        background: url("../../imgs/steps/step-mobile.svg") no-repeat;
        background-size: contain;
        width: 152px;
        height: 149px;
        transform: scale(-1, 1) rotate(40deg); }
    .steps__item.--third {
      order: 3;
      margin-top: 60px;
      margin-left: 0;
      margin-bottom: 0;
      max-width: 310px; }
      .steps__item.--third:before {
        display: none; }
      .steps__item.--third .steps__desc p br {
        display: none; }
    .steps__circle {
      margin-left: 2px; }
  .req {
    padding-top: 80px;
    padding-bottom: 170px; }
    .req__title {
      text-align: center;
      margin-bottom: 50px; }
    .req__wrap {
      flex-direction: column;
      margin-bottom: -64px; }
    .req__col {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0; }
    .req__item {
      margin-bottom: 64px; }
  .about {
    background-image: url(../../imgs/about/about-bg-mobile.webp); }
    .about__title {
      text-align: center; }
    .about__text {
      text-align: center;
      max-width: 554px;
      margin-left: auto;
      margin-right: auto; }
    .about__img {
      bottom: 370px;
      left: -50px; }
      .about__img img {
        width: 400px; }
  .info__wrap:before {
    top: -220px;
    left: 0; }
  .info__img {
    top: -210px;
    left: 120px; }
  .contacts {
    padding-top: 370px;
    padding-bottom: 0;
    margin-top: -450px;
    margin-bottom: -60px;
    background-size: cover; }
    .contacts__wrap {
      flex-direction: column; }
      .contacts__wrap:before {
        top: 240px;
        left: 120px;
        background: url(../../imgs/arrows/arrow-mobile.svg) no-repeat center;
        width: 128px;
        height: 301px; }
    .contacts__info {
      order: 1;
      max-width: 100%;
      text-align: center;
      margin-bottom: 70px; }
    .contacts__title {
      margin-bottom: 32px; }
    .contacts__list {
      max-width: 284px;
      margin-left: auto;
      margin-right: auto; }
    .contacts__item {
      flex-direction: column;
      justify-content: center; }
    .contacts__icon {
      margin-bottom: 17px; }
    .contacts__desc {
      padding-left: 0; }
    .contacts__img {
      order: 2;
      position: relative;
      top: 0;
      right: -210px; }
  .write {
    padding-bottom: 55px; }
    .write:before {
      top: 130px;
      left: 40px; }
    .write__title {
      margin-bottom: 10px; }
      .write__title:after {
        top: -164px;
        left: 33px; }
  .buy {
    margin-bottom: 30px; }
    .buy__list {
      grid: none/repeat(2, 1fr); }
    .buy__empty {
      display: none; }
  .price__wrap {
    padding: 80px 20px 280px 0; }
  .price__img {
    margin-left: -10px; }
    .price__img img {
      width: 340px; }
  .price__info {
    max-width: 310px; }
  .price__subtitle {
    font-size: 22px; }
  .price__note {
    max-width: 310px; }
  .price__actions {
    max-width: 730px;
    padding-left: 20px;
    padding-right: 20px; }
  .price__select {
    width: 48%; }
  .price__input {
    width: 48%; }
  .price__btn {
    width: 48%;
    margin-top: 50px; }
    .price__btn.--black {
      height: 90px; }
  .question {
    padding-top: 50px;
    padding-bottom: 70px; }
    .question__info {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 28px; }
    .question__mail {
      margin-left: auto;
      margin-right: auto; }
  .footer__wrap {
    align-items: flex-start; }
  .footer__info {
    max-width: 260px;
    width: 100%;
    margin-left: 18px; }
  .footer__copy {
    position: absolute;
    bottom: 0;
    left: 200px; } }

@media screen and (max-width: 767px) {
  .h1 {
    font-size: 28px;
    line-height: 34px; }
  .h2 {
    font-size: 28px;
    line-height: 42px; }
  .h3 {
    font-size: 24px;
    line-height: 36px; }
  .video__play {
    transform: scale(0.7) translate(-60%, -60%); }
  .header {
    padding-top: 26px; }
    .header__contacts {
      max-width: 200px;
      flex-direction: column;
      align-items: flex-end; }
      .header__contacts-icon {
        margin-bottom: 17px; }
    .header__mail-link {
      display: none; }
  .intro {
    padding-top: 200px; }
    .intro__info {
      margin-bottom: 56px; }
    .intro__title {
      max-width: 340px; }
    .intro__subtitle {
      max-width: 370px;
      font-size: 20px;
      line-height: 28px; }
    .intro__triangle {
      z-index: -1;
      top: 310px;
      left: -108px; }
      .intro__triangle img {
        width: 352px; }
    .intro.--sale {
      padding-top: 120px;
      overflow: hidden; }
      .intro.--sale:after {
        background-position-x: center;
        background-size: cover; }
      .intro.--sale .intro__title {
        margin-bottom: 20px; }
      .intro.--sale .intro__text {
        max-width: 380px;
        margin-bottom: 20px; }
      .intro.--sale .intro__btn {
        width: 230px;
        margin-bottom: 45px; }
      .intro.--sale .intro__info {
        margin-bottom: 100px; }
      .intro.--sale .intro__img {
        margin-top: 0;
        transform: scale(1.2); }
  .steps {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto; }
    .steps__item.--first {
      max-width: 300px;
      margin-bottom: 100px; }
      .steps__item.--first:before {
        top: 70px;
        left: 270px;
        transform: rotate(60deg); }
    .steps__item.--second {
      margin-right: 0;
      margin-left: auto;
      margin-bottom: 0; }
      .steps__item.--second:before {
        top: 0; }
    .steps__item.--third {
      max-width: 210px; }
  .req {
    padding-top: 60px;
    padding-bottom: 140px; }
    .req__wrap {
      margin-bottom: -35px; }
    .req__title {
      margin-bottom: 40px; }
    .req__col {
      max-width: 100%; }
    .req__icon {
      margin-bottom: 25px; }
    .req__item {
      flex-direction: column;
      text-align: center;
      align-items: center;
      margin-bottom: 35px; }
    .req__info {
      padding-left: 0;
      width: 100%; }
    .req__link {
      margin-top: 5px; }
  .about {
    padding-top: 130px; }
    .about__img {
      left: -26px;
      bottom: 410px; }
      .about__img img {
        width: 250px; }
    .about__text {
      max-width: 100%; }
      .about__text p br {
        display: none; }
  .info__wrap:before {
    width: 398px;
    height: 386px;
    background-size: contain;
    top: 300px;
    left: -50px; }
  .info__info {
    padding: 50px 40px 44px 40px; }
  .info__img {
    top: -30px;
    left: 200px; }
  .contacts {
    padding-top: 280px;
    margin-top: -280px; }
    .contacts__wrap:before {
      width: 98px;
      height: 230px;
      background-size: contain;
      top: 230px;
      left: 0; }
    .contacts__info {
      margin-bottom: 50px; }
    .contacts__tel {
      font-size: 20px; }
    .contacts__text {
      font-size: 16px; }
    .contacts__desc {
      font-size: 18px; }
    .contacts__img {
      right: -80px;
      width: 595px; }
      .contacts__img img {
        width: 595px; }
  .write {
    padding-top: 66px;
    padding-bottom: 84px; }
    .write__title {
      font-size: 30px;
      line-height: 42px;
      text-align: center;
      margin-bottom: 6px; }
    .write__desc {
      max-width: 100%;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px; }
      .write__desc br {
        display: none; }
    .write__btn {
      margin-left: auto;
      margin-right: auto; }
  .buy {
    padding-top: 40px; }
    .buy__title {
      max-width: 390px;
      margin-left: 20px; }
      .buy__title br {
        display: block; }
    .buy__list {
      grid: none/repeat(1, 1fr);
      gap: 30px 0; }
    .buy__item {
      max-width: 390px;
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
    .buy__img {
      margin-left: 10px; }
  .price__wrap {
    padding: 55px 40px;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto; }
  .price__img {
    margin-left: -70px; }
  .price__info {
    display: flex;
    flex-direction: column; }
  .price__note {
    order: 1;
    position: relative;
    top: -55px;
    margin-bottom: -22px; }
  .price__title {
    order: 2; }
  .price__subtitle {
    order: 3;
    margin-bottom: 26px; }
  .price__actions {
    order: 4;
    position: relative;
    padding-left: 0;
    padding-right: 0; }
  .price__select {
    width: 100%;
    max-width: 100%;
    margin-bottom: 17px; }
  .price__input {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .price__btn {
    width: 100%;
    max-width: 100%;
    margin-top: 30px; }
  .question {
    padding-bottom: 45px; }
    .question__info {
      max-width: 400px;
      font-size: 24px;
      line-height: 36px; }
    .question__mail {
      flex-direction: column; }
      .question__mail-icon {
        margin-bottom: 10px; }
        .question__mail-icon svg {
          width: 45px;
          height: 36px; }
      .question__mail-link {
        padding-left: 0; }
        .question__mail-link a {
          font-size: 36px;
          line-height: 54px; }
  .footer {
    padding-top: 36px; }
    .footer__wrap {
      flex-direction: column;
      align-items: center; }
    .footer__logo {
      margin-bottom: 25px; }
    .footer__info {
      margin-left: 0;
      margin-bottom: 14px;
      text-align: center; }
    .footer__copy {
      position: relative;
      top: 0;
      left: 0;
      margin-right: auto; } }

@media screen and (max-width: 479px) {
  .header__contacts {
    max-width: 150px; }
    .header__contacts-icon {
      margin-bottom: 6px; }
    .header__contacts-tel {
      text-align: right; }
      .header__contacts-tel a {
        font-size: 16px; }
    .header__contacts-link {
      font-size: 14px;
      line-height: 20px; }
  .intro.--sale .intro__info {
    margin-bottom: 60px; }
  .intro.--sale .intro__steps {
    margin-bottom: 30px; }
  .steps__item.--first {
    margin-bottom: 60px;
    max-width: 100%; }
    .steps__item.--first:before {
      display: none; }
  .steps__item.--second {
    margin-bottom: 60px;
    margin-left: 0;
    margin-right: auto;
    max-width: 100%; }
    .steps__item.--second:before {
      display: none; }
  .steps__item.--third {
    margin-top: 0;
    max-width: 100%; }
  .buy__title {
    margin-bottom: 20px; }
  .buy__item {
    padding: 20px 20px 30px 20px;
    max-width: 390px; }
  .buy__img {
    margin-left: -140px;
    position: relative;
    left: 50%;
    width: 200px; }
  .buy__model {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px; }
    .buy__model var {
      font-size: 22px; }
  .buy__price {
    margin-bottom: 15px; }
  .buy__btn {
    font-size: 18px; }
    .buy__btn.--black {
      height: 50px; }
  .price__wrap {
    padding: 40px 30px; }
  .price__img {
    margin-left: auto;
    margin-right: auto; }
    .price__img img {
      margin-left: -50px;
      width: 320px; }
  .price__subtitle {
    font-size: 20px;
    line-height: 24px; }
  .price__note {
    width: 100%;
    max-width: 300px; }
  .price__btn {
    font-size: 18px; }
    .price__btn.--black {
      height: 53px; }
  .question__mail-icon {
    margin-bottom: 0; }
  .question__mail-link a {
    font-size: 26px; } }

@media screen and (max-width: 410px) {
  .h2 {
    font-size: 24px;
    line-height: 36px; }
  .h3 {
    font-size: 20px;
    line-height: 26px; }
  .header__logo {
    width: 110px; }
  .intro {
    padding-top: 180px; }
    .intro__info {
      margin-bottom: 40px; }
    .intro__subtitle {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 20px; }
    .intro__triangle {
      top: 310px;
      left: -50px; }
      .intro__triangle img {
        width: 200px; }
  .req {
    padding-bottom: 90px; }
    .req__title {
      margin-bottom: 30px; }
    .req__name {
      font-size: 18px; }
    .req__desc {
      font-size: 14px;
      line-height: 22px; }
  .about__img {
    bottom: 470px; }
    .about__img img {
      width: 200px; }
  .info__wrap:before {
    left: -30px;
    top: 150px;
    width: 200px; }
  .info__info {
    padding: 20px; }
  .info__title {
    padding-left: 20px; }
  .info__list ul li {
    padding-left: 20px;
    line-height: 22px; }
    .info__list ul li:before {
      width: 7px;
      height: 7px; }
  .info__img {
    top: -30px;
    left: 100px; }
    .info__img img {
      width: 200px; }
  .contacts {
    padding-top: 330px;
    margin-top: -330px; }
    .contacts__img {
      top: -20px;
      width: 100%; }
  .write__title {
    font-size: 24px;
    line-height: 34px; }
  .write__desc {
    font-size: 16px;
    line-height: 22px; }
  .write__btn {
    width: 240px;
    font-size: 14px; }
    .write__btn.--black {
      height: 50px; }
  .price__img img {
    margin-left: -50px; } }