
@media (max-width: 768px) {
  .footer__main {
    flex-wrap: wrap;
  }
  .footer__address {
    width: 260px;
  }
  .footer__address span, .footer__address a {
    line-height: 130%;
  }
  .footer__logo {
    width: 100%;
    margin-bottom: 34px;
  }
  .footer__logo-phone {
    display: block;
  }
  .footer__socials {
    border-top: 1px solid #EBF0F4;
    padding-top: 30px;
  }
  .footer__socials-phone {
    display: none;
  }
  .footer__text-wrapper {
    border: none;
    margin-top: 21px;
    padding: 0;
  }
  .footer__text {
    margin-top: 20px;
  }
  .form-section .container {
    padding: 60px clamp(10px, 3vw, 26px);
  }
  .form-section .title {
    text-align: center;
  }
  .form-section__subtitle {
    text-align: center;
  }
  .form-section .form {
    flex-direction: column;
  }
  .form-section .form__input {
    flex: unset;
    height: 56px;
    padding: 17px;
  }
  .form-section .form__submit.button-primary {
    flex: unset;
    order: 4;
    height: 56px;
  }
  .form-section .form__label {
    order: 3;
  }
  .form {
    column-gap: 8px;
  }
  .header__logo {
    max-width: 148px;
  }
  .header__right-content {
    display: none;
  }
  .header__right-content-mobile {
    display: flex;
    gap: 12px;
  }
  .about__list ul {
    margin: 0 0 0 70px;
  }
  .about__list-content div:last-child {
    font-size: 22px;
  }
  .banner {
    height: 480px;
  }
  .banner .container {
    gap: 13px;
  }
  .banner__row {
    flex-direction: column-reverse;
    gap: 43px;
  }
  .choose {
    padding: 60px 0;
  }
  .gallery .item1 {
    order: 2;
  }
  .gallery .item2 {
    order: 1;
  }
  .gallery .item3 {
    display: grid;
    place-content: end;
    order: 3;
  }
  .gallery .item4 {
    order: 7;
  }
  .gallery .item5 {
    order: 6;
  }
  .gallery .item6 {
    order: 5;
  }
  .gallery .item7 {
    order: 4;
  }
  .gallery .item8 {
    order: 8;
    display: grid;
    place-content: end;
  }
  .gallery .item9 {
    order: 9;
    width: 100%;
    margin-left: 0;
  }
  .gallery .item1, .gallery .item2, .gallery .item3, .gallery .item4, .gallery .item5, .gallery .item6, .gallery .item7, .gallery .item8 {
    width: calc(50% - 7px);
    aspect-ratio: 1/1;
  }
  .gallery__slider {
    max-width: unset;
  }
  .income ul li {
    width: 100%;
  }
  .projects .container {
    padding: 60px clamp(10px, 3vw, 26px) 12px;
  }
  .projects__top {
    height: fit-content;
    flex-direction: column;
    gap: 25px;
  }
  .projects__count div {
    font-size: 70px;
  }
  .projects__count span {
    font-size: 32px;
  }
  .projects__info div {
    font-size: 18px;
  }
  .projects__info .button {
    margin-top: 24px;
  }
  .projects__list {
    gap: 12px;
  }
  .projects__project {
    width: calc(50% - 9px);
  }
  .reviews {
    padding: 60px 0 0;
  }
  .news-article .container {
    margin-top: 70px;
  }
  .news-page__list-item {
    width: 100%;
  }
  .news-page__list-item-content div:first-child {
    font-size: 18px;
  }
  .news-page__list-item-content div + div {
    font-size: 13px;
  }
  .reviews-page {
    background-position: -50px 160px;
  }
  .reviews-page__reviews {
    margin-top: 40px;
  }
  .title-row .button-primary {
    display: none;
  }
  .block-mt {
    margin-top: 60px;
  }
  .block-mb {
    margin-bottom: 60px;
  }
  .block-pt {
    padding-top: 50px;
  }
  .scrollable__swipe {
    display: flex;
    align-items: flex-end;
    gap: 40px;
  }
  .scrollable__swipe::after {
    content: "";
    display: block;
    flex: 0 0 40px;
    width: 41px;
    height: 40px;
    background: url(../images/sprites/icons-sprite-aaf9b8f1.svg) -309px -1px no-repeat;
    background-size: auto 42px;
    animation: swipe 1s infinite alternate ease-in 1s;
  }
  .scrollable .image-wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
    scroll-padding: 0 24px;
  }
  .scrollable .image-wrapper::-webkit-scrollbar {
    display: none;
  }
  .scrollable .image-wrapper img {
    width: fit-content;
  }
}