@charset "UTF-8";

@media (max-width: 1023px) {
  /* Header */
  .header__logo-text,
  .header__search,
  .header__mail,
  .header__phone span,
  .header__bottom  {
    display: none;
  }
  .header::after {
    content: none;
  }
  .header__top-wrapper {
    justify-content: space-between;
    padding: 10px 0;
  }
  .header__top-left {
    display: block;
    margin: 0;
  }
  .header__top-left img {
    width: 111px;
    height: 42px;
  }
  .header__top-right {
    gap: 3px;
  }
  .header__contacts {
    order: 1;
    grid-template-columns: repeat(1, 48px);
    gap: 3px;
  }
  .header__phone a,
  .header__contacts a  {
    width: 48px;
    height: 48px;
    background-color: var(--color-blue-0);
  }
  .header__phone svg,
  .header__contacts svg {
    color: var(--color-gray-300);
  }
  .header__phone {
    order: 2;
  }
  .header__phone a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
  }
  .header__phone svg {
    display: block;
  }
  .header__mob-menu {
    order: 3;
    display: block;
  }
  .header__mob-menu-content {
    position: absolute;
    top: 68px;
    left: 0;
    width: 87%;
    height: calc(100vh - 68px);
    padding: 20px 30px 120px;
    background-color: var(--color-default-white);
    overflow-y: scroll;
    z-index: 100;

    transform: translateX(-100%);
  }
  .header__mob-menu.is-open .header__mob-menu-content {
    transform: translateX(0);
  }
  .header__mob-menu-list {
    list-style-type: none;
  }
  .header__mob-menu-list--top {
    padding: 0 0 10px;
  }
  .header__mob-menu-item-top,
  .header__mob-menu-list--bottom li {
    padding: 10px 0;
  }
  .header__mob-menu-item-top span,
  .header__mob-menu-list--bottom {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
  }
  .header__mob-menu-item-top svg {
    transform: rotate(90deg);
    color: var(--color-gray-300);
  }
  .header__mob-menu-item.is-active .header__mob-menu-item-top svg {
    transform: rotate(-90deg);
  }
  .header__mob-menu-list--sub {
    padding: 8px 0 5px;
  }
  .header__mob-menu-list--sub li {
    padding: 6px 0;
    font-size: 14px;
  }
  .header__mob-menu-list--bottom {
    padding: 10px 0 0;
    border-top: 1px solid var(--color-gray-200);
  }
  .header__toggle {
    position: relative;
    padding: 0;
    width: 54px;
    height: 48px;
  }
  .header__toggle span,
  .header__toggle::before,
  .header__toggle::after {
    width: 20px;
    height: 1px;
    background-color: var(--color-default-white);
  }
  .header__toggle::before,
  .header__toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    transition: var(--easy);
    -moz-transition: var(--easy);
    -o-transition: var(--easy);
    -webkit-transition: var(--easy);
  }
  .header__toggle::before {
    top: calc(50% - 5px);
  }
  .header__toggle::after {
    bottom: calc(50% - 5px);
  }
  .header__toggle.is-open span {
    display: none;
  }
  .header__toggle.is-open::before,
  .header__toggle.is-open::after {
    top: 50%;
  }
  .header__toggle.is-open::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .header__toggle.is-open::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }


  /* Breadcrumbs */
  .breadcrumbs__wrapper {
    padding: 4px 0 10px;
  }


  /* Banners */
  .banners__slider {
    margin: 0 -14px;
    width: 100vw;
  }
  .banners__slide {
    height: 294px;
    border-radius: 0;
  }
  .banners__content-wrapper {
    gap: 21px;
    padding: 39px 20px;
    width: 60%;
  }
  .banners__content-wrapper img {
    width: 123px;
  }
  .banners__title {
    font-size: 28px;
    line-height: 110%;
  }
  .banners__slide .smallTitle-semiBold-14 {
    font-weight: 400;
  }
  .banners__slider.slick-initialized .slick-list {
    width: 100vw;
  }


  /* Special */
  .special {
    margin: 10px 0 0;
  }


  .flex-start {
    display: block;
  }


  /* Benefits */
  .benefits {
    margin: -26px -14px 0;
    padding: 0 14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .benefits__item {
    padding: 14px 20px 30px;
    min-width: 320px;
  }
  .benefits__item-img {
    width: 70px;
    height: 70px;
  }
  .benefits__item-img svg {
    transform: scale(0.8);
  }
  .benefits__item .h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
  }
  .benefits__item p {
    max-width: 100%;
  }


  /* About */
  .about {
    grid-template-columns: 1fr;
  }
  .about__content {
    gap: 20px;
    padding: 0 6px;
  }
  .about .h1 {
    font-size: 28px;
  }
  .about__image {
    display: none;
  }


  /* Reasons */
  .reasons {
    gap: 20px;
    margin: 0;
    padding: 20px;
  }
  .reasons__list {
    margin: -10px 0 0;
  }
  .reasons__item {
    grid-template-columns: 1fr;
    padding: 20px 0 19px;
  }
  .reasons__item:last-child {
    padding: 20px 0 0;
  }
  .reasons__item .h5 {
    font-size: 18px;
  }
  .reasons__item p {
    font-size: 14px;
    line-height: 150%;
  }


  /* Features */
  .features-wrapper {
    margin: 0 -14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .features {
    padding: 0 14px;
    display: flex;
    gap: 0;
  }
  .features__item:not(:last-child) {
    margin: 0 5px 0 0;
  }
  .features__item {
    flex-shrink: 0;
    gap: 0;
    align-content: stretch;
    padding: 15px 10px;
    width: 150px;
  }
  .features__item svg {
    width: 70px;
  }


  /* Cities */
  .cities {
    display: none;
  }



  /* Catalog */
  .catalog__wrapper {
    gap: 40px;
  }
  .top-wrapper .catalog__wrapper {
    gap: 30px;
  }
  .catalog .top-wrapper {
    padding: 0 0 40px;
  }
  .catalog__description--top {
    display: none;
  }
  .catalog__description--bottom {
    gap: 40px;
  }
  .catalog__description h3.h2,
  .catalog__description h2 {
    font-size: 24px;
  }
  .catalog h2.h3,
  .catalog__description h3 {
    font-size: 20px;
  }
  .catalog__description h4 {
    font-size: 18px;
  }
  .catalog__description h5 {
    font-size: 16px;
  }
  .catalog__description-text ul,
  .catalog__description-text ol {
    padding: 0 0 0 18px;
  }
  .catalog__categories {
    grid-template-columns: repeat(2, 50%);
  }
  .catalog__categories-item {
    overflow: hidden;
  }
  .catalog__categories-item:nth-child(n+7) {
    display: none;
  }
  .catalog__categories.is-open .catalog__categories-item:nth-child(n+7) {
    display: grid;
  }
  .catalog__categories-button {
    grid-column: span 2;
    display: flex;
  }
  .catalog__categories-button.is-open span {
    display: none;
  }
  .catalog__categories-button.is-open::after {
    content: "Показать меньше";
  }
  .catalog__tags {
    flex-wrap: nowrap;
    margin: 0 -14px;
    width: 100vw;
    max-height: 100%;
    overflow-x: scroll;
  }
  .catalog__tags-item {
    flex-shrink: 0;
    margin: 0 5px 0 0;
  }
  .catalog__tags-item:first-child {
    margin: 0 5px 0 14px;
  }
  .catalog__tags-item:last-child {
    margin: 0 14px 0 0;
  }
  .catalog__tags-item a.button {
    padding: 14px 18px;
    text-transform: none;
  }
  .catalog__main-content {
    gap: 40px;
  }
  .catalog__offer.h2 {
    font-size: 18px;
  }
  .catalog__offer a {
    margin: 0 0 0 5px;
    padding: 0;
  }
  .catalog__sorting {
    display: none;
  }
  .catalog__action-mob {
    display: flex;
  }
  .catalog__filter-open {
    padding: 8px 15px;
  }
  .catalog__filter-open svg {
    margin: 0 5px 0 0;
  }
  .catalog__action-mob .select-wrapper {
    height: 100%;
  }
  .catalog__action-mob select {
    padding: 15px 60px 15px 18px;
  }
  .catalog__main-content-grid {
    grid-template-columns: 1fr;
    gap: 0;
    margin: -20px 0 0;
    padding: 0 0 40px;
    border-top: none;
  }
  .catalog__main-content-grid .leftbar {
    display: none;
  }
  .catalog__main-content-right {
    gap: 40px;
  }
  .catalog__listing .listing {
    grid-template-columns: repeat(2, 1fr);
    margin: -0.5px 0;
  }
  .catalog__pagination a {
    padding: 18px;
    width: 48px;
    height: 48px;
  }
  .catalog__pagination-dots {
    height: 48px;
  }
  .catalog__pagination-dots span::before {
    left: 9px;
  }
  .catalog__pagination-dots span::after {
    right: 9px;
  }
  .catalog__form {
    display: flex;
    width: 100%;
    height: 359px;
    border-radius: 12px;
    background-color: var(--color-gray-100);
  }
  .catalog__gallery {
    display: flex;
    gap: 0;
    margin: 0 -14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .catalog__gallery a {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    width: 120px;
    height: 100px;
  }
  .catalog__gallery a:first-child {
    margin: 0 10px 0 14px;
  }
  .catalog__gallery a:last-child {
    margin: 0 14px 0 0;
  }
  .catalog__stages {
    display: flex;
    gap: 0;
    margin: 0 -14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .catalog__stages-item {
    flex-shrink: 0;
    margin: 0 10px 0 0;
    width: 230px;
    height: 165px;
  }
  .catalog__stages-item:first-child {
    margin: 0 10px 0 14px;
  }
  .catalog__stages-item:last-child {
    margin: 0 14px 0 0;
  }
  .catalog__stages-item::before {
    font-size: 24px;
  }
  .catalog__stages-item::after {
    top: 12px;
  }
  .catalog__stages-item-content {
    align-items: flex-end;
  }
  .catalog__stages-item-content p {
    max-width: 97px;
  }
  .catalog__banner {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 20px;
  }
  .catalog__banner-left,
  .catalog__banner-right {
    gap: 20px;
  }
  .catalog__banner-left .button {
    padding: 12.5px 18px;
    max-width: 100%;
  }
  .catalog__banner-right ul {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .catalog__banner-right li:nth-child(1) {
    order: 1;
  }
  .catalog__banner-right li:nth-child(3) {
    order: 2;
  }
  .catalog__banner-right li:nth-child(5) {
    order: 3;
  }
  .catalog__banner-right li:nth-child(2) {
    order: 4;
  }
  .catalog__banner-right li:nth-child(4) {
    order: 5;
  }
  .catalog__banner-right p br {
    display: none;
  }
  .catalog__we-work {
    grid-template-columns: 1fr;
  }
  .catalog__we-work-content {
    padding: 4px 0;
  }
  .catalog__we-work-item:nth-child(3) .catalog__we-work-content,
  .catalog__we-work-item:nth-child(5) .catalog__we-work-content {
    padding: 6px 0;
  }
  .catalog__we-work-content .h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__services {
    margin: 0 0 1px;
  }
  .catalog__services-list {
    flex-wrap: nowrap;
    margin: 0 -14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .catalog__services-list li {
    flex-shrink: 0;
    margin: 0 5px 0 0;
  }
  .catalog__services-list li:first-child {
    margin: 0 5px 0 14px;
  }
  .catalog__services-list li:nth-last-child(2) {
    margin: 0 14px 0 0;
  }
  .catalog__services-list li:last-child {
    display: none;
  }
  .catalog__services-list li a {
    padding: 13.5px 16px;
  }
  .catalog table a {
    margin: 2px 0 0;
  }
  .catalog__selection {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
  }
  .catalog__selection-column {
    gap: 3px;
  }
  .catalog__selection-column:nth-child(3) {
    grid-column: span 2;
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog__selection-column:last-child {
    grid-column: span 2;
  }
  .catalog__selection-block {
    padding: 13px 15px 10px;
  }
  .catalog__selection-block .h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
  }
  .catalog__selection-block .prices-inputs {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .catalog__selection-block .prices-inputs input {
    padding: 13px 2px;
    width: 100%;
  }
  /* .filter__dash {
    display: none;
  } */
  .catalog__selection-list.with-select {
    margin: 3px 0 0;
    gap: 5px;
  }
  .catalog__selection-block .select-wrapper {
    width: 114px;
  }
  .catalog__selection-button {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
  }
  .advantages__list {
    display: flex;
    margin: 0 -14px;
    width: 100vw;
    overflow-x: scroll;
  }
  .advantages__item {
    flex-shrink: 0;
    width: 160px;
  }
  .advantages__item:first-child {
    margin: 0 0 0 14px;
  }
  .advantages__item:last-child {
    margin: 0 14px 0 0;
  }
  .advantages__item-container {
    position: static;
    padding: 20px 14px;
    max-height: 100%;
    height: 100%;
    border-top: 1px solid var(--color-blue-100);
  }
  .advantages__item-container .h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    text-align: left;
  }
  .advantages__item-invisible {
    max-height: 1000px;
  }
  .advantages__item:nth-child(5) .advantages__item-container {
    border-left: 0;
  }
  .advantages__item:nth-child(1) .advantages__item-container {
    border-radius: 12px 0 0 12px;
  }
  .advantages__item:nth-child(4) .advantages__item-container {
    border-radius: 0;
  }
  .advantages__item:nth-child(5) .advantages__item-container {
    border-radius: 0;
  }
  .advantages__item:nth-child(8) .advantages__item-container {
    border-radius: 0 12px 12px 0;
  }
  .advantages__item-visible {
    gap: 8px;
    justify-items: start;
    padding: 0 0 10px;
  }
  .advantages__item-image {
    width: 132px;
    padding: 20px;
  }
  .advantages__item-invisible {
    font-size: 12px;
  }
  .advantages__item-invisible p {
    padding: 0;
    text-align: left;
  }


  /* Mini-card */
  .mini-card {
    display: flex;
    flex-direction: column;
  }
  .mini-card__link {
    flex-grow: 1;
    padding: 14px 13px;
  }
  .mini-card__description {
    display: none;
  }
  .mini-card__title {
    margin: 0 0 15px;
  }
  .mini-card__specifications {
    margin: 0 0 15px;
  }
  .mini-card__specifications-item::after {
    bottom: 1px;
  }
  .mini-card__specifications-item-left.efficiency span {
    display: none;
  }
  .mini-card__specifications-item-left.efficiency::after {
    content: "Производ.:";
  }
  .mini-card__price-block {
    gap: 2px;
  }
  .mini-card__price-actual {
    font-size: 14px;
    line-height: 150%;
  }
  .mini-card__price-block:has(.mini-card__price-old) .mini-card__price-old {
    font-size: 10px;
  }
  .mini-card__sale {
    font-size: 8px;
  }
  .mini-card__art-block {
    gap: 2px;
    justify-items: end;
  }
  .mini-card__buttons {
    position: static;
    display: block;
    padding: 0 14px 14px;
    width: 100%;
    border-radius: 0;
    border: none;
    background-color: transparent;
  }
  .mini-card__buttons .button-primary {
    width: 100%;
  }
  .mini-card__button-mob {
    display: block;
  }
  .mini-card__button-desk,
  .mini-card__buttons .button-secondary {
    display: none;
  }


  /* Listing */
  .listing .mini-card:nth-child(-n+4) {
    border-top: 0.5px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(-n+2) {
    border-top: 1px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-last-child(-n+4) {
    border-bottom: 0.5px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-last-child(-n+2) {
    border-bottom: 1px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(4n-3) {
    border-left: 0.5px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(odd) {
    border-left: 1px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(4n) {
    border-right: 0.5px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(even) {
    border-right: 1px solid var(--color-gray-100);
  }
  .listing .mini-card:nth-child(1) {
    border-radius: 12px 0 0 0;
  }
  .listing .mini-card:nth-child(2) {
    border-radius: 0 12px 0 0;
  }
  .listing .mini-card:nth-child(4) {
    border-radius: 0;
  }


  /* Filter */
  .mobile-filter {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px 20px 150px;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    background-color: var(--color-default-white);
    z-index: 1000;

    transform: translateY(-100%);
    transition: var(--easy);
    -moz-transition: var(--easy);
    -o-transition: var(--easy);
    -webkit-transition: var(--easy);
  }
  .mobile-filter.is-open {
    transform: translateY(0);
  }
  .mobile-filter .header__catalog-menu-banner {
    display: none;
  }
  .filter__button-apply {
    display: flex;
    margin: -20px 0 0;
  }
  .filter__button-close {
    position: absolute;
    top: 10px;
    right: 20px;
    display: flex;
    width: 40px;
    height: 40px;
  }
  .filter__button-close::before,
  .filter__button-close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--color-gray-300);
  }
  .filter__button-close::before {
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .filter__button-close::after {
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  }


  /* Core-slider */
  .core-slider-wrapper {
    margin: 0 auto;
    max-width: calc(100vw - 28px);
  }


  /* Viewed */
  .viewed__slider {
    grid-template-columns: repeat(2, 1fr);
  }
  .viewed__slider .mini-card__link {
    display: flex;
    gap: 0;
  }
  .viewed__slider .mini-card__image-wrapper {
    margin: 0 0 10px;
    max-height: 124px;
  }
  .viewed__slider .mini-card__title {
    margin: 0 0 10px;
    text-align: center;
  }
  .viewed__slider .mini-card__price-block {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .viewed__slider.slick-initialized .button-arrow-prev {
    left: -8px;
  }
  .viewed__slider.slick-initialized .button-arrow-next {
    right: -8px;
  }


  /* Similar */
  .similar__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .similar__list .mini-card:first-child {
    border-radius: 12px 0 0 0;
  }
  .similar__list .mini-card:nth-child(2) {
    border-radius: 0 12px 0 0;
  }
  .similar__list .mini-card:nth-child(3) {
    border-radius: 0 0 0 12px;
  }
  .similar__list .mini-card:last-child {
    border-radius: 0  0 12px 0;
  }
  .similar__list .mini-card__link {
    padding: 14px;
  }


  /* Reviews */
  .reviews__slider {
    display: block;
    max-width: calc(100vw - 28px);
  }
  .reviews__slider::after {
    left: -14px;
    width: calc(100% + 28px);
  }
  .reviews__slider.slick-initialized .button-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid var(--color-gray-100);
    background-color: var(--color-default-white);
    z-index: 10;
  }
  .reviews__slider.slick-initialized .button-arrow-prev {
    left: -18px;
  }
  .reviews__slider.slick-initialized .button-arrow-next {
    right: -18px;
  }
  .reviews__slider.slick-initialized .button-arrow svg {
    color: var(--color-gray-300);
  }
  .reviews__slider.slick-initialized .button-arrow-prev svg {
    transform: rotate(180deg);
  }
  .reviews__slide-bottom span {
    min-height: 100%;
  }


  /* Brands */
  .brands.mb-30 {
    margin-bottom: 0;
  }
  .brands {
    padding: 14px 0;
  }
  .brands__item {
    padding: 18px;
  }


  /* Good */
  .good {
    padding: 0 0 56px;
  }
  .good .top-wrapper {
    padding: 0 0 53px;
  }
  .good__main-content-grid {
    position: relative;
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .good__wrapper {
    gap: 40px;
  }
  .good__top {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .good__art {
    position: absolute;
    top: -64px;
  }
  .good__images {
    max-width: calc(100vw - 28px);
    gap: 10px;
  }
  .good__mini-desc {
    display: none;
  }
  .good__order {
    position: relative;
    display: grid!important;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 14px;
  }
  .good__order-price {
    order: 1;
  }
  .good__sale {
    font-size: 8px;
  }
  .good__order-montage {
    order: 2;
  }
  .good__order-montage::before {
    content: none;
  }
  .good__order-montage a {
    padding: 0 0 2px;
  }
  .good__order-buttons {
    order: 3;
    grid-column: span 2;
  }
  .good__order-buttons::before {
    top: -15px;
    left: 0;
    width: 100%;
  }
  .good__order-buttons .button {
    padding: 13px 24px;
  }
  .good__main-info {
    margin: -20px 0 0;
    padding: 0;
  }
  .good__tabs-wrapper {
    margin: 0 -14px;
    width: 100vw;
  }
  .good__tabs-wrapper::after {
    content: none;
  }
  .good__tabs-info {
    padding: 20px;
  }
  .good__tab-info img,
  .good__tab-info iframe {
    width: 100%!important;
    height: auto!important;
  }
  .good .rightbar-inner {
    gap: 43px;
  }
  .good .rightbar.mob .bar__form {
    order: 1;
  }
  .good .rightbar.mob .bar__item {
    order: 2;
  }


  /* Tab */
  .tab {
    padding: 13px 16px;
  }
  .tab:first-child {
    margin: 0 4px 0 14px;;
  }
  .tab:last-child {
    margin: 0 14px 0 0;
  }


  /* Works */
  .works__tags {
    flex-wrap: nowrap;
    margin: 0 -14px;
    width: 100vw;
    max-height: 100%;
    overflow-x: scroll;
  }
  .works__tag {
    flex-shrink: 0;
    margin: 0 5px 0 0;
  }
  .works__tag:first-child {
    margin: 0 5px 0 14px;
  }
  .works__tag:last-child {
    margin: 0 14px 0 0;
  }
  .works__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .works__item-image-wrapper {
    height: 140px;
  }


  /* Page */
  .page {
    gap: 20px;
    font-size: 14px;
  }
  .page__contacts {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .page__cover {
    left: -14px;
    width: calc(100% + 28px);
    height: 300px;
  }
  .page__cover img {
    border-radius: 0;
  }
  .page__intro {
    gap: 20px;
    margin: 190px 0 0;
    padding: 20px;
  }
  .page__intro-top,
  .page__intro-bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .page__intro-top span:first-child {
    margin: 0;
  }
  .page__intro h1 {
    font-size: 24px;
  }
  .page__intro .ya-share2__list {
    padding: 0;
  }
  .page__toc {
    padding: 20px;
  }
  .page__toc .h4 {
    font-size: 16px;
  }
  .page__toc ol {
    padding: 0 0 0 20px;
  }
  .referal__wrapper {
    padding: 20px;
  }
  .referal__wrapper .form_all_info {
    gap: 20px;
  }


  /* Work */
  .work__top {
    gap: 20px;
  }
  .work__images {
    gap: 5px;
    padding: 10px;
  }
  .work__gallery img {
    width: 80px;
    height: 66px;
  }
  .work__main-photo img {
    max-height: 239px;
  }

  .work_images {
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding: 14px;
  }
  .work_images a:not(:first-child) {
    height: 66px;
  }
  .work_images a:first-child {
    grid-column: span 4;
  }


  /* Error */
  .error__wrapper .h2 {
    font-size: 18px;
  }


  /* Footer */
  .footer__top {
    padding: 30px 2px 25px;
  }
  .footer__top-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .footer__top-left {
    gap: 20px;
  }
  .footer__top-left br {
    display: none;
  }
  .footer__mail {
    margin: 10px 0 0;
  }
  .footer__menu {
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0;
    border-top: 1px solid var(--color-gray-300);
  }
  .footer__menu-item:nth-child(1),
  .footer__menu-item:nth-child(4) {
    grid-row: span 1;
  }
  .footer__menu-item:nth-child(3) {
    order: 3;
  }
  .footer__menu-item:nth-child(4) {
    order: 4;
  }
  .footer__menu-item {
    display: block;
    padding: 20px 0 21px;
    border-bottom: 1px solid var(--color-gray-300);
  }
  .footer__menu-item-top {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height: 130%;
  }
  .footer__menu-item-top svg {
    display: block;
    transform: rotate(90deg);
    color: var(--color-gray-200);
  }
  .footer__menu-item.is-active svg {
    transform: rotate(270deg);
  }
  .footer__menu-item-top br {
    display: none;
  }
  .footer__menu-list {
    padding: 10px 0 0;
  }
  .footer__menu-list br {
    display: none;
  }
  .footer__top-right {
    gap: 29px;
    margin: 0;
  }
  .footer__top-right .h5 {
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    line-height: 130%;
  }
  .footer__bottom {
    padding: 30px 2px;
  }
  .footer__bottom-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
    justify-items: start;
  }
  .footer__copyright {
    position: relative;
    order: -1;
    grid-column: 1/2;
    margin: 0 0 20px;
  }
  .footer__copyright::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: calc(100vw - 32px);
    height: 1px;
    background-color: var(--color-gray-300);
  }


  /* Remstroy */
  .remstroy {
    margin: 9px 0 0;
  }


  /* Whatsapp */
  .whatsapp-button {
    right: 0;
    bottom: 0;
  }
  .whatsapp-content,
  .whatsapp-content__grid {
    gap: 20px;
  }
  .whatsapp-content {
    padding: 30px;
  }
  .whatsapp-content__title {
    font-size: 20px;
  }
  .whatsapp-content a::after {
    content: 'Написать в WhatsApp';
  }
  .whatsapp-content a span,
  .whatsapp-content__text,
  .whatsapp-content img {
    display: none;
  }


  /* Dialogue */
  .dialogue {
    bottom: 100px;
    right: 20px;
    gap: 15px;
    padding: 15px;
    max-width: 268px;
  }
  .dialogue__top {
    grid-template-columns: 55px auto 18px;
    gap: 10px;
  }
  .dialogue__image {
    width: 55px;
    height: 55px;
  }
  .dialogue__manager-name {
    font-size: 14px;
  }
  .dialogue__manager-position,
  .dialogue__text {
    font-size: 12px;
  }
}

@media (min-width: 769px) {
  /* Banners */
  .banners__content-wrapper {
    width: 50%;
  }
}