@media screen and (max-width: 1900px) {
  .offcanvas#menu .offcanvas-body .main ul li a {
    font-size: 4.5vw;
  }
}
@media screen and (max-width: 1800px) {
  :root {
    --fz141: 131px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration {
    gap: 30px;
  }
  .mapSection .mapBlock .text-block {
    width: 45%;
  }
  .carouselSection .carouselBlock .configuration-block .func .name-add {
    flex-direction: column;
    align-items: flex-start;
    width: fit-content !important;
  }
  .carouselSection .carouselBlock .configuration-block .func {
    padding-right: 0;
  }
}
@media screen and (max-width: 1700px) {
  :root {
    --fz141: 121px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .name {
    margin-bottom: 0;
  }
  footer .img-company {
    height: 220px;
  }
  .bannSection.product .swiper .swiper-slide .info > span:nth-child(3) {
    display: none;
  }
  .bannSection.product .swiper .swiper-slide .info > .btn-block {
    grid-column: span 2;
    width: fit-content;
    margin-left: auto;
  }
}
@media screen and (max-width: 1630px) {
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.selected {
    grid-column: span 3;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1550px) {
  :root {
    --fz141: 111px;
  }
  .mapSection .mapBlock .text-block .info-block .name {
    font-size: 70px;
  }
  .mapSection .mapBlock .text-block {
    width: 40%;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    height: 120%;
    left: -16%;
  }
  .offcanvas#menu .offcanvas-body .main,
  .offcanvas#menu .offcanvas-body nav,
  .offcanvas#menu .offcanvas-body .add .social {
    grid-column: span 2;
  }
  .offcanvas#menu .offcanvas-body .add .social {
    justify-content: flex-start;
    column-gap: 50px;
  }
  .offcanvas#menu .offcanvas-body .main ul li a {
    font-size: var(--fz91);
  }
}
@media screen and (max-width: 1500px) {
  :root {
    --fz141: 105px;
    --fz61: 52px;
  }
  .orderSection .orderBlock .info-block {
    gap: 60px;
  }
  .orderSection .orderBlock .info-block .information .details .number-name,
  .orderSection .orderBlock .info-block .information .details .info-user {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .orderSection .orderBlock .info-block .information .details .number-name {
    gap: 30px;
  }
  .orderSection .orderBlock .info-block .information .details .info-user .item {
    gap: 10px;
  }
  .orderSection .orderBlock .info-block .information .details .info-user {
    gap: 40px;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount {
    gap: 10px;
  }
  .orderSection .orderBlock .info-block .information .details,
  .orderSection .orderBlock .info-block .more .item {
    padding: 30px;
  }
}
@media screen and (max-width: 1400px) {
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.open,
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.selected {
    grid-column: span 2;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .desc {
    padding-left: 55px;
  }
}
@media screen and (max-width: 1366px) {
  :root {
    --fz201: 170px;
    --fz141: 100px;
    --fz91: 81px;
    --fz61: 51px;
    --fz21: 19px;
  }
  .reviewsSection .reviewsBlock .information .list-category {
    grid-column: span 4;
    flex-direction: row;
    flex-wrap: wrap;
    position: inherit;
    margin-top: 20px;
  }
  .orderSection .orderBlock .info-block {
    gap: 60px 40px;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount .text > span:nth-child(1), .orderSection .orderBlock .info-block .information .details .order-amount .sum > span:nth-child(1) {
    font-size: 28px;
  }
  .mapSection .mapBlock .text-block .info-block .name {
    font-size: 55px;
  }
  .reviewsSection .reviewsBlock .information .name-title,
  .reviewsSection .reviewsBlock .information .add {
    grid-column: span 4;
  }
  .reviewsSection .reviewsBlock .information > .btn-block {
    grid-column: span 2;
  }
  .reviewsSection .reviewsBlock .information {
    gap: 20px;
  }
  .reviewsSection .reviewsBlock .information .name-title {
    order: -1;
  }
  .reviewsSection .reviewsBlock .information > .btn-block {
    margin-top: 20px;
  }
  .reviewsSection .reviewsBlock .information .reviews {
    margin-top: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column: span 4;
  }
  .reviewsSection .reviewsBlock .information .reviews .item {
    grid-column: span 2;
  }
  .reviewsSection .reviewsBlock .information .add {
    position: inherit;
  }
  .carouselSection .carouselBlock .configuration-block .btn-block {
    grid-column: span 2;
  }
  .carouselSection .carouselBlock .configuration-block .func .list ul li {
    height: 70px;
    width: 70px;
  }
  .proposalSection .proposalBlock .title-block .title {
    grid-column: span 4;
  }
  .carouselSection .carouselBlock .configuration-block .info {
    grid-column: span 4;
  }
  .carouselSection .carouselBlock .configuration-block .func {
    grid-column: span 2;
  }
  .descSpecSection .descSpecBlock .info,
  .descSpecSection .descSpecBlock .specifications {
    padding-right: 0;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 500px;
  }
  footer .footer {
    row-gap: 70px;
  }
  footer .img-company {
    height: 180px;
  }
  .ideasSection .ideasBlock .text {
    grid-column: 3/5;
    margin-bottom: 0;
  }
  .ideasSection .ideasBlock .info:nth-child(2n) {
    grid-column: 3/4;
  }
  .ideasSection .ideasBlock .info:nth-child(2n+1) {
    grid-column: 4/5;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --fz201: 160px;
    --fz141: 90px;
    --fz91: 75px;
    --fz61: 45px;
    --fz31: 25px;
    --fz21: 19px;
  }
  .container-mini-2 {
    display: block;
    width: var(--container);
    margin-left: auto;
    margin-right: auto;
  }
  .orderSection .orderBlock .info-block,
  .orderSection .orderBlock .info-block .more {
    margin-top: 0 !important;
  }
  .orderSection .orderBlock .photo-product {
    background-position: center;
    height: auto;
  }
  .orderSection .orderBlock .info-block .information {
    margin-top: 0;
  }
  .orderSection .orderBlock .info-block .more .item {
    height: fit-content;
  }
  .orderSection .orderBlock .info-block {
    margin-top: 60px !important;
  }
  .orderSection .orderBlock .info-block .information .details {
    margin-left: 0;
  }
  .orderSection .orderBlock .info-block .more {
    margin-right: 0;
    flex: 1;
  }
  .mapSection .mapBlock .text-block .info-block .information {
    flex-direction: column;
    gap: 20px 30px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    left: -19%;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 450px;
  }
  footer .footer .questions.btn-block .btn {
    height: auto;
    min-height: auto;
  }
  .reviewsSection .reviewsBlock .information .reviews.reviews-main .item {
    grid-template-columns: 1.5fr 3fr;
  }
}
@media screen and (max-width: 1150px) {
  :root {
    --fz201: 150px;
    --fz141: 85px;
    --fz91: 70px;
    --fz61: 40px;
  }
  .mapSection .mapBlock .text-block .info-block .name {
    font-size: 45px;
  }
  .mapSection .mapBlock .text-block .info-block {
    gap: 20px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    width: 123%;
    left: -23%;
  }
  .modal .modal-dialog .modal-content {
    grid-column: span 4;
  }
  .textIndexSection .textIndexBlock .text > div:nth-child(3) {
    grid-column: span 4;
  }
}
@media screen and (max-width: 1099px) {
  :root {
    --fz141: 80px;
    --fz91: 65px;
  }
  .titleSection.catalog .titleBlock .name-title {
    font-size: var(--fz141);
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(1),
  .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(2) {
    grid-column: span 2;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .desc {
    grid-column: span 2;
    padding-left: 0;
    order: 2;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .btn-block {
    grid-column: span 2;
    order: 1;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration {
    display: flex;
    flex-direction: column;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item {
    gap: 0 !important;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.upholstery {
    border-bottom: 0;
    border-right-width: 1px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.upholstery .list .item_b.selected {
    border-bottom: 0 !important;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.color {
    border-top: 0;
    border-left-width: 0;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.color .name-category {
    order: 2;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.color .list {
    order: 1;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item.color .list .item_b.selected {
    border-top: 0 !important;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.open, .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.selected {
    grid-column: span 3;
  }
  .mapSection .mapBlock .text-block {
    width: 45%;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 400px;
  }
  .mapSection .mapBlock .text-block .info-block {
    grid-column: span 3;
  }
  .aboutSection .aboutBlock,
  .recSection .recBlock,
  .faq-section__container.container {
    row-gap: 80px;
  }
}
@media screen and (max-width: 999px) {
  :root {
    --fz141: 70px;
  }
  .faq-section .accordion {
    display: flex;
    flex-direction: column;
  }
  .product-design-section__btn {
    grid-column: span 2;
  }
  .reviewsSection .reviewsBlock .information .reviews.reviews-main .item {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .reviewsSection .reviewsBlock .information .reviews.reviews-main .item .text-block {
    gap: 20px;
  }
  .orderSection .orderBlock .info-block .more .item {
    height: auto;
  }
  .orderSection .orderBlock .info-block {
    flex-direction: column;
  }
  .orderSection .orderBlock .info-block .information .btn-block.desktop-t {
    display: none;
  }
  .orderSection .orderBlock .info-block .btn-block.mobile-t {
    display: block;
    width: fit-content;
    min-width: 40%;
  }
  .mapSection.showroom .mapBlock .text-block .info-block {
    padding: 0;
    background-color: transparent;
    backdrop-filter: blur(0);
  }
  .mapSection.showroom .mapBlock .text-block .info-block .name {
    display: none;
  }
  .mapSection.showroom .mapBlock .text-block {
    max-height: none;
    height: fit-content;
    top: auto;
    bottom: 40px;
  }
  .mapSection.showroom .mapBlock .text-block {
    width: calc(100% - 20px);
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul {
    display: flex;
    gap: 10px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    margin: 0;
    display: flex;
    gap: 20px;
    min-width: 290px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info {
    gap: 20px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li:not(:last-of-type) {
    margin-bottom: 0;
    padding: 20px;
  }
  .mapSection .mapBlock .text-block {
    top: auto;
    bottom: 40px;
    left: auto;
    right: 20px;
  }
  .mapSection .mapBlock .text-block .info-block {
    padding: 20px;
  }
  .mapSection .mapBlock .text-block .info-block .name {
    font-size: var(--fz31);
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .num {
    font-size: 21px;
  }
  header {
    background-color: #FFFFFF;
  }
  header .header .logo .img {
    background-color: transparent;
  }
  .bannSection .bannBlock .swiper .swiper-pagination.desktop-t {
    display: none !important;
  }
  .bannSection .bannBlock .swiper .swiper-pagination.mobile-t {
    display: flex !important;
  }
  .bannSection .bannBlock .swiper .swiper-slide .name {
    margin-bottom: 0;
  }
  .bannSection .bannBlock .swiper .swiper-slide {
    row-gap: 20px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .func .zoom, .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .func .all-width {
    width: 50px;
    height: 50px;
  }
  .errorSection .errorBlock .information {
    grid-template-rows: auto auto 1fr;
  }
  .successSection .successBlock .information .text-btn-block {
    justify-content: space-between;
  }
  .successSection .successBlock .information {
    grid-template-rows: auto auto 1fr;
  }
  .requisitesSection {
    padding: 100px 0;
  }
  .interiorSection .interiorBlock .information {
    row-gap: 20px;
  }
  .interiorItemSection .interiorItemBlock .information .num {
    grid-column: span 4;
  }
  .interiorItemSection .interiorItemBlock .information .details {
    grid-column: span 3;
  }
  .interiorItemSection .interiorItemBlock {
    row-gap: 60px;
  }
  .interiorSection {
    padding-bottom: 150px;
  }
  .aboutGallerySection .aboutGalleryBlock .item .btn-block .btn {
    grid-column: span 2;
  }
  .showroomSection .showroomBlock .information .text-searchPoint form.search-point {
    row-gap: 10px;
  }
  .aboutSection .aboutBlock .text-header,
  .recSection .recBlock .information .text-header {
    grid-column: span 4;
    padding-right: 0;
  }
  .aboutSection .aboutBlock .text,
  .recSection .recBlock .information .text,
  .interiorSection .interiorBlock .information > .text {
    grid-column: span 3;
  }
  .showroomSection .showroomBlock .information {
    row-gap: 20px;
  }
  .showroomSection .showroomBlock .information .text-searchPoint {
    margin-top: 40px;
  }
  .interiorItemSection .interiorItemBlock .information {
    row-gap: 40px;
  }
  .interiorItemSection .interiorItemBlock .information .details {
    row-gap: 30px;
  }
  .interiorItemSection .interiorItemBlock .information .details {
    grid-column: span 4;
  }
  .interiorItemSection .interiorItemBlock .information .num {
    font-size: 61px;
  }
  .interiorItemSection {
    padding-bottom: 150px;
  }
  .interiorItemSection {
    position: relative;
  }
  .interiorItemSection::before {
    content: "";
    position: absolute;
    top: -75px;
    width: 100%;
    height: 1px;
    background-color: #0E0E0E;
    opacity: 0.05;
  }
  .aboutSection .aboutBlock .name-title,
  .aboutSection .aboutBlock .add,
  .recSection .recBlock .information .name-title,
  .recSection .recBlock .information .add,
  .interiorSection .interiorBlock .information .name-title,
  .interiorSection .interiorBlock .information .add,
  .showroomSection .showroomBlock .information .name-title,
  .showroomSection .showroomBlock .information .add,
  .contactsSection .contactsBlock .information .name-title,
  .contactsSection .contactsBlock .information .add,
  .errorSection .errorBlock .information .name-title,
  .errorSection .errorBlock .information .add,
  .successSection .successBlock .information .text-header,
  .successSection .successBlock .information .add {
    grid-column: span 4;
  }
  .successSection .successBlock .information {
    row-gap: 20px;
  }
  .successSection .successBlock .information .text-header {
    order: -1;
  }
  .showroomSection .showroomBlock .information .text-searchPoint,
  .contactsSection .contactsBlock .information .address-contacts {
    grid-column: span 3;
  }
  .recSection .recBlock .information {
    gap: 20px;
  }
  .recSection .recBlock .information .add {
    margin-bottom: 60px;
  }
  .aboutSection .aboutBlock .name-title,
  .recSection .recBlock .information .name-title,
  .recSection .recBlock .information .text-header.main,
  .recSection .recBlock .information .text.main,
  .interiorSection .interiorBlock .information .name-title,
  .showroomSection .showroomBlock .information .name-title,
  .contactsSection .contactsBlock .information .name-title,
  .errorSection .errorBlock .information .name-title {
    order: -1;
  }
  .errorSection .errorBlock .information {
    row-gap: 20px;
  }
  .errorSection .errorBlock .information .text-header {
    grid-column: span 3;
    margin-top: 20px;
  }
  .errorSection .errorBlock .information .text-btn-block,
  .successSection .successBlock .information .text-btn-block {
    grid-column: span 4;
  }
  .successSection .successBlock .information .text-btn-block {
    margin-top: 20px;
  }
  .recSection .recBlock {
    row-gap: 60px;
  }
  .recSection:not(:last-of-type) {
    padding-bottom: 100px;
  }
  .aboutSection .aboutBlock,
  .contactsSection .contactsBlock .information {
    row-gap: 20px;
  }
  .contactsSection .contactsBlock .information .address-contacts {
    margin-top: 40px;
  }
  .aboutSection .aboutBlock .text-header,
  .aboutSection .aboutBlock .text {
    margin-top: 40px;
  }
  .aboutSection .aboutBlock .add,
  .interiorSection .interiorBlock .information .add,
  .recSection .recBlock .information .add,
  .showroomSection .showroomBlock .information .add,
  .recSection .recBlock .information .add,
  .errorSection .errorBlock .information .add,
  .successSection .successBlock .information .add {
    position: inherit;
  }
  .proposalSection .proposalBlock .info-block .item .btn-block {
    grid-column: span 4;
  }
  .proposalSection .proposalBlock .info-block .item {
    min-height: auto;
  }
  .proposalSection .proposalBlock .info-block .item .name-add {
    grid-column: span 3;
  }
  .proposalSection .proposalBlock .info-block .item {
    padding-top: 80px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block {
    height: 500px;
  }
  .descSpecSection .descSpecBlock .title {
    grid-column: span 4;
  }
  .bannSection.product .swiper .swiper-slide .info > .btn-block {
    width: 100%;
  }
  .bannSection.product .bannBlock .swiper .swiper-slide .info > span:nth-child(1) {
    display: flex;
  }
  .titleSection .titleBlock .name-title {
    grid-column: span 4;
    order: 1;
  }
  .titleSection .titleBlock .add {
    order: 2;
    grid-column: span 2;
  }
  .titleSection.catalog .titleBlock .add {
    order: 3;
  }
  .titleSection .titleBlock .search {
    order: 3;
    grid-column: span 2;
  }
  .titleSection.catalog .titleBlock .search {
    order: 4;
  }
  .titleSection.catalog .titleBlock .filter-catalog {
    order: 2;
    grid-column: span 4;
  }
  .titleSection.catalog .titleBlock .filter-catalog .info-block .item {
    padding: 15px 20px;
  }
  .offcanvas#menu .offcanvas-header .logo .img {
    width: 100%;
  }
  .offcanvas#menu .offcanvas-header .mobile-menu {
    text-align: right;
    text-transform: uppercase;
  }
  header .header .logo {
    grid-column: 1/3;
  }
  header .header nav {
    grid-column: 3/5;
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: flex-end;
  }
  header .header nav ul {
    display: none;
  }
  header .header nav .mobile-menu {
    display: flex;
    font-size: var(--fz21);
    line-height: 1.2;
    text-transform: uppercase;
    padding: 10px 0 10px 10px;
  }
  header .header .callback {
    display: none;
  }
  .ideasSection .ideasBlock .title {
    grid-column: span 4;
  }
  .ideasSection .ideasBlock .text {
    grid-column: span 4;
  }
  .ideasSection .ideasBlock .info:nth-child(2n) {
    grid-column: 1/3;
  }
  .ideasSection .ideasBlock .info:nth-child(2n+1) {
    grid-column: 3/5;
  }
  .ideasSection .ideasBlock {
    row-gap: 40px;
  }
  .ideasSection .ideasBlock .info {
    gap: 10px;
  }
  footer .footer .address {
    display: none;
  }
  footer .footer .add-social {
    order: 9;
    grid-column: span 2;
    margin-top: 40px;
  }
  footer .footer .questions.btn-block .btn {
    height: 100%;
  }
  footer .footer .contacts {
    order: 3;
    grid-column: span 2;
    grid-row: span 2;
    flex-direction: column;
    margin-top: 80px;
  }
  footer .footer .contacts .c-item {
    display: flex;
    flex-direction: column;
  }
  footer .footer nav {
    display: block;
  }
  footer .footer {
    row-gap: 20px;
  }
  footer .footer .massiwo,
  footer .footer nav,
  footer .footer .time-work-text,
  footer .footer .time-work,
  footer .footer .write-us,
  footer .footer .questions,
  footer .footer .developers {
    grid-column: span 2 !important;
  }
  footer .footer .massiwo {
    order: 1;
  }
  footer .footer nav {
    order: 2;
  }
  footer .footer .time-work.weekday {
    margin-top: 80px;
    order: 4;
  }
  footer .footer .developers {
    margin-top: 40px;
    order: 8;
  }
  footer .footer .time-work.weekends {
    order: 5;
  }
  footer .footer .write-us {
    order: 6;
    margin-top: 40px;
  }
  footer .footer .write-us > span:nth-child(1) {
    font-size: var(--fz31);
    line-height: 1.2;
    font-weight: 400;
  }
  footer .footer .questions {
    order: 7;
    margin-top: 40px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info > span:nth-child(1) {
    display: none;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info .btn-block {
    grid-column: span 2;
  }
  footer {
    padding-top: 150px;
  }
  footer .img-company {
    height: 130px;
  }
  .textIndexSection .textIndexBlock .info > span {
    grid-column: span 2 !important;
    display: flex;
    gap: 5px;
  }
  .textIndexSection .textIndexBlock .info > span::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M4.5 0L5.51031 3.10942H8.77975L6.13472 5.03115L7.14503 8.14058L4.5 6.21885L1.85497 8.14058L2.86528 5.03115L0.220246 3.10942H3.48969L4.5 0Z' fill='%230E0E0E'/%3E%3C/svg%3E");
  }
  .ideasSection .ideasGalleryBlock .img .btn-block .btn {
    grid-column: span 2;
  }
  .textIndexSection .textIndexBlock .text > div:nth-child(1) {
    grid-column: span 4;
    text-align: right;
  }
  .bannSection .bannBlock .swiper .swiper-slide .name span {
    grid-column: 2/5;
  }
}
@media screen and (max-width: 850px) {
  :root {
    --fz141: 60px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.open, .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.selected {
    grid-column: span 2;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b .img {
    height: 120px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category ul {
    gap: 10px 30px;
  }
  .mapSection .mapBlock .text-block {
    width: 60%;
  }
  .offcanvas#menu .offcanvas-header .callback {
    display: none;
  }
  .offcanvas#menu .offcanvas-body {
    margin-top: 20px;
  }
  .offcanvas#menu .offcanvas-header .logo {
    grid-column: span 3;
  }
  .offcanvas#menu .offcanvas-header .logo .img {
    width: 200px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    left: 50%;
    width: 160%;
    height: 150%;
    transform: translateX(-50%);
    bottom: -200px;
  }
  .requisitesSection .requisitesBlock .table .item .item_a {
    grid-column: 2/5;
  }
  .contactsSection .contactsBlock .information .address-contacts {
    grid-column: span 4;
  }
  .requisitesSection .requisitesBlock .table .item.info:nth-child(3) .item_a:nth-child(2n) {
    grid-column: 2/3;
  }
  .requisitesSection .requisitesBlock .table .item.info:nth-child(3) .item_a:nth-child(2n+1) {
    grid-column: 3/5;
  }
  .requisitesSection .requisitesBlock .table .item.info:nth-child(3) .item_a:last-of-type {
    grid-column: 2/5;
  }
  .requisitesSection .requisitesBlock .table .item:not(:last-of-type) {
    row-gap: 60px;
  }
  .reviewsSection .reviewsBlock .information .reviews .item {
    gap: 40px;
  }
  .reviewsSection .reviewsBlock .information > .btn-block .btn {
    padding: 20px;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 348px;
  }
  section {
    padding-bottom: 110px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info > span {
    grid-column: span 2;
  }
  .offcanvas#menu .offcanvas-header .search-close {
    grid-column: span 4;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info .btn-block,
  .bannSection .bannBlock .swiper .swiper-slide .name span {
    grid-column: span 4;
  }
  .offcanvas#menu .offcanvas-body {
    padding-top: 0;
  }
  .desktop-t {
    display: none !important;
  }
  .mobile-t {
    display: block;
  }
  .offcanvas#menu .offcanvas-body .add .write-us {
    display: none;
  }
  .offcanvas#menu .offcanvas-body .add .social,
  .offcanvas#menu .offcanvas-body .add .questions.btn-block {
    grid-column: span 2;
  }
  .proposalSection .proposalBlock .info-block .item.mobile-t {
    display: grid;
  }
}
@media screen and (max-width: 830px) {
  .modal#zoomModal .modal-dialog .modal-content .modal-header .name-back .modal-title {
    flex-direction: column;
    align-items: flex-start;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration {
    overflow: initial;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants {
    max-height: 470px;
    overflow: auto;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-header {
    padding: 40px 40px 30px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body {
    padding: 0 40px 40px;
  }
  .recSection .recBlock .accordion .accordion-item {
    grid-column: span 4;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-body,
  .faq-section .accordion .accordion-item .accordion-body {
    padding: 20px 0 20px 20px;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-body .text-block,
  .faq-section .accordion .accordion-item .accordion-body .text-block {
    gap: 20px;
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 80px;
  }
  .descSpecSection .descSpecBlock .info, .descSpecSection .descSpecBlock .specifications {
    grid-column: span 4;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 320px;
  }
  .textIndexSection .textIndexBlock .text {
    font-size: 9vw;
  }
  .productIndexSection .productIndexBlock .item .info {
    width: calc(100% - 40px);
    top: 20px;
    left: 20px;
  }
  .mapSection .mapBlock .text-block .info-block {
    grid-column: span 4;
  }
  .offcanvas#menu .offcanvas-body .main .product-item {
    display: none;
  }
  .offcanvas#menu .offcanvas-body .main, .offcanvas#menu .offcanvas-body nav {
    grid-column: span 4;
  }
  .offcanvas#menu .offcanvas-body .main-nav {
    row-gap: 60px;
  }
  .offcanvas#menu .offcanvas-body nav > ul > li.sub > span::after, .offcanvas#menu .offcanvas-body nav > ul > li.sub > span::before {
    width: 30px;
    height: 4px;
  }
  .offcanvas#menu .offcanvas-body nav > ul > li > span {
    padding-right: 50px;
  }
  .catalogSection .catalogBlock {
    row-gap: 50px;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount .text > span:nth-child(1), .orderSection .orderBlock .info-block .information .details .order-amount .sum > span:nth-child(1) {
    line-height: 1.2;
  }
}
@media screen and (max-width: 768px) {
  .catalogSection .catalogBlock .item__additional__variation {
    top: 16px;
    left: 16px;
    padding: 6px;
  }
  .catalogSection .catalogBlock .item__additional__three-d {
    top: 16px;
    right: 16px;
    padding: 6px;
  }
  .bannSection .img-furniture-block:not(.visible-mobile) {
    display: none;
  }
  header .header .logo .img {
    padding: 0;
  }
  .article-section__container {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0;
  }
  .article-section__info {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .article-section__info__heading > ul {
    padding: 0 1.25rem;
    flex-direction: row;
    gap: 1.25rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .article-section__info__heading > ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .article-section__info__heading > ul a {
    display: block;
    padding: 1.25rem 0;
  }
  .article-section__info__text {
    padding: 0 1.25rem;
  }
  .articles-section__tags-block {
    flex-direction: column;
    gap: 1.25rem;
  }
  .articles-section__container {
    row-gap: 2.5rem;
  }
  .articles-section__news {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
  .proposal-section__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
  .proposal-section__information {
    gap: 1.25rem;
  }
  .proposal-section__information__name-img__name-btn {
    gap: 2.5rem;
  }
  .proposal-section__information__name-img__name-btn .btn {
    width: 100%;
  }
  .proposal-section .mobile {
    display: grid;
  }
  .proposal-section .desktop {
    display: none;
  }
  .heading-section__date-time {
    margin-top: 1.875rem;
  }
  .heading-section__name {
    margin-top: 1.25rem;
    font-size: 2.563rem;
  }
  .heading-section__description {
    margin-top: 2.5rem;
  }
  .heading-section.line::after {
    padding-top: 2.5rem;
  }
  .product-design-section__container.container {
    row-gap: 2.5rem;
  }
  .product-design-section__btn {
    grid-column: span 4;
  }
  .additional-section__container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .additional-material-section__information {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .additional-material-section__container {
    gap: 2.5rem !important;
  }
  .additional-delivery-section__container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .additional-delivery-section__text {
    gap: 2.5rem;
  }
  .faq-section__container {
    gap: 2.5rem !important;
  }
  .faq-section__information {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.no-select {
    gap: 40px;
  }
  .bannSection .bannBlock .swiper .swiper-button-next, .bannSection .bannBlock .swiper .swiper-button-prev {
    width: 64px;
    height: 64px;
    font-size: 30px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .follow-mouse-text {
    display: none !important;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .carousel {
    cursor: pointer;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    width: 100%;
    height: 100%;
    background-position: bottom center;
    bottom: 10%;
  }
  .requisitesSection .requisitesBlock .table .name-table .name-title,
  .requisitesSection .requisitesBlock .table .name-table > .add {
    grid-column: span 4;
  }
  .requisitesSection .requisitesBlock .table .item.name-table {
    row-gap: 20px;
  }
  .requisitesSection .requisitesBlock .table .name-table .name-title {
    order: -1;
  }
  .requisitesSection .requisitesBlock .table .item .elem {
    display: none;
  }
  .requisitesSection .requisitesBlock .table .item .item_a {
    grid-column: span 4;
  }
  .reviewsSection .reviewsBlock .information > .btn-block {
    grid-column: span 4;
  }
  .requisitesSection .requisitesBlock .table .item.info:nth-child(3) .item_a:nth-child(2n) {
    grid-column: 1/3;
  }
  .requisitesSection .requisitesBlock .table .item.info:nth-child(3) .item_a:last-of-type {
    grid-column: span 4;
  }
  .requisitesSection .requisitesBlock .table .item.address .item_a {
    gap: 30px 20px;
    grid-column: span 4;
  }
  .reviewsSection .reviewsBlock .information .reviews .item {
    padding: 30px;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .info .pnd .img {
    width: 55px;
    height: 55px;
  }
  .showroomSection {
    padding-bottom: 60px;
  }
  .showroomSection .showroomBlock .information .text-searchPoint {
    grid-column: span 4;
  }
  .mapSection .mapBlock #map, .mapSection .mapBlock #map_showroom {
    height: 600px !important;
  }
}
@media screen and (max-width: 700px) {
  .reviewsSection .reviewsBlock .information .reviews {
    display: flex;
    flex-direction: column;
  }
  .contactsSection .contactsBlock .information .address-contacts .contacts {
    display: flex;
    flex-direction: column;
  }
  .contactsSection .contactsBlock .information .address-contacts {
    row-gap: 40px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .photo-block .list .list-main label {
    padding: 20px;
  }
}
@media screen and (max-width: 650px) {
  :root {
    --fz141: 50px;
    --fz91: 60px;
    --fz61: 35px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .photo-block .list .list-main {
    gap: 10px;
  }
  .mapSection .mapBlock .text-block {
    width: 70%;
  }
  .successSection .successBlock .information .text-btn-block > .btn-block .btn {
    grid-column: span 2;
  }
  .carouselSection .carouselBlock .configuration-block .func {
    grid-column: span 4;
    margin-top: 20px;
  }
  .carouselSection .carouselBlock .configuration-block .info {
    margin-bottom: 20px;
  }
  .carouselSection .carouselBlock .configuration-block .btn-block {
    grid-column: span 4;
  }
  .productGallerySection .productGalleryBlock .item.video {
    grid-column: span 4;
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 70px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    width: 120%;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture-block {
    width: 100%;
    height: 100%;
  }
  .pt-main {
    padding-top: 140px;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 260px;
  }
  .mapSection .mapBlock .text-block .info-block .information {
    font-size: 28px;
  }
  .mapSection .mapBlock .text-block .info-block {
    gap: 20px;
  }
  .container {
    gap: 10px;
  }
  .ideasSection .ideasGalleryBlock .img {
    gap: 10px;
  }
  .ideasSection .ideasGalleryBlock {
    row-gap: 10px;
  }
  .ideasSection .ideasBlock .info {
    padding-right: 30%;
  }
  .productIndexSection .productIndexBlock .item .info {
    display: none;
  }
  footer .img-company {
    width: 100%;
  }
  footer .img-company {
    background-size: 110%;
    background-position: bottom;
  }
  footer .footer .questions.btn-block .btn {
    height: 100%;
  }
  section {
    padding-bottom: 100px;
  }
  .mapSection .mapBlock .text-block .info-block .information {
    font-size: 22px;
    flex-direction: column;
    gap: 20px;
  }
  .ideasSection .ideasBlock {
    padding-bottom: 100px;
  }
  .offcanvas#menu .offcanvas-body .main ul {
    gap: 20px;
  }
  .offcanvas#menu .offcanvas-body nav > ul {
    gap: 40px;
  }
}
@media screen and (max-width: 580px) {
  .orderGoodsSection .orderGoodsBlock .info-block .information .details .info-product {
    display: flex;
    flex-direction: column;
  }
  .mapSection .mapBlock .text-block {
    width: 80%;
  }
  .proposalSection .proposalBlock .info-block .item .deep {
    grid-column: 3/5;
    display: flex;
    justify-content: flex-end;
  }
  .proposalSection .proposalBlock .info-block .item .deep span {
    font-size: 14px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn {
    margin-top: 20px;
  }
  .modal .modal-dialog .modal-content .modal-header.conf {
    padding: 40px 40px 20px 40px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf {
    padding: 0px 40px 40px 40px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration {
    margin-top: 40px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item {
    gap: 30px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.no-select {
    padding: 0;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.no-select .item,
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.success-select .item .name-category {
    padding: 20px;
  }
  .mapSection .mapBlock .text-block .info-block .information {
    font-size: 19px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block.all-size .close-all-width {
    width: 50px;
    height: auto;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block.all-size .deep {
    left: 20px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .deep {
    bottom: 20px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .func {
    bottom: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    font-size: 14px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .desc {
    order: 1;
    margin-top: 10px;
    padding-right: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .btn-block {
    margin-top: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .btn-block .btn {
    font-size: 14px;
  }
  .errorSection .errorBlock .information .name-title {
    font-size: 58px;
  }
  .errorSection .errorBlock .information {
    padding-top: 100px;
  }
  .contactsSection {
    padding-bottom: 60px;
  }
  .showroomSection .showroomBlock .information .text-searchPoint form.search-point {
    display: flex;
    flex-direction: column;
  }
  .showroomSection .showroomBlock .information .text-searchPoint form.search-point .btn-block .btn {
    padding: 20px;
  }
  .descSpecSection .descSpecBlock .specifications ul li > span:nth-of-type(2) {
    width: 110px;
  }
  .bannSection.product {
    padding-bottom: 40px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info .btn-block .btn {
    font-size: 14px;
  }
  .proposalSection .proposalBlock .info-block .item .name-add {
    grid-column: span 4;
  }
  .carouselSection .carouselBlock .configuration-block {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.05);
  }
  .carouselSection .carouselBlock .configuration-block .info {
    padding: 20px;
  }
  .carouselSection .carouselBlock .configuration-block .func {
    padding: 20px;
  }
  .carouselSection .carouselBlock .configuration-block .func {
    margin-top: 0;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .info {
    width: 100%;
    left: 0;
    right: 0;
    justify-content: space-between;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .info {
    bottom: 20px;
    right: 20px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block {
    height: 450px;
  }
  .proposalSection {
    padding-bottom: 60px;
  }
  .proposalSection .proposalBlock .info-block .item {
    width: 100%;
  }
  .proposalSection .proposalBlock .info-block .item {
    padding: 40px 20px 20px;
    grid-template-rows: 1fr auto;
  }
  .proposalSection .proposalBlock .info-block .item .btn-block {
    display: none;
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 100px;
  }
  .proposalSection .proposalBlock .info-block .item:not(:hover) .deep, .proposalSection .proposalBlock .info-block .item:not(:hover) .add, .proposalSection .proposalBlock .info-block .item:not(:hover) .btn-block {
    opacity: 1;
  }
  .proposalSection .proposalBlock .info-block .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
  .descSpecSection {
    padding-bottom: 0;
  }
  .descSpecSection .descSpecBlock .info .deadlines {
    font-size: var(--fz14);
  }
  .descSpecSection .descSpecBlock .info {
    gap: 20px;
  }
  .descSpecSection .descSpecBlock {
    row-gap: 40px;
  }
  .catalogSection .catalogBlock .item {
    grid-column: span 3;
  }
  .catalogSection .catalogBlock .item .photo {
    height: 348px;
  }
  .catalogSection .catalogBlock {
    row-gap: 40px;
  }
  .titleSection.catalog {
    padding-bottom: 20px;
  }
  .catalogSection .catalogBlock::before {
    content: none;
  }
  .titleSection .titleBlock .add,
  .titleSection .titleBlock .search {
    grid-column: span 4;
  }
  .titleSection.catalog .titleBlock {
    row-gap: 20px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body {
    gap: 30px;
  }
}
@media screen and (max-width: 480px) {
  :root {
    --fz201: 141px;
    --fz141: 40px;
    --fz91: 45px;
  }
  .bannSection .bannBlock .swiper .swiper-slide {
    gap: 10px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .marquee {
    font-size: 110px;
  }
  .mapSection .mapBlock .text-block .info-block .name {
    font-size: 21px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-header {
    padding: 20px 20px 30px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(1), .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(2) {
    font-size: 16px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body {
    padding: 0 20px 20px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .photo-block .name {
    margin-bottom: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .photo-block .list .list-main label {
    font-size: 25px;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .photo-user {
    gap: 15px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration.no-select {
    gap: 20px;
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 80px;
  }
  .proposalSection .proposalBlock .info-block .item {
    row-gap: 65px;
    padding: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .photo-name-price .photo {
    width: 90px;
    height: 90px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .photo-name-price {
    gap: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini {
    flex-direction: column;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .btn-mini .back {
    display: none;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .btn-mini .btn-block {
    display: block;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul {
    padding-right: 0;
  }
  .modal#orderModal .modal-dialog .modal-content .modal-header {
    align-items: flex-start;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title .back {
    opacity: 0.4;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title .back > div {
    display: inline-block;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title .back svg {
    width: 20px;
    height: 20px;
  }
  .modal#orderModal .modal-dialog .modal-content .modal-header .modal-title {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.open .img,
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b.selected .img {
    min-height: auto;
    height: 250px;
    flex: none;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .btn-block {
    width: 100%;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .desc {
    padding: 0 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn .btn-block .btn {
    padding: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .desc-btn {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .orderSection .orderBlock {
    width: 100%;
  }
  .orderSection .orderBlock .info-block .information .details, .orderSection .orderBlock .info-block .more .item {
    padding: 20px;
  }
  .orderSection .orderBlock .info-block .more {
    width: calc(100% - 40px);
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin-top: 40px !important;
  }
  .orderSection .orderBlock .info-block .btn-block.mobile-t {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .orderSection .orderBlock .info-block {
    margin-top: -100px !important;
    gap: 20px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info .main .info-name {
    font-size: 21px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info .main .desc,
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info .phone {
    font-size: 16px;
  }
  .mapSection .mapBlock .text-block .info-block {
    padding: 20px;
  }
  .descSpecSection {
    padding-top: 0;
  }
  .mapSection .mapBlock #map, .mapSection .mapBlock #map_showroom {
    height: 550px !important;
  }
  .textIndexSection .textIndexBlock .text {
    row-gap: 5px;
  }
  .textIndexSection {
    padding-bottom: 85px;
  }
  .modal .modal-dialog .modal-content .modal-header {
    padding: 30px 30px 20px;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 10px 10px 30px;
  }
  .errorSection .errorBlock .information .text-btn-block > .btn-block {
    display: flex;
    flex-direction: column;
  }
  .errorSection .errorBlock .information .text-btn-block > .btn-block .btn {
    padding: 20px;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-header .accordion-button::after,
  .faq-section .accordion .accordion-item .accordion-header .accordion-button::after {
    width: 20px;
    height: 20px;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-body .text-block .text {
    font-size: 14px;
  }
  .interiorSection {
    padding-bottom: 120px;
  }
  .interiorItemSection::before {
    top: -60px;
  }
  .aboutGallerySection .aboutGalleryBlock .item .btn-block .btn,
  .interiorItemSection .interiorItemBlock .gallery .item .btn-block .btn {
    font-size: 14px;
    padding: 10px;
  }
  .aboutGallerySection .aboutGalleryBlock {
    row-gap: 10px;
  }
  .aboutSection .aboutBlock .text,
  .recSection .recBlock .information .text,
  .interiorSection .interiorBlock .information > .text {
    grid-column: span 4;
  }
  .recSection .recBlock .information .add {
    margin-bottom: 40px;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-header .accordion-button,
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    padding: 20px;
  }
  .recSection .recBlock .accordion .accordion-item .accordion-header .accordion-button::before,
  .faq-section .accordion .accordion-item .accordion-header .accordion-button::before {
    margin-right: 20px;
  }
  .recSection:not(:last-of-type) {
    padding-bottom: 80px;
  }
  .aboutSection,
  .aboutPhotoSection {
    padding-bottom: 60px;
  }
  .bannSection.product .bannBlock .swiper .swiper-slide .info > span:nth-child(1) {
    display: none;
  }
  .carouselSection .carouselBlock .configuration-block .func .list ul li {
    width: 66px;
    height: 66px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block {
    height: 350px;
  }
  .pt-main {
    padding-top: 100px;
  }
  .offcanvas#menu .offcanvas-body .add .questions.btn-block .btn {
    padding: 20px;
  }
  .offcanvas#menu .offcanvas-body .main ul li a {
    font-size: 15vw;
  }
  .offcanvas#menu .offcanvas-body .main ul li a > span:nth-child(1) > div {
    font-size: calc(15vw - 10px);
  }
  .offcanvas#menu .offcanvas-body nav > ul > li .submenu > ul li a {
    font-size: 21px;
  }
  .offcanvas#menu .offcanvas-body .add .social, .offcanvas#menu .offcanvas-body .add .questions.btn-block {
    grid-column: span 4;
  }
  header .header .logo .img {
    width: 136px;
  }
  header .header {
    padding: 13px 0;
  }
  .ideasSection .ideasBlock .title,
  .descSpecSection .descSpecBlock .title {
    grid-row: auto;
  }
  .ideasSection .ideasBlock .info {
    padding-right: 10%;
  }
  .textIndexSection .textIndexBlock {
    row-gap: 30px;
  }
  .textIndexSection .textIndexBlock .info > span {
    font-size: var(--fz14);
    line-height: 1.2;
  }
  footer .footer .questions.btn-block .btn {
    padding: 20px 20px;
  }
  footer .footer .write-us > span:nth-child(1) {
    display: none;
  }
  footer .footer nav ul li a,
  footer .footer .massiwo,
  footer .footer .time-work .day,
  footer .footer .questions.btn-block .btn {
    font-size: var(--fz14);
    line-height: 1.2;
  }
  footer .footer .time-work-text span,
  footer .footer .time-work .time,
  footer .footer .write-us > span:nth-child(1) {
    font-size: 21px;
  }
  footer .footer .write-us {
    gap: 10px;
  }
  footer .footer .write-us > span:nth-child(2) {
    font-size: 12px;
  }
  footer .footer .questions.btn-block .btn {
    text-transform: none;
  }
  footer {
    padding-top: 100px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .name {
    display: none;
  }
  .bannSection .bannBlock .swiper .swiper-slide .marquee {
    display: block;
  }
  .catalogSection .catalogBlock .item .name {
    font-size: 23px;
  }
  .titleSection .titleBlock .add {
    font-size: 19px;
  }
  .titleSection .titleBlock .search label .sc .search-btn svg {
    width: 20px;
    height: 20px;
  }
  .bannSection {
    padding-bottom: 0;
  }
  .bannSection .bannBlock .swiper .swiper-pagination {
    top: 100px;
  }
  .ideasSection .ideasGalleryBlock .img .btn-block .btn {
    font-size: 14px;
  }
  section {
    padding: 50px 0;
  }
  .textIndexSection {
    padding-bottom: 50px;
  }
  .carouselSection {
    margin: 50px 0;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount .text > span:nth-child(1), .orderSection .orderBlock .info-block .information .details .order-amount .sum > span:nth-child(1) {
    font-size: 24px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b .img {
    height: 90px;
  }
  footer .footer .add-social .add {
    font-size: 14px;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .info .pnd {
    align-items: flex-start;
    gap: 10px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li {
    min-width: 360px;
  }
}
@media screen and (max-width: 450px) {
  .mapSection .mapBlock .text-block .info-block .information {
    font-size: 16px;
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category {
    gap: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .item_a .variants .item_b .info-text > span {
    font-size: 14px;
  }
  .reviewsSection .reviewsBlock .information > .btn-block .btn {
    font-size: 16px;
  }
  .reviewsSection .reviewsBlock .information .reviews.reviews-main .item .photo-user img:first-of-type {
    max-height: 130px;
  }
}
@media screen and (max-width: 400px) {
  :root {
    --fz61: 31px;
  }
  .titleSection.catalog .titleBlock .filter-catalog .info-block {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
  .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(1), .modal#zoomModal .modal-dialog .modal-content .modal-body .btn-block .btn:nth-child(2) {
    font-size: 14px;
  }
  .reviewsSection .reviewsBlock .information > .btn-block .btn {
    font-size: 14px;
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 70px;
  }
  footer .footer .add-social {
    justify-content: center;
  }
  footer .footer .add-social .add {
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul li .info-text .type {
    display: block;
    opacity: 0.4;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul li .img {
    display: none;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul li {
    padding: 0;
    border: 0;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .conf-btn-mini .configurations ul li .info-text {
    justify-content: flex-start;
    align-items: center;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order {
    margin-bottom: 30px;
    padding-bottom: 0;
    border: 0;
  }
  .modal .modal-dialog .modal-content .modal-header.conf {
    padding: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf {
    padding: 0px 20px 20px 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration {
    margin-top: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category ul {
    gap: 10px 20px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category .name {
    font-size: 21px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .list .desc {
    font-size: 14px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category ul li,
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category .selected span {
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content .modal-body.conf .configuration .item .name-category .selected span {
    line-height: 1.2;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount .text > span:nth-child(1), .orderSection .orderBlock .info-block .information .details .order-amount .sum > span:nth-child(1) {
    font-size: 22px;
  }
  footer .footer .developers svg {
    width: 90%;
  }
  .carouselSection .carouselBlock .configuration-block .info .help {
    font-size: 14px;
  }
  .carouselSection .carouselBlock .configuration-block .info {
    gap: 0;
  }
  .carouselSection .carouselBlock .configuration-block .btn-block .btn {
    font-size: 14px;
  }
  .carouselSection .carouselBlock .configuration-block .func:last-of-type {
    padding-bottom: 0;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .info .arrow {
    display: none;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .info .pnd .img {
    width: 40px;
    height: 40px;
  }
  .reviewsSection .reviewsBlock .information .reviews .item .info .pnd .nd .name,
  .reviewsSection .reviewsBlock .information .reviews .item .info .pnd .nd .date,
  .reviewsSection .reviewsBlock .information .reviews .item .text-review {
    font-size: 14px;
  }
  .requisitesSection {
    padding: 60px 0;
  }
  .successSection .successBlock .information {
    padding-top: 50px;
  }
  header .header nav .mobile-menu {
    font-size: 14px;
  }
  .offcanvas#menu .offcanvas-header .search-close .search label input {
    padding: 13px 20px;
  }
  .offcanvas#menu .offcanvas-header .search-close .search label .sc .search-btn svg {
    width: 18px;
    height: 18px;
    object-fit: contain;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .photo-name-price .name-price .name {
    font-size: 21px;
  }
  .modal .modal-dialog .modal-content .modal-body .information-order .photo-name-price .name-price {
    gap: 10px;
  }
  .modal .modal-dialog .modal-content .modal-body form.application-block .desc {
    font-size: 12px;
  }
}
@media screen and (max-width: 375px) {
  :root {
    --fz201: 29vw;
    --fz141: 31px;
    --fz91: 31px;
    --fz61: 8.3vw;
  }
  .bannSection .bannBlock .swiper .swiper-slide .marquee {
    font-size: var(--fz201);
  }
  .proposalSection .proposalBlock .info-block .item .name-add .name {
    font-size: 61px;
  }
  .orderSection .orderBlock .info-block .information .details .number-name .name {
    font-size: 21px;
  }
  .orderSection .orderBlock .info-block .information .details .number-name, .orderSection .orderBlock .info-block .information .details .info-user {
    padding-bottom: 60px;
    margin-bottom: 40px;
  }
  .orderSection .orderBlock .info-block .information .details .info-user .item {
    gap: 20px;
  }
  .orderSection .orderBlock .info-block .information .details .order-amount .text > span:nth-child(1), .orderSection .orderBlock .info-block .information .details .order-amount .sum > span:nth-child(1),
  .orderSection .orderBlock .info-block .more .item .name-info .name {
    font-size: 21px;
  }
  .orderSection .orderBlock .info-block .more .item .img::after {
    padding-bottom: 57%;
  }
  .orderSection .orderBlock .info-block .btn-block.mobile-t .btn {
    font-size: 14px;
  }
  .orderSection .orderBlock .info-block .information .details .info-user .item span:nth-child(1) {
    font-size: 19px;
  }
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info .main .desc,
  .mapSection.showroom .mapBlock .text-block .info-block .list ul li .info .phone {
    font-size: 14px;
  }
  .offcanvas#menu .offcanvas-header .logo .img {
    width: 150px;
  }
  .offcanvas#menu .offcanvas-header .mobile-menu {
    transform: translateY(5px);
  }
  .bannSection .bannBlock .swiper .swiper-slide .info .btn-block .btn {
    gap: 0 10px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .img-furniture {
    width: 140%;
  }
  .showroomSection .showroomBlock .information .text-searchPoint,
  .showroomSection .showroomBlock .information .text-searchPoint form.search-point .btn-block .btn,
  .recSection .recBlock .accordion .accordion-item .accordion-header .accordion-button,
  .contactsSection .contactsBlock .information .add span,
  .requisitesSection .requisitesBlock .table .name-table > .add span,
  .requisitesSection .requisitesBlock .table .item.info.main .item_a > span:nth-child(2),
  .errorSection .errorBlock .information .add span,
  .successSection .successBlock .information .add span {
    font-size: 14px;
  }
  .requisitesSection .requisitesBlock .table .item.address .item_a > span {
    font-size: 31px;
  }
  .requisitesSection .requisitesBlock .table .item.address .item_a > span a {
    font-size: 21px;
  }
  .mapSection .mapBlock #map, .mapSection .mapBlock #map_showroom {
    height: 508px !important;
  }
  .ideasSection .ideasGalleryBlock .img .btn-block .btn {
    padding: 10px;
  }
  .recSection:not(:last-of-type) {
    padding-bottom: 60px;
  }
  .recSection .recBlock .information .add span,
  .aboutSection .aboutBlock .add span,
  .interiorSection .interiorBlock .information .add span {
    font-size: 14px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block .info .deep {
    font-size: 12px;
  }
  .carouselSection .carouselBlock .carousel-block-main .carousel-block-main-2 .carousel-block {
    height: 260px;
  }
  .titleSection .titleBlock .add {
    font-size: 14px;
  }
  .catalogSection .catalogBlock .item .name {
    font-size: 19px;
  }
  .catalogSection .catalogBlock .item {
    gap: 10px;
  }
  .bannSection .bannBlock .swiper .swiper-slide .info > span {
    font-size: var(--fz14);
    line-height: 1.2;
  }
  body {
    font-size: 14px;
  }
  .ideasSection .ideasBlock {
    padding-bottom: 40px;
  }
  footer {
    padding-top: 78px;
  }
  .reviewsSection .reviewsBlock .information .add {
    font-size: 14px;
  }
}
@media screen and (max-width: 350px) {
  footer .footer nav ul {
    row-gap: 10px;
  }
  footer .footer .time-work-text span, footer .footer .time-work .time, footer .footer .write-us > span:nth-child(1) {
    font-size: 18px;
  }
  .interiorSection {
    padding-bottom: 100px;
  }
  .interiorItemSection::before {
    top: -50px;
  }
  .interiorItemSection .interiorItemBlock .information .num {
    font-size: 58px;
  }
}
@media screen and (max-width: 320px) {
  .bannSection .bannBlock .swiper .swiper-slide .info .btn-block .btn {
    padding: 10px;
  }
}

/*# sourceMappingURL=mobile.css.map */