
@media (max-width: 600px){
  .banner {
    height: 570px;
  }
  .banner .swiper-wrapper {
    height: 520px;
  }
  .banner .swiper-wrapper .swiper-slide .container {
    row-gap: 100px;
  }
  .banner__first-slide .banner__content .banner__label {
    order: 2;
    background: none;
    padding: 0 0 0 48px;
    margin: 0 auto;
  }
  .banner__first-slide .banner__content .banner__label div {
    font-size: 16px;
    line-height: 16px;
  }
  .banner__first-slide .banner__content .banner__label span {
    font-size: 14px;
    line-height: 16px;
  }
  .banner__first-slide .banner__content .banner__label::before {
    top: -7px;
    left: 0;
    transform: scale(0.67);
  }
  .banner__first-slide .banner__content .banner__title {
    order: 1;
    margin-top: 114px;
  }
  .banner .swiper-wrapper .banner__second-slide .container {
    row-gap: 32px;
  }
  .banner .swiper-wrapper .banner__second-slide .container .banner__big-text {
    justify-content: center;
  }
  .banner .swiper-wrapper .banner__second-slide .container .banner__title {
    text-align: center;
    margin-top: 110px;
  }
  .banner .swiper-wrapper .banner__second-slide .container .banner__content {
    flex-direction: column;
  }
  .banner .swiper-wrapper .banner__second-slide .button {
    margin-top: 25px;
  }
  .banner .swiper-wrapper .banner__third-slide .container .banner__content {
    align-items: center;
    margin-top: 68px;
  }
  .banner .swiper-wrapper .banner__third-slide .container .banner__title {
    font-size: 30px;
    line-height: 39px;
    margin-top: 20px;
  }
  .banner .swiper-wrapper .banner__third-slide .container .banner__title div::after {
    display: block;
  }
  .banner .swiper-wrapper .banner__third-slide .container .banner__title-subtitle {
    font-size: 48px;
    line-height: 62px;
  }
  .banner .swiper-wrapper .banner__third-slide .container .banner__title-subtitle::after {
    display: none;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container {
    justify-content: flex-start;
    row-gap: 0;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title {
    text-align: left;
    font-size: 30px;
    line-height: 39px;
    margin-top: 117px;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title div::after {
    display: none;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title-subtitle {
    font-size: 28px;
    line-height: 39px;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title-subtitle::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 77px;
    height: 30px;
    background-image: url(../images/bannerWaves.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title-mobile {
    display: inline-block;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title-mobile:last-child {
    display: block;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .banner__title-desktop {
    display: none;
  }
  .banner .swiper-wrapper .banner__fourth-slide .container .button {
    margin-top: 165px;
  }
  .banner .swiper-wrapper .banner__fifth-slide .container {
    justify-content: flex-start;
    row-gap: 0;
  }
  .banner .swiper-wrapper .banner__fifth-slide .container .banner__mobile-image {
    display: block;
    margin-top: 72px;
  }
  .banner .swiper-wrapper .banner__fifth-slide .container .banner__title {
    display: none;
  }
  .banner .swiper-wrapper .banner__fifth-slide .container .button {
    margin-top: 21px;
  }
  .banner .swiper-wrapper .banner__six-slide .container .banner__content {
    align-items: center;
    margin-top: 68px;
  }
  .banner .swiper-wrapper .banner__six-slide .container .banner__title div {
    font-size: 50px;
  }
  .banner .swiper-wrapper .banner__six-slide .container .banner__title {
    font-size: 30px;
    line-height: 39px;
    margin-top: 20px;
  }
  .banner .swiper-wrapper .banner__six-slide .container .banner__title-subtitle {
    text-align: left;
    font-size: 35px;
    line-height: 62px;
  }
  .banner .swiper-wrapper .banner__six-slide .container .banner__title-subtitle::after {
    right: -4px;
    top: 17px;
    width: 70px;
  }
  .banner__top-label {
    font-size: 16px;
    line-height: 16px;
    padding: 6px 10px;
    margin: 0 auto;
  }
  .banner__title {
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    margin-top: 114px;
  }
  .banner .button {
    width: 100%;
    max-width: unset;
  }
  .banner__buttons {
    display: none;
  }
  .banner__pagination {
    bottom: 62px;
    margin: 0 auto;
  }
  .footer {
    padding: 40px 0 50px;
  }
  .notfound .button {
    max-width: unset;
  }
  .form-section_bg {
    padding: 40px 0;
  }
  .about-page__legend {
    flex-basis: calc(33.3333333333% - 14px);
  }
  .about-page__genplan-legends {
    flex-direction: column;
    align-items: flex-start;
  }
  .about-page__infos {
    row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
  .about-page__info {
    flex-basis: fit-content;
  }
  .about-page__info div {
    font-size: 30px;
    line-height: 33px;
  }
  .about-page__info span {
    font-size: 16px;
    line-height: 24px;
  }
  .area-detail__methods .flex-row {
    flex-wrap: wrap;
  }
  .area-detail__method {
    flex-basis: 100%;
  }
  .area-detail__method_type2 {
    background-position: right bottom;
  }
  .area-detail__card-info-elem div {
    font-size: 20px;
  }
  .area-detail__card-buttons .button {
    width: 100%;
    max-width: unset;
    max-height: 56px;
    flex: unset;
  }
  .area-detail__card-buttons {
    flex-direction: column;
  }
  .area-detail__card-lists {
    flex-direction: column;
    flex-wrap: nowrap;
    max-height: fit-content;
  }
  .areas-list__wrapper {
    overflow: auto;
  }
  .contacts .map {
    margin-top: 0;
  }
  .house-detail__buttons .button {
    width: 100%;
    max-width: unset;
    max-height: 56px;
    flex: unset;
  }
  .house-detail__buttons {
    flex-direction: column;
  }
  .house-detail__equipment-price {
    display: block;
  }
  .houses__item-content-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .banner-static {
    height: 570px;
  }
  .banner-static__button.button {
    display: flex;
    max-width: unset;
    margin-top: 36px;
  }
  .banner-static__label {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .banner-static__subtitle {
    display: none;
  }
  .banner-static__buttons {
    margin-top: 10px;
  }
  .banner-static__buttons .button {
    display: none;
  }
  .banner-static__badge {
    max-width: 255px;
  }
  .banner-static__badge {
    gap: 12px;
  }
  .banner-static__badge img {
    transform: scale(0.7);
  }
  .banner-static__badge span {
    font-size: 16px;
    line-height: 16px;
  }
  .banner-static__items {
    margin-top: 20px;
  }
  .banner-static__item {
    font-size: 16px;
    line-height: 16px;
  }
  .index-catalog .flex-row {
    margin-top: 20px;
  }
  .cities__collage {
    margin-top: 20px;
  }
  .cities__list {
    flex-direction: column;
    margin-top: 20px;
  }
  .cities__city {
    width: 100%;
  }
  .cities__city-photo {
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
  }
  .gallery .collage-type-1 {
    margin-top: 20px;
  }
  .gallery__text .button {
    max-width: none;
    width: 100%;
  }
  .index-text .text-wrapper {
    margin-top: 20px;
  }
  .index-text__image-wrapper {
    margin-top: 20px;
  }
  .index-location__info .button {
    max-width: unset;
    width: 100%;
    margin-top: 0;
  }
  .index-location__legend-title {
    font-size: 30px;
    line-height: 33px;
  }
  .index-news .flex-row {
    margin-top: 20px;
    gap: 30px;
  }
  .places__columns {
    grid-template-areas: "column1" "column2" "column3";
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 20px;
  }
  .places__column {
    gap: 10px;
  }
  .places__column:nth-child(3) {
    flex-direction: column;
  }
  .places__column:nth-child(3) .places__column-item {
    width: 100%;
  }
  .places__column-item {
    gap: 12px;
  }
  .places__column-item img {
    transform: scale(0.7);
  }
  .places__column-item span {
    font-size: 16px;
    line-height: 21px;
  }
  .reviews__list {
    margin-top: 20px;
  }
  .infrastructure__images {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, clamp(220px, 40vw, 300px));
    grid-template-areas: "item1" "item2" "item3" "item4" "item5";
  }
  .infrastructure__legend {
    flex-basis: calc(33.3333333333% - 14px);
  }
  .news-article__buttons a {
    font-size: 14px;
  }
  .partners__manager {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .partners__post {
    font-size: 14px;
  }
  .popup-excurs .container .popup__close {
    top: 14px;
    right: 14px;
  }
  .popup-phone .container {
    padding: 48px clamp(16px, 5vw, 36px);
  }
  .popup-phone .container .popup__close {
    top: 14px;
    right: 14px;
  }
  .popup-phone__subtitle {
    font-size: 16px;
    line-height: 19px;
  }
  .popup__close {
    transform: scale(0.8);
  }
  .popup-phone__close {
    top: 14px;
    right: 14px;
  }
  .filter-input {
    width: 100%;
    margin-right: 0;
    flex: unset;
  }
  .filter-input:nth-child(1) {
    flex: unset;
  }
  .filter-input:nth-child(2) {
    flex: unset;
  }
  .filter-input:nth-child(3) {
    flex: unset;
  }
  .filter-input {
    width: 100%;
  }
  .filter__content {
    gap: 20px;
  }
  .filter__inputs {
    flex-direction: column;
  }
  .filter__inputs .button {
    flex: none;
  }
  .house-card {
    width: 100%;
    height: 400px;
  }
  .hypothec .flex-row {
    margin-top: 20px;
  }
  .hypothec .flex-row .hypothec-card {
    width: 100%;
  }
  .news-card {
    width: 100%;
  }
  .review_big .review__photo {
    margin-top: 20px;
  }
  .review__source span {
    display: block;
  }
  .video-widget:not(.video-widget_expanded) {
    height: 160px;
  }
}