@media (max-width: 1270px) {
  h1 {
    font-size: 31px;
  }

  h2 {
    font-size: 33px;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 20px;
  }

  p {
    font-size: 20px;
  }

  .hero__parallax {
    display: none;
  }

  .header__inner {
    justify-content: center;
    margin-top: 20px;
  }

  .hero__inner {
    margin-top: 32px;
  }

  .hero {
    padding-bottom: 140px;
  }

  .services__item {
    gap: 20px;
  }

  .visible-desktop {
    display: none !important;
  }

  .visible-mobile {
    display: flex !important;
  }

  .innovation__inner {
    padding-top: 67px;
  }

  .innovation__title {
    margin-bottom: 24px;
    line-height: 130%;
  }

  .title--violet {
    margin-bottom: 0 !important;
  }

  .innovation__cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .value-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .header__list {
    display: none;
  }

  .hero__description {
    margin-bottom: 21px;
  }

  .contacts__inner {
    flex-direction: column;
    margin-top: 70px;
    align-items: center;
    padding-bottom: 50px;
  }

  .contacts__description {
    font-size: 20px;
    line-height: 30px;
  }

  .contacts__links {
    display: flex;
    margin-top: 40px;
    gap: 30px;
  }

  .contacts__link {
    font-size: 20px;
  }

  section:not(:first-of-type) {
    border-top-left-radius: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small);
  }
}

@media (max-width: 719px) {
  .value-cards {
    overflow: hidden;
    width: 100%;
  }

  .value-card {
    width: 220px;
    margin-right: 23px;
  }

  .value-card .card__description {
    margin-block: 27px;
  }

  .value-card .card__title {
    margin-top: 27px;
  }
}

@media (max-width: 670px) {
  .innovation__cards {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0px;
    margin-bottom: 70px;
    gap: 20px;
  }

  .innovation__title--values {
    margin-bottom: 27px;
  }

  footer {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
  }

  .innovation {
    padding-bottom: 165px;
  }

  .innovation__description {
    font-size: 18px;
    margin-bottom: 70px;
    margin-top: 0;
  }

  .innovation__title {
    line-height: 130%;
  }

  .services {
    padding-bottom: 160px;
    padding-top: 78px;
  }

  .services__title {
    margin-bottom: 2px;
    line-height: 53px;
  }

  .services__description {
    font-size: 25px;
    line-height: 38px;
  }

  .services__description .border-mark {
    border: none;
    padding: 0;
    white-space: wrap;
  }

  .services__list {
    margin-top: 43px;
    gap: 20px;
  }

  .services__item {
    gap: 0;
    flex-direction: column;
    align-items: start;
  }

  .services__item-title {
    margin-bottom: 20px;
    line-height: 38px;
  }

  .services__item-text {
    margin-top: 0;
  }

  .services__item-image {
    max-width: 194px;
    max-height: 208px;
    margin-left: -37px;
  }

  .services__item:first-of-type .services__item-text,
  .services__item:last-of-type .services__item-text {
    margin-top: 0px;
  }

  .services__item-description {
    font-size: 18px;
    line-height: 27px;
  }

  .contacts__form {
    width: 85%;
    padding: 40px 20px;
    gap: 30px;
  }

  .contacts__button {
    align-self: center;
    width: 100%;
  }
}