@charset "UTF-8";
@media (max-width: 992px) {
    .city-alert {
        display: none;
        top: 125px;
        right: 20px;
        left: unset;
    }
    :root {
		--bs-body-font-size: 16px;
	}
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    h1, .h1 {
        font-size: 40px;
        line-height: 36px;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    .border-lg-bottom {
        border-bottom: none;
    }
    .border-m-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .m-w-100 {
        width:100% !important;
    }
    .m-w-100-full {
        width: calc(100% + 40px);
        max-width: unset;
        margin-left: -20px;
    }
    .m-col-two {
        width: 50%;
    }
    .m-px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .m-mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .m-opacity-04 {
	    opacity: 0.4;
    }
    .m-fz-16 {
        font-size: 16px;
    }
    .m-fz-20 {
        font-size: 20px;
    }
    .sm-row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .navbar {
        height: 120px;
        padding: 0;
        margin-bottom: 20px;
        top: 0;
        position: fixed;
        z-index: 99;
        transition: all 0.2s ease-out;
    }
    .navbar + * {
        margin-top: 140px;
        padding-top: unset;
    }
    .navbar > .container {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .city-container .link {
        text-decoration: none;
        color: var(--bs-blue-dark);
    }
    .navbar .city-container {
        padding: 14px 20px;
        background-color: #EEF5FC;
        position: relative;
        z-index: 99;
    }
    .mob-search {
        background-color: var(--bs-blue-dark);
        padding: 20px;
        margin-top: -100px;
        transition: all 0.15s ease-in-out;
        pointer-events: none;
        z-index: 0;
        position: relative;
    }
    .mob-search.show {
        margin-top: 0;
        pointer-events: auto;
        z-index: 9;
    }
    .mob-search .nav-search_btn {
        left: unset;
        right: 30px;
    }
    .mob-search .nav-search input {
        padding-left: 20px;
        padding-right: 60px;
    }
    /*hamburger */
	.hamburger-icon {
		display: flex;
        align-items: center;
        justify-content: center;
		position: relative;
		width: 40px;
        height: 40px;
        border-radius: 4px;
        background-color: var(--bs-green);
		z-index: 1000;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}
    .hamburger-icon__box {
        width: 10px;
        height: 10px;
        position: relative;
    }
	.icon-1, .icon-2, .icon-3 {
        position: absolute;
        right: calc(50% - 5px);
	    top: 0;
	    width: 10px;
        height: 1px;
        background-color: #fff;
        border-radius: 2px;
        transition: all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8);
	}
	.icon-1 {
		transform: translateY(1px);
		animation-delay: 100ms;
	}
	.icon-2 {

		transform: translateY(5px);
	}
	.icon-3 {
		transform: translateY(9px);
		animation-delay: 250ms;
	}
	.icon-1.a {
	  transform: rotate(45deg);
	  top:5px;
	}

	.icon-3.b {
	  transform: rotate(-45deg);
	  top:5px;
	}

	.icon-2.c {
	  opacity: 0;
	  width:0;
	}

	.clear {
	  clear: both;
	}

	body.menuopen {
		overflow: hidden;
	}
	body.menuopen .navbar .container {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.navbar > .container {
		height:81px;
		grid-auto-flow: row;
        grid-auto-rows: max-content;
		transition: all 0.2s ease-in-out;
	}
	.menuopen .navbar .container {
		height: max-content;
	}
	#mobnav {
		position: absolute;
		height: 0;
		opacity: 0;
		visibility: hidden;
		background: var(--bs-blue-dark);
        width: 100%;
        top: 68px;
		left: 0;
		overflow-y: scroll;
        padding-left: 20px;
        padding-right: 20px;
		padding-bottom: 25vh;
        z-index: 999;
		transition: all 0.2s ease-in-out;
	}
	#mobnav.show {
		height: 100vh;
		opacity: 1;
		visibility: visible;
	}
    #mobnav a {
        color:#fff;
    }
    .mob-nav {
        position: relative;
        background-color: var(--bs-blue-dark);
        color: #fff;
        display: flex;
        padding: 14px 20px;
        z-index: 98;
    }
    .mob-nav-icon {
        background-color: var(--bs-blue-dark);
        width: 40px;
        height: 40px;
        border: 1px solid #ECF0F4;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.15s ease-in-out;
    }
    .mob-nav-icon svg {
        stroke: #ECF0F4;
    }
    .mob-nav-icon.show {
        background-color: var(--bs-green);
        border: 1px solid var(--bs-green);
    }
    .mobnav_contacts a {
        font-size: 20px;
        text-decoration: underline;
    }
    .mobnav_contacts svg {
        stroke: #EDEDED;
        opacity: 0.4;
    }
    .mobnav-menu-list > div {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }
    .mobnav-menu-list a {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        text-decoration: none;
    }
    #city-modal {
        padding: 20px;
        top: 70px;
        background: #EEF5FC;
    }
    .social-icons-list {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 10px;
    }
    .navbar .social-icons-list {
        grid-template-columns: repeat(5, 1fr);
     }
    .social-icon {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
    }
    .mtc-btn.mtc-btn_big {
        line-height: 75px;
    }
/*hamburger*/

    .header-lead {
        font-size: 20px;
        font-weight: 500;
    }
    .header-benefit:before {
        display: none;
    }
    .header-benefit {
        color: #454545;
        background: unset;
        font-size: 16px;
        margin: 0;
        padding: 0;
        height: auto;
        gap: 15px;
    }
    .header-benefit svg {
        stroke: #454545;
        width: 40px;
        height: 40px;
        position: relative;
        right: unset;
        bottom: unset;
        flex-shrink: 0;
        background-color: #F4F4F4;
        padding: 9px;
        border-radius: 4px;
    }
    .header-calc {
        background-image: none;
        font-size: 16px;
        font-weight: 400;
        padding: 36px 20px;
        border-radius: 0;
    }
    .header-calc::before {
        display: none;
    }
    .header-calc--btn {
        height: 80px;
        padding: 0 10px;
    }
     .main .head-section_main {
        background-image: none;
     }
    .main .head-section_main .header-bg-mob {
        background-image: url(../img/header_bg-1_mob.webp);
        background-repeat: no-repeat;
        background-size: contain !important;
        background-position: bottom !important;
        padding-bottom: 200px;
        margin-left: -20px;
        margin-right: 0;
        width: calc(100% + 40px);
    }
    .head-section_main.head-section_main_rectangular .header-bg-mob {
        background-image: url(../img/header_bg-2.webp);
        background-repeat: no-repeat;
        background-size: contain !important;
        background-position-y: calc(100% + 160px) !important;
    }
    .main .head-section_main.head-section_main_treatment .header-bg-mob {
        background-image: url(../img/header_bg-3.webp);
        background-repeat: no-repeat;
        background-size: contain !important;
        background-position: bottom !important;
        padding-bottom: 200px;
        margin-left: -20px;
        margin-right: 0;
        width: calc(100% + 40px);
    }
    .head-section_main.head-section_main_sewerage-stations .header-bg-mob {
        background-image: url(../img/header_bg-4.webp);
        background-repeat: no-repeat;
        background-size: contain !important;
        background-position-y: calc(100% + 160px) !important;
        background-position-x: calc(100% + 140px) !important;
    }
    .main .head-section_main.head-section_main_los .header-bg-mob {
        background-image: url(../img/header_bg-5-mob.webp);
        background-repeat: no-repeat;
        background-size: contain !important;
        background-position-y: 110% !important;
        padding-bottom: 200px;
        margin-left: -20px;
        margin-right: 0;
        width: calc(100% + 40px);
    }

    .main .head-section_main .header-bg-mob > div {
        padding: 0 20px;
    }
    .catlink-box__img {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        position: relative;
    }
     .catlink-box__title {
        padding-left: 0;
     }
    .catlink-box__title a {
        font-size: 16px;
    }
    .catlink-box__btn {
        width: 32px;
        height: 32px;
        position: absolute;
        right: 14px;
        bottom: 14px;
    }
    .PromoSwiperFull .swiper-slide {
        height: 250px;
    }
    .swiper-button-next.sb-bg:before, .swiper-button-prev.sb-bg:before, .swiper-button-next.sb-bottom-right:before, .swiper-button-prev.sb-bottom-right:before {
        width: 48px;
        height: 48px;
        left: -12px;
        background-size: 30% !important;
    }
    .swiper-button-next.sb-bg:hover:before, .swiper-button-prev.sb-bg:hover:before, .swiper-button-next.sb-bottom-right:hover:before, .swiper-button-prev.sb-bottom-right:hover:before {
        background-size: 30%;
    }
    .swiper-button-next.sb-bg, .swiper-button-prev.sb-bg {
        width: 44px;
        height: 160px;
    }
    .swiper-button-next.sb-bg.nobg, .swiper-button-prev.sb-bg.nobg {
	    background: none;
    }
    .slide-descr {
        font-size: 12px;
        text-align: center; 
        top: unset;
        bottom: 10px;
        padding: 5px 10px;
        transform: translateX(-50%);
    }
    .product-card {
        display: block;
        min-height: unset;
        position: unset;
    }
    .product-card__link {
        font-size: 20px;
        margin-left: 0;
        padding-left: 0;
    }
    .product-card__link:before, .product-card__link:after {
        display: none;
    }
    .product-card__body {
        background-color: transparent;
        padding: 0;
    }
    .product-card__title {
        font-size: 20px;
    }
    .product-card__badges {
        position: relative;
        left: 0;
        top: 15px;
    }
    .product-card__badges .product-card__badge {
        background-color: #F4F4F4;
    }
    .product-card__info {
        margin-top: 30px;
        position: relative;
    }
    .product-card__description {
        font-size: 16px;
    }
    .promo-estimate-offer {
        padding: 22px 20px;
    }
    .offer-details-line {
        font-size: 16px;
    }
    .offer-details-line__img {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }
    .offer-details-line__img svg {
        width: 20px;
        height: 20px;
    }
    .promo-estimate-offer {
        background: none;
        background-color: var(--bs-blue-dark);
    }
    .m-promo-estimate-offer_bg {
        position: relative;
        padding-top: 200px;
		background: url(../img/m-promo-estimate-offer_bg.webp) no-repeat;
        background-size: contain;
		background-position-y: 10px;
    }
    .m-promo-estimate-offer_bg button {
        position: relative;
        z-index: 9;
    }
     .m-promo-estimate-offer_bg button:before {
        position: absolute;
        content: '';
        width:100%;
        height: 200px;
        background: url(../img/header-calc_bg.webp) no-repeat;
        background-position: center bottom;
        background-size: contain;
        bottom: 80px;
        z-index: 0;
    }
    .department-benefit {
        font-size: 16px;
        font-weight: 500;
        display: flex;
        gap: 18px;
    }
    .department-benefit__img img {
        display: none;
    }
    .department-benefit__img svg {
	    display: block;
    }
    .department-benefit__img {
        border-radius: 4px;
        background-color: var(--bs-gray-light);
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .department-benefit span {
        font-size: 16px;
        margin-top: 0;
    }
    .department-slider .CardItemImgSwiper .swiper-slide {
        height: 100%;
    }
    .partner-item {
        padding: 15px;
    }
    .partner-list.partner-list_main > *:nth-child(n+7) {
        display: none;
    }
     .partner-list.partner-list_main.show-all > *:nth-child(n+7) {
        display: block;
    }
    .production-steps__item {
        padding: 16px 20px;
        display: flex;
        gap: 40px;
        font-size: 16px;
    }
    .production-steps__item > div:first-child {
        width: 40px;
        height: 40px;
        position: relative;
        background: #fff !important;
        border-radius: 4px;
    }
    .production-steps {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 15px;
		grid-template-rows: auto;
    }  
    .production-steps__item:first-child {
        grid-row: auto;
    }
    .production-steps__item::before {
        background: transparent;
        color: var(--bs-blue);
        font-size: 16px;
        left: 56px;
        font-weight: 700;
    }
    .drop-box {
        height: auto;
        aspect-ratio: 1;
        border-radius: 4px;
        padding: 25px;
        position: relative;
    }
    .drop-box.drop-box__gray, .drop-box.drop-box__blue {
        background: #F4F4F4;
        color: #454545 !important;
    }
    .payment-1_bg {
        background: url(../img/payment-1-m.webp) no-repeat;
        background-position: bottom center;
        background-size: contain;
    }
    .delivery-1_bg {
        background: url(../img/payment-2-m.webp) no-repeat;
        background-position: bottom center;
        background-size: contain;
    }
    .drop-box__title {
        font-size: 20px;
    }
    .drop-box__descr {
        font-size: 16px;
    }
    .certificate-item {
        padding: 25px;
    }
    .certificate-item__title {
        display: none;
        font-size: 16px;
    }
    .bottom-zoom-btn::after {
        width: 48px;
        height: 48px;
        background-size: 40%;
    }
    .bottom-zoom-btn:before, .bottom-zoom-btn:after  {
        display: none;
    }
    .certificate-item__img img {
        max-width: 100%;
    }
    .blog-item {
        padding: 0;
    }
    .blog-item__title a {
        font-size: 20px;
    }
    .blog-item__descr {
        font-size: 16px;
    }
    .blog-item a:before {
        display: none;
    }
    .blog-item .mtc-btn {
        font-size: 14px;
        line-height: 42px;
        font-weight: 700;
    }
    .SeoSwiperFull .swiper-slide {
        height: 240px;
    }
    .colnsultation-promo {
        padding: 40px 20px;
    }
    .colnsultation-promo_m-padding {
        padding-top: 260px;
    }
    .colnsultation-promo__team-label {
        position: relative;
        margin-left: unset;
        text-align: center;
        color: #fff;
        background-color: unset;
        display: block;
    }
    .colnsultation-promo__team-label:before {
        display: none;
    }
    .colnsultation-promo__team-label > div:first-child {
        font-size: 20px;
        font-weight: 500;
        background-color: #0F2744;
         width: max-content;
        margin-left: auto;
        margin-right: auto;
        padding: 9px 10px;
        padding-bottom: 5px;
    }
    .colnsultation-promo__team-label > div:last-child {
        font-size: 16px;
        background-color: #0F2744;
                padding: 6px 10px;
    }
    .seo-tags {
        column-gap: 20px;
        row-gap: 10px;
        padding: 0;
    }
    .seo-tags a {
        font-size: 16px;
    }
    .contacts-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px; 
    }
    .contacts-map {
        height: 240px;
    }
    footer {
        border-top: none;
        padding-bottom: 50px;
    }
    .colnsultation-promo_img {
        bottom: -40px;
        z-index: 0;
    }
    .colnsultation-promo_left .header-calc--btn {
        position: relative;
    }
    .contacts-info {
        font-size: 16px;
    }
    .mobile-bottom-btn  {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 99;
    }
    .mobile-bottom-btn  .header-calc--btn {
        border-radius: 0;
        height: 65px;
    }
    .sub-h {
        font-size: 16px;
    }
    .breadcrumbs {
        overflow-x: scroll;
        width: calc(100% + 20px);
        padding-right: 20px;
        margin-bottom: 16px;
    }
    .breadcrumbs__list {
        margin-bottom: 0;
    }
    .breadcrumbs__link {
        font-size: 14px;
    }
    .colnsultation-promo.colnsultation-promo_quiz .colnsultation-promo__team-label > div {
        background-color: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .colnsultation-promo.colnsultation-promo_quiz .colnsultation-promo__team-label > div:first-child {
        margin-bottom: 10px !important;
        font-size: 20px;
    }
    .colnsultation-promo.colnsultation-promo_quiz {
        padding: 20px;
        overflow: hidden;
        display: block;
        height: 580px;
    }
     .blog-page-list .blog-item__date {
        position: relative;
        margin-bottom: 20px;
        color: #454545;
    }
    .pages-nav .pages span, .pages-nav .pages a, .page-nav-link {
        aspect-ratio: 1;
        height: auto;
        width: 58px;
    }
    .pages-nav .page_prev {
        margin-left: unset;
    }
    .article_body img {
        margin-bottom: 20px;
    }
    .vacancy-item {
        padding: 25px 20px;
        font-size: 16px;
    }
    .vacancy-item img {
        display: none;
    }
    .custom-select-container {
        width: 100%;
    }
    .projects-list .product-card {
        padding-bottom: 0;
    }
    .project-fullitem .PromoSwiperFull.about-swiper .swiper-slide {
        height: 250px;
    }
    .project-fullitem .PromoSwiperFull.about-swiper {
        width: calc(100% + 40px);
        margin-left: -20px;
        border-radius: 0;
    }
    .project-fullitem .PromoSwiperFull.about-swiper .swiper-slide img {
        border-radius: 0;
    }
    .project-fullitem .PromoSwiperFull.about-swiper .swiper-slide .slide-descr {
        display: none;
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination_inside {
        bottom: 10px;
    }
    .project-fullitem_characteristics > div {
        flex-wrap: wrap;
        row-gap: 0px;
    }
    .project-fullitem_characteristics > div > div {
        font-size: 16px;
    }
    .project-fullitem_characteristics > div > div:last-child {
        font-size: 14px;
        flex-basis: 100%;
        padding-left: 36px;
    }
    .project-fullitem_characteristics .characterist-descr {
        font-size: 14px;
        grid-template-columns: 1fr;
        margin-top: -10px;
        padding-left: 36px;
    }
    .product-card__title, .product-card__title a {
        font-size: 20px;
    }
    .article_data {
        font-size: 16px;
    }
    .calc-similar-project {
        padding: 25px 20px;
        padding-bottom: 0;
        font-weight: 500;
    }
    .calc-similar-project span {
        font-weight: 700;
    }
    .calc-similar-project_img {
        position: relative;
        right: unset;
        max-height: unset;
        max-width: unset;
        width: calc(100% + 40px);
        margin-left: -20px;
    }
    .specs-table__grid {
		font-size: 16px;
	}
	.specs-table__grid > div {
    	padding: 15px 20px;
	}
	.specs-table__wrapper ul li:first-child {
		font-weight: 400;
		font-size: 16px;
		list-style: none;
		margin-left: -17px;
	}
	.specs-table__header {
		background-color: #DFE7F0 !important;
		font-size: 20px;
		font-weight: 500;
	}
	.specs-table__wrapper ul {
    	list-style: disc;
		gap: 6px;
		padding-left: 17px;
	}
	.specs-table__wrapper {
		border-radius: 0;
	}
	.specs-table__grid {
		grid-template-columns: 1fr;
	}
	.specs-table__img-cell {
		grid-row: auto;
	}
	.specs-table__full-width {
		grid-column: auto;
	}
	.specs-table__material-second {
		border-top: none;
	}
    .specs-table__wrapper {
        width: 100%;
    }
    .additional-element, .features-cat-element, .features-cat-element_links a, .application-cat-element {
        font-size: 16px;
        font-weight: 500;
    }
    .features-cat-element_links {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .gray-icon-box.ratio_16-9 {
        aspect-ratio: 1;
        padding: 10px;
    }
    .advantages-icon-box {
        background-color: transparent;
        padding: 0;
        font-size: 16px;
    }
    .advantages-icon-box > div:first-child {
        background-color: var(--bs-gray-light);
    }
    .configurations-item_img img {
        aspect-ratio: unset;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .configurations-item_img {
        height: 180px;
    }


    .configurations-item_body {
        padding: 20px;
    }
    .configurations-item_body a {
        font-size: 20px;
    }
    .configurations-item .catlink-box__btn {
        width: 48px;
        height: 48px;
    }
    .configurations-item .catlink-box__btn {
        bottom: 20px;
         right: 20px;
    }
    .swiper-button-next.sb-top-right, .swiper-button-prev.sb-top-right {
        top: unset;
        bottom: -76px;
        display: block;
        width: 58px;
        height: 58px;
        
    }
    .swiper-button-next.sb-top-right:before, .swiper-button-prev.sb-top-right:before {
        width: 58px;
        height: 58px;
        background: #fff url(../img/swiper-arrow-b.svg);
        border-radius: 4px;
        border: 2px solid var(--bs-blue);
    }
    .swiper-button-prev.sb-bottom-right, .swiper-button-prev.sb-top-right {
        left: 0;
        right:unset;
    }
    .colnsultation-promo-2 .header-calc--btn:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 200px;
        background: url(../img/header-calc_bg.webp) no-repeat;
        background-position: center bottom;
        background-size: contain;
        bottom: 80px;
        z-index: 0;
    }
    .colnsultation-promo-2 .colnsultation-promo_m-padding {
        padding-top: 200px;
    }
    .cat-steps-list .application-cat-element {
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .cat-steps-list .application-cat-element .application-cat-element__img {
        aspect-ratio: 1;
        flex-shrink: 0;
        height: 40px;
        width: 40px;
    }
    .cat-steps-list .application-cat-element::before {
        display: none;
    }
    .cat-steps-list .application-cat-element span {
        font-size: 16px;
        opacity: 0.8;
    }
    .cat-steps-list .application-cat-element {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        column-gap: 18px;
        row-gap: 6px;
    }
    .cat-steps-list span {
        grid-column: 1 / -1; /* Занимает всю ширину */
        display: block;
        margin-top: 5px;
    }
    .seo-img.seo-img_quiz {
        height: 300px;
    }
    .catlink-box_submenu a {
        font-size: 14px;
    }
    .catlink-box_submenu {
         row-gap: 5px;
    }
    .developer {
        margin-left: unset;
    }
    .application-cat-element img {
        height: 80px;
        object-fit: contain;
    }
    .base-modal.quiz-modal {
        width: 100%;
    }
    .base-modal {
        max-height: 90%;
        overflow-y: scroll;
        padding: 20px;
    }
    .custom-file-upload {
        font-size: 14px;
        padding: 0 10px;
    }
    

}
/* ] < 992  */


    @media (min-width: 440px) and (max-width: 992px) {
        .colnsultation-promo.colnsultation-promo_quiz {
            height: 680px;
        }
    }
    @media (max-width: 380px) {
        .colnsultation-promo.colnsultation-promo_quiz {
            height: 530px;
        }
        .pages-nav .pages span, .pages-nav .pages a, .page-nav-link {
            width: 40px;
        }
        .page-nav-link svg {
            width: 14px;
            height: 14px;
        }
     }
     @media (max-width: 320px) {
        .pages-nav .pages span, .pages-nav .pages a, .page-nav-link {
            width: 30px;
        }
     }

/* ] Mobile */



@media (min-width: 1980px) and (max-width: 4000px) {
    .head-section_main {
        background-position: center;
    }

}
/* Laptop  [ */
/* < 1680 [ */
@media (min-width: 991px) and (max-width: 1680px) {
    h1, .h1 {
        font-size: 54px;
    }
    h2, .h2 {
        font-size: 46px;
    }
    h3, .h3 {
        font-size: 38px;
    }
    .header-benefit {
        font-size: 16px;
        padding: 16px 20px;
    }
    .catlink-box__title a {
        font-size: 20px;
    }
    .catlink-box__btn {
        width: 54px;
        height: 54px;
    }
    .header-calc {
        font-size: 22px;
    }
    .header-calc--btn {
        padding: 0 50px;
        height: 87px;
    }
    .navbar-nav--products__submenu-content {
        padding: 30px;
    }
    .navbar-nav--products__submenu-arrow {
        top: -11px;
    }
    .submenu-content__list-type-2.grid-col-2.img-90 > div > div {
        height: 70%;
    }
    .submenu-content__list-type-2 > div a {
        font-size: 14px;
    }
    .submenu-content__list-type-2 > div {
        min-height: 65px;
    }
    .submenu-content__list-type-2 > div:has(> ul) {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .submenu-content__list-type-2 > div:has(> ul) > div {
        height: 80%;
    }
    .product-card__title {
        font-size: 22px;
        line-height: 1.3;
    }
    .product-card__description {
        font-size: 18px;
    }
    .department-benefit {
        font-size: 20px;
        line-height: 1.2;
    }
    .department-benefit span {
        font-size: 16px;
        margin-top: 6px;
    }
    .production-steps__item {
        font-size: 22px;
    }
    .payment-1_bg, .delivery-1_bg {
        background-size: 60%;
    }
    .drop-box__descr {
        font-size: 18px;
    }
    .certificate-item__title {
        font-size: 20px;
    }
    .fsz-24 {
        font-size: 20px;
    }
    .blog-item__title a {
        font-size: 22px;
    }
    .blog-item__descr {
        font-size: 16px;
    }
    .SeoSwiperFull .swiper-slide {
        height: 500px;
    }
    .contacts-info {
        font-size: 16px;
    }
    .colnsultation-promo {
        padding: 70px 80px;
    }
    .product-card__title, .product-card__title a {
        font-size: 22px;
    }
    .catlink-box__img {
        height: auto;
        aspect-ratio: 1;
    }
    .breadcrumbs__link {
        font-size: 14px;
    }
    .sub-h {
        font-size: 20px;
    }
    .quiz-step_title {
      font-size: 24px;
    }
    .quiz-container {
        height: auto;
    }
    .quiz-container .form-check img {
        height: 200px;
    }
    .colnsultation-promo.colnsultation-promo_quiz {
        padding: 35px;
    }
    .quiz-container .form-check .form-check-label {
        margin-left: 35px;
        margin-top: 3px;
        display: block;
        font-size: 16px;
    }
    .colnsultation-promo.colnsultation-promo_quiz .colnsultation-promo_img {
        height: 100%;
        object-fit: cover;
    }
    .project-fullitem_characteristics > div {
        align-items: start;
    }
    .project-fullitem_characteristics {
        font-size: 18px;
    }
    .PromoSwiperFull.about-swiper .slide-descr {
        font-size: 18px;
    }
    .configurations-item_body a {
        font-size: 22px;
    }
}
/*]  < 1680 */

@media (min-width: 992px) and (max-width: 1540px) {
    h1, .h1 {
        font-size: 50px;
    }
    .navbar-nav--products__base-cats {
        column-gap: 20px;
        row-gap: 10px;
        text-align: center;
    }
    .navbar-nav--products a {
        display: flex;
        align-items: center;
        line-height: 1;
        font-size: 14px;
    }
    .nav-search {
        width: 290px;
    }
    .header-calc {
        background-size: 50% !important;
    }
    .submenu-content__list-type-2 ul {
        gap: 10px;
    }
    .colnsultation-promo {
        padding: 50px 30px;
    }
    .promo-estimate-offer {
        padding: 80px 56px;
    }
    .product-card__body {
        padding: 40px;
    }
    .product-card__badge {
        font-size: 14px;
    }
    .product-card__badge svg {
        width: 20px;
        height: 20px;
    }
    .offer-details-line__img {
        width: 50px;
        height: 50px;
    }
    .offer-details-line {
        font-size: 18px;
    }
    .department-benefit {
        font-size: 18px;
    }
    .certificate-item__title {
        font-size: 18px;
    }
    .bottom-zoom-btn::after {
        width: 50px;
        height: 50px;
        background-size: 16px;
    }
    .bottom-zoom-btn:before {
        height: 44px;
        bottom: -5px;
    }
    .certificate-item {
        padding: 20px 40px;
        padding-bottom: 35px;
    }
    .blog-item {
        padding: 40px;
    }
    .calc-similar-project {
        font-size: 20px;
    }
    .specs-table__header, .specs-table__wrapper ul li:first-child {
        font-size: 24px;
    }
    .additional-element, .features-cat-element, .application-cat-element {
        font-size: 22px;
    }
    .features-cat-element_links {
        gap: 10px;
        font-size: 18px;
    }
    .advantages-icon-box {
        padding: 36px;
        font-size: 18px;
    }
    .catlink-box_submenu {
        row-gap: 5px;
    }
    .configurations-item_body {
        padding: 30px;
    }


}
/*]  < 1540 */

@media (min-width: 992px) and (max-width: 1380px) {
    h1, .h1 {
        font-size: 46px;
    }
    .header-lead {
        font-size: 26px;
    }
    .colnsultation-promo__team-label > div:first-child {
        font-size: 20px;
    }
    .colnsultation-promo__team-label > div:last-child {
        font-size: 16px;
    }
    .colnsultation-promo__team-label {
        height: 54px;
    }
    .colnsultation-promo__team-label:before {
        width: 54px;
        height: 54px;
        background-size: contain !important;
        left: -59px;
    }
     .promo-estimate-offer_bg_img {
        height: 80%;
    }
    .catlink-box__title a {
        font-size: 18px;
    }
    .catlink-box__btn {
        width: 44px;
        height: 44px;
    }
    .slide-descr {
        font-size: 24px;
    }
    .certificate-item__img img {
        max-width: 100%;
    }
    .blog-item {
        padding: 30px;
    }
    .blog-item__title a {
        font-size: 18px;
    }
    .blog-item__descr {
        font-size: 14px;
    }
    .blog-item__date {
        font-size: 12px;
        line-height: 30px;
    }
    .mtc-btn, .calc-btn {
        line-height: 55px;
    }
    .mtc-btn.mtc-btn_big {
        line-height: 77px;
        padding: 0 30px;
    }
    .footer__nav a {
        font-size: 14px;
    }
    .pages-nav .pages span, .pages-nav .pages a, .page-nav-link {
        height: 55px;
        width: 50px;
    }
    .calc-similar-project {
        font-size: 18px;
        padding: 46px 40px;
    }
    .specs-table__grid > div {
        padding: 20px 20px;
    }
    .specs-table__header, .specs-table__wrapper ul li:first-child {
        font-size: 22px;
    }
    .additional-element, .features-cat-elementm, .application-cat-element {
        font-size: 18px;
    }
    .features-cat-element_links {
        gap: 5px;
        font-size: 16px;
    }
    .advantages-icon-box {
        padding: 26px;
        font-size: 16px;
    }
    .seo-img.seo-img_quiz {
        height: 450px;
    }
    .configurations-item_body a {
        font-size: 18px;
    }
    .configurations-item_img {
        height: 210px;
    }
    .quiz-container .form-check .form-check-label {
        font-size: 14px;
    }

}
/*]  < 1380 */



@media (min-width: 992px) and (max-width: 1280px) {
    :root {
		--bs-body-font-size: 14px;
	}
    .navbar + * {
        margin-top: -200px;
        padding-top: 200px;
    }
    .mtc-btn, .calc-btn {
        font-size: 14px;
        padding: 0 18px;
    }
    h2, .h2 {
        font-size: 36px;
    }
    h3, .h3 {
        font-size: 32px;
    }
    .fsz-14 {
        font-size: 12px;
    }
    .gap-20 {
        gap: 10px;
    }
    
    .navbar-nav--cats {
        gap: 20px;
    }
    .nav-search {
        width: 230px;
    }
    .nav-search input {
        padding-left: 40px;
    }
    .nav-search_btn {
        left: 15px;
    }
    .navbar-brand img {
        height: 60px;
    }
    h1, .h1 {
        font-size: 42px;
    }
    .header-lead {
        font-size: 22px;
    }
    .navbar-nav--products__submenu-content {
        padding: 14px;
    }
    .submenu-content__list-type-2 > div {
        min-height: 55px;
    }
    .submenu-content__list-type-2 > div {
        padding: 0 15px;
    }
    .submenu-content__list-type-2 > div a {
        font-size: 12px;
    }
    .submenu-content__list-type-2 > div:has(> ul) {
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .submenu-content__plain-list a {
        font-size: 12px;
    }
    .submenu-content__plain-list {
        gap: 30px;
    }
    .grid-col-7 {
        grid-template-columns: repeat(6, 1fr);
    }
    .header-calc {
        font-size: 16px;
    }
    .header-benefit {
        font-size: 14px;
        line-height: 1.3;
        padding: 10px 12px;
        height: 100px;
    }
    .header-benefit svg {
        width: 26px;
        height: 26px;
    }
    .header-calc--btn {
        padding: 0 30px;
        height: 66px;
    }
    .col-five {
        width: 25%;
    }
    .product-card__body {
        padding: 30px;
    }
    .product-card__title, .product-card__title a {
        font-size: 18px;
    }
    .product-card__description {
        font-size: 14px;
    }
    .product-card__description svg {
        width: 22px;
        height: 22px;
    }
    .product-card__link {
        font-size: 20px;
        margin-left: 40px;
        padding-left: 60px;
    }
    .product-card__link:before {
        width: 44px;
        height: 44px;
        background-size: 16px 16px;
    }
    .product-card__link:after {
        top: 20%;
        transform: translateY(-50%);
        width: 64px;
        height: 64px;
        object-fit: contain;
    }
    .department-benefit {
        font-size: 16px;
    }
    .certificate-item__title {
        font-size: 16px;
    }
    .certificate-item {
        padding: 20px 30px;
        padding-bottom: 35px;
    }
    .offer-details-line {
        font-size: 16px;
    }
    .ya-links {
        font-size: 14px;
    }
    .ya-links img {
        height: 20px;
    }
    


}
/*]  < 1280 */


@media (min-width: 992px) and (max-width: 1150px) {
    h1, .h1 {
        font-size: 36px;
    }
    .PromoSwiperFull .swiper-slide {
        height: 560px;
    }
    .slide-descr {
        font-size: 20px;
    }
    .product-card__body {
        padding: 20px;
    }
    .promo-estimate-offer_bg_img {
        height: 74%;
        right: -5%;
    }
    .department-benefit span {
        font-size: 14px;
        margin-top: 4px;
    }
    .certificate-item {
        padding: 20px 20px;
        padding-bottom: 35px;
    }
    .certificate-item__title {
        font-size: 14px;
    }
    .contacts-tabs > button {
        font-size: 14px;
        padding: 0 10px;
    }
    .footer__nav {
        gap: 15px;
    }
    .footer__nav a {
        font-size: 12px;
    }
}
/*]  < 1150 */

@media (min-width: 992px) and (max-width: 1050px) {
    .promo-estimate-offer_bg_img {
        right: -10%;
    }
    .ya-links {
        font-size: 12px;
        
    }
    .custom-file-upload {
        font-size: 14px;
        padding: 0 10px;
    }    
    

}
/*]  < 1050 */



@media (min-width: 630px) and (max-width: 992px) {
    .PromoSwiperFull .swiper-slide, .CardItemImgSwiper .swiper-slide {
        height: 350px;
    }
    .drop-box {
        padding: 35px;
    }
    .SeoSwiperFull .swiper-slide {
        height: 420px;
    }
    h2, .h2 {
        font-size: 32px;
    }
}
@media (min-width: 440px) and (max-width: 630px) {
    h2, .h2 {
        font-size: 30px;
    }
}
@media (min-width: 450px) and (max-width: 619px) {
     .drop-box {
        aspect-ratio: 2 / 1.7;
    }
}
@media (min-width: 620px) and (max-width: 992px) {
    .drop-box__title {
        font-size: 22px;
    }
    .drop-box {
        aspect-ratio: unset;
        height: 200px;
    }
}
@media (max-width: 380px) {
    :root {
        --bs-body-font-size: 14px;
    }
    .col-xxxs-12 {
        width:100% !important;
    }
    h1, .h1 {
        font-size: 28px;
        line-height: 1.1;
    }
    .header-lead {
        font-size: 18px;
    }
    .mb-xxxs-4 {
        margin-bottom: 40px !important;
    }
    .drop-box__descr {
        font-size: 14px;
    }
    .drop-box__descr br {display: none;}
    .drop-box {
        aspect-ratio: 1 / 1.1;
        padding: 20px;
    }
    .colnsultation-promo__team-label > div:last-child {
        font-size: 12px;
    }
    .colnsultation-promo_m-padding {
        padding-top: 200px;
    }
    .offer-details-line {
        font-size: 14px;
    }
    .colnsultation-promo__team-label {
        margin-bottom: 0px !important;
    }
    .colnsultation-promo {
        padding-bottom: 20px;
    }
    .colnsultation-promo_img {
        bottom: -20px;
    }
    .department-benefit, .department-benefit span {
        font-size: 14px;
    }
    .CardItemImgSwiper .swiper-slide {
        height: auto;
        aspect-ratio: 1;
    }
    .d-xxxs-none {
        display: none;
    }
    .slide-descr {
        max-width: 90%;
         width: max-content;
    }
   
}