/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width: 991px) {
    #cssmenu .asp_w_container {
        width: 225px;
        margin: 0 0 0 auto;
    }

    #cssmenu > ul > li:not(:last-child) {
        margin-right: 0;
    }

    #cssmenu > ul {
        display: inline-flex;
        width: calc(100% - 233px);
        justify-content: space-between;
    }

    #cssmenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #cssmenu li > ul {
        width: calc(100% + 233px);
    }
}

@media only screen and (max-width: 1199px) {
    .header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header__container {
        width: 960px;
    }

    .header__item2 {
        display: none;
    }


    .header__btn-order {
        padding: 12px 34px;
        display: block;
        width: 150px;
        margin: auto;
    }

    .nav__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 960px;
    }

    .nav__lang {
        margin-left: 5px;
        padding: 3px 6px;
    }

    #cssmenu > ul > li > a {
        padding: 8px 10px;
        font-size: 10px;
    }

    #cssmenu > ul > li.has-sub > a:after {
        top: 12px;
    }

    #cssmenu > ul > li.has-sub > a:before {
        top: 10px;
    }

    #cssmenu > ul > li.has-sub > a::after {
        top: 7px;
    }

    .nav__lang .jq-selectbox__select {
        font-size: 10px;
        line-height: 26px;
    }

    .prefooter__container {
        width: 960px;
    }

    .prefooter__header-item {
        width: 50%;
    }

    .prefooter__title {
        font-size: 19px;
        line-height: 24px;
    }

    .prefooter__tel {
        font-size: 26px;
        line-height: 28px;
    }

    .prefooter__other-contacts {
        margin-bottom: 25px;
    }

    .prefooter__other-contacts-links img {
        margin-left: 10px;
        margin-right: 10px;
        width: 40px;
        height: auto;
    }

    .prefooter__working-hours {
        margin-bottom: 30px;
    }

    .prefooter__btn-order {
        display: table;
        margin-bottom: 20px;
    }

    .footer__container {
        width: 960px;
    }

    .nav__lang .jq-selectbox__select {
        height: 26px;
    }

    .card__menu {
        border-radius: 0;
        background-color: transparent;
        position: fixed;
        z-index: 9999;
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
        -webkit-transition: all .3s;
        transition: all .3s;
        pointer-events: none;
    }

    .card__open-menu {
        display: block;
    }

    .card__menu.open {
        background-color: rgba(0, 0, 0, .7);
        pointer-events: auto;
    }

    .card__menu.open .card__menu-close {
        width: 40px;
        height: 40px;
        opacity: 1;
        pointer-events: auto;
    }

    .card-nav {
        height: 100%;
        width: 400px;
        background-color: #fff;
        overflow-y: auto;
        margin-left: -500px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .card-nav.open {
        margin-left: 0;
    }

    .breadcrumbs {
        width: 930px;
    }

    .card__form {
        max-width: 800px;
        padding: 40px 50px;
    }

    .page-in {
        max-width: 960px;
    }

    .card {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .card__content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .card__content.product__content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .card__header {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .card__grid {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .catalog {
        width: 960px;
    }

    .promo {
        width: 960px;
    }

    .contacts {
        width: 960px;
    }

    .contacts__item1 {
        padding-right: 15px;
    }

    .contacts__working span {
        width: 200px;
    }

    .contacts__working span + span {
        width: calc(100% - 200px);
    }

    .contacts__address span {
        width: 200px;
    }

    .contacts__address span + span {
        width: calc(100% - 200px);
    }

    .contacts__item2 {
        padding-left: 15px;
    }

    .contacts__wrap-btn a {
        margin: 5px 5px;
    }

    .contacts__btn-tl {
        padding: 12px 20px;
        min-width: 180px;
    }

    .contacts__btn-wp {
        padding: 12px 20px;
        min-width: 180px;
    }

    .contacts__btn-vb {
        padding: 12px 20px;
        min-width: 180px;
    }

    .contacts__btn-vk {
        padding: 12px 20px;
        min-width: 180px;
    }

    .faq {
        width: 960px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .glossary {
        width: 960px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .glossary__accordion {
        padding-left: 60px;
    }

    .section1 {
        width: 930px;
    }

    .popular {
        max-width: 960px;
    }

    .popular__grid {
        margin-left: -10px;
        margin-right: -10px;
    }

    .popular__item {
        width: calc(33.33333% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 20px;
    }

    .section2 {
        width: 930px;
    }

    .section2__item1 {
        padding-right: 20px;
    }

    .section2__item3 {
        padding-left: 30px;
    }

    .section2__tel {
        font-size: 32px;
    }

    .main-slider {
        max-width: 960px;
    }

    .section3 {
        width: 960px;
    }

    .section3__text {
        width: calc(100% - 380px);
        padding-left: 0;
    }

    .section3__media {
        width: 380px;
    }

    .section3__label {
        width: 100px;
        height: 100px;
    }

    .news-home {
        width: 960px;
    }

    .news-home__col1 {
        max-width: 540px;
    }

    .news-home__item {
        width: 375px;
        padding-top: 15px;
    }

    .news {
        width: 960px;
    }

    .news__grid {
        margin-left: -10px;
        margin-right: -10px;
    }

    .news__item {
        width: calc(33.33333% - 20px);
        margin-bottom: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .page {
        width: 960px;
    }

    .page-in {
        padding-left: 0;
        padding-right: 0;
    }

    .page__img-right {
        margin-left: 30px;
    }

    .page-in__col1 {
        width: 55%;
    }

    .page-in__col2 {
        width: 45%;
    }

    .gallery {
        width: 960px;
        max-width: none;
    }

    .gallery__grid {
        width: auto;
    }

    .portfolio {
        width: 960px;
    }

    .reviews__form {
        max-width: 820px;
        padding: 20px 30px;
    }

    .vacancy {
        width: 960px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .promo__title {

        min-height: 100px;
    }

    .section2__media img {
        width: 240px;
    }

    .product__content {
        column-gap: 0;
    }

    .product__content .card__left {
        width: calc(40% - 12px);
        margin-right: 12px;
    }

    .product__content .card__right {
        width: 60%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    .header__container {
        width: 750px;
    }

    .header__item3 {
        display: none;
    }

    .prefooter__container {
        width: 750px;
    }

    .prefooter__title {
        font-size: 18px;
    }

    .prefooter__tel {
        font-size: 24px;
    }

    .prefooter__other-contacts-links img {
        width: 48px;
    }

    .logo-block-img {
        width: 100%;
    }

    .footer__container {
        width: 750px;
    }

    .breadcrumbs {
        width: 730px;
    }

    .nav__container {
        width: auto;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 0;
    }

    .nav__lang {
        margin-left: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
        background-color: transparent;
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 9;
    }

    .nav__menu {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 500px;
        width: 100%;
        margin-right: 0;
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        position: fixed;


    }

    .nav__lang .jq-selectbox__dropdown {
        margin-top: 0px;
    }

    .header__item4 {
        padding-right: 110px;
    }


    #cssmenu #menu-button {
        padding: 20px 17px;
        width: 44px;
        height: 44px;
        background-color: var(--zv-brand);
        border-radius: 50%;
        margin-right: 8px;
        position: absolute;
        right: 35px;
        top: 70px;
        z-index: 2;
    }

    #cssmenu #menu-button {
        top: 50px;
    }

    .only-for-mob .asp_w_container {
        background: #ccc;
        border-radius: 14px;
        padding: 7px;
        width: 750px;
    }

    .only-for-mob #ajaxsearchpro1_1 .probox .promagnifier div.innericon {
        width: 46px;
        height: 38px;
    }

    .only-for-mob {
        display: block;
    }

    #cssmenu .asp_w_container {
        display: none;
    }

    .only-for-mob #ajaxsearchpro1_1 .probox {
        height: 38px;
    }

    #cssmenu #menu-button.menu-opened:before {
        background: #000;
    }

    #cssmenu #menu-button.menu-opened:after {
        background: #000;
    }

    #cssmenu #menu-button:after {
        top: 21px;
        right: 12px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    #cssmenu #menu-button:before {
        top: 15px;
        right: 12px;
        background: #fff;
    }

    .breadcrumbs {
        display: none;
    }

    .nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #cssmenu ul {
        background-color: #EBEBEB;
        padding-top: 50px;
        width: 500px;
        margin: 0 0 0 auto;
        z-index: 1;
    }


    .menu-opened {
        right: 445px !important;
        top: 1px !important;
        background-color: transparent !important;
        border-top-left-radius: 20px;
    }

    .nav__lang .jq-selectbox {
        z-index: auto;
    }

    #cssmenu > ul > li > a {
        padding: 16px 30px;
        font-size: 12px;
        border-radius: 0;
    }

    #cssmenu .submenu-button {
        border-left: none;
        background-image: url(../img/ui-indigo/down.svg);
        background-position: center;
        background-repeat: no-repeat;
        -webkit-transform: rotateZ(-90deg);
        transform: rotateZ(-90deg);
        height: 40px;
        width: 40px;
    }

    #cssmenu .submenu-button.submenu-opened {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    #cssmenu .submenu-button:before {
        display: none;
    }

    #cssmenu .submenu-button:after {
        display: none;
    }

    .has-sub ul {
        padding-top: 0 !important;
    }

    .has-sub ul a {
        color: #000 !important;
    }

    .has-sub ul li ul li {
        padding-left: 35px;
    }

    .has-sub ul.open {

    }

    .submenu-button.submenu-opened {
        background-color: #d4d3d3;
    }

    #cssmenu ul ul li a:hover {
        color: #fff !important;
        background-color: var(--zv-brand) !important;
    }

    #cssmenu ul.open + .cssmenu__title {
        display: block;
    }

    .cssmenu__address,
    .cssmenu__mail {
        background-size: 0;
    }

    .cssmenu__address {
        padding-left: 0;
    }

    .prefooter__body {
        display: none;
    }

    .prefooter__header {
        border-bottom: none;
    }

    .prefooter {
        padding-top: 50px;
        padding-bottom: 0;
    }

    #cssmenu ul li:last-of-type {
        border-bottom: 1px solid rgba(120, 120, 120, 0.2);
    }

    #cssmenu ul.open + .cssmenu__title + .cssmenu__footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .card__form {
        padding: 30px 30px;
        width: calc(100% - 30px);
    }

    .page-in {
        max-width: 720px;
    }

    .card__header {
        width: 720px;
    }

    .card__grid {
        width: 750px;
    }

    .page__img-right {
        margin-left: 20px;
        width: 50%;
    }

    .gallery {
        width: 750px;
    }

    .card__grid-text {
        font-size: 12px;
        line-height: 18px;
    }

    .catalog__grid {
        padding-left: 0;
        padding-right: 0;
    }

    .catalog__list {
        padding-left: 0;
        padding-right: 0;
    }

    .catalog__slider {
        padding-left: 0;
        padding-right: 0;
    }

    .promo__media {
        width: 210px;
        height: 210px;
    }

    .promo__media img {
        width: auto;
        height: 215px;
    }

    .promo__title {
        font-size: 16px;
        line-height: 22px;
        min-height: 60px;
    }

    .promo__text {
        font-size: 12px;
        line-height: 18px;
    }

    .promo__btn {
        padding: 10px 40px;
    }

    .calculation {
        width: 640px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .calculation__text {
        font-size: 18px;
        line-height: 26px;
        width: 50%;
    }

    .calculation__media {
        width: 50%;
    }

    .calculation__media img {
        width: 100%;
    }

    .catalog {
        width: 750px;
    }

    .promo {
        width: 750px;
    }

    .contacts__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .contacts__block-title {
        width: 100%;
    }

    .contacts__block-in {
        margin-bottom: 0;
        width: calc(50% - 8px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 200px;
    }

    .contacts__block-in + .contacts__block-in {
        margin-bottom: 0;
    }

    .contacts__block-in-item {
        width: 100%;
        padding-right: 0;
    }

    .contacts__block-in-item + .contacts__block-in-item {
        width: 100%;
        padding-left: 0;
    }

    .contacts__block-in-text {
        margin-bottom: 10px;
    }

    .contacts__item3 {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .contacts__wrap-map {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }

    .contacts {
        width: 750px;
    }

    .contacts__item1 {
        padding-right: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 25px;
    }

    .contacts__item2 {
        padding-left: 0;
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .contacts__btn-tl {
        min-width: 170px;
    }

    .contacts__btn-wp {
        min-width: 170px;
    }

    .contacts__btn-vb {
        min-width: 170px;
    }

    .contacts__btn-vk {
        min-width: 170px;
    }

    .calculation {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .faq {
        width: 750px;
    }

    .glossary {
        width: 750px;
    }

    .news {
        width: 750px;
    }

    .news__grid {
        margin-left: -8px;
        margin-right: -8px;
    }

    .news__item {
        width: calc(33.33333% - 16px);
        margin-bottom: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    .news__body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .news__body-title {
        font-size: 12px;
        line-height: 14px;
    }

    .page {
        width: 750px;
    }

    .portfolio {
        width: 750px;
    }

    .portfolio__grid {
        margin-left: -8px;
        margin-right: -8px;
    }

    .portfolio__grid-item {
        margin-left: 8px;
        margin-right: 8px;
        width: calc(33.33333% - 16px);
        margin-bottom: 16px;
    }

    .portfolio__grid-cap {
        font-size: 13px;
        line-height: 20px;
    }

    .reviews {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .reviews__form {
        width: 730px;
    }

    .reviews__form-text {
        width: 730px;
    }

    .vacancy {
        width: 750px;
    }

    .main-slider {
        padding-left: 0;
        padding-right: 0;
    }

    .section1 {
        width: 100%;
    }

    .popular {
        max-width: 750px;
        margin-bottom: 80px;
    }

    .popular__grid {
        margin-left: -8px;
        margin-right: -8px;
    }

    .popular__item {
        width: calc(33.33333% - 16px);
        margin-left: 8px;
        margin-right: 8px;
        margin-bottom: 20px;
    }

    popular__text {
        font-size: 13px;
        line-height: 18px;
    }

    .section2__media img {
        width: 230px;
    }

    .section2__tel {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .section2__text-small {
        font-size: 16px;
        line-height: 22px;
    }

    .section2__text {
        font-size: 16px;
        line-height: 22px;
    }

    .section2__text-small2 {
        font-size: 10px;
        line-height: 16px;
    }

    .section2__btn-tl, .section2__btn-wp, .section2__btn-vb, .section2__btn-vk {
        font-size: 10px;
        line-height: 12px;
        padding: 13px 20px;
        width: 120px;
    }

    .section2__item3 {
        padding-left: 10px;
    }

    .section2__item2 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .section2__wrap-btn {
        width: 290px;
    }

    .section2 {
        width: 730px;
    }


    .section2__media img {
        width: 180px;
    }

    .section3 {
        width: 750px;
    }

    .section2__item1 {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .section2__item3 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .section3__text {
        padding-right: 30px;
    }

    .section3__text h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .news-home__item {
        height: 113px;
    }

    .news-home__item:hover {
        background-size: 24px;
    }

    .news-home__item-big {
        height: 372px;
    }

    .news-home__item-title {
        font-size: 12px;
        line-height: 16px;
    }

    .news-home__desc {
        font-size: 10px;
        line-height: 14px;
    }

    .news-home__btn {
        padding: 10px 30px;
    }

    .section3__text {
        width: calc(100% - 360px);
    }

    .section3__media {
        width: 360px;
    }

    .news-home {
        width: 750px;
    }

    .news-home__col1 {
        max-width: 370px;
    }

    .news-home__item {
        width: 335px;
    }

    .popular__more-title {
        font-size: 13px;
        line-height: 18px;
    }

    .popular__more-text {
        font-size: 11px;
        line-height: 15px;
    }

    .new-form {
        width: 750px;
    }

    .form-actions {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .form-actions .plate {
        width: auto;
        padding: 0 30px;
    }

    .form-form {
        width: 100%;
    }

    .product__content {
        flex-direction: column;
    }

    .product__content .card__left, .product__content .card__right {
        width: 100%;
        margin-right: 0;
    }

    .product__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .card__order {
        flex-direction: column;
        row-gap: 16px;
    }

    .card__characteristics .plate,
    .card__order a {
        width: 100%;
        justify-content: center;
    }

    .card__description {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .carousel__container .title {
        padding-left: 10px;
        text-align: center;
    }

    .work__carousel {
        max-width: 75%;
        margin: 0 auto;
    }

    .work__carousel .owl-stage {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    .main-slider__item img:first-of-type {
        display: none;
    }

    .main-slider__mobile {
        display: block !important;
        width: 100%;
        height: 550px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .header__logo img {
        width: 224px;
    }

    .section1__in {
        min-width: 600px;
    }

    .section1__item {
        font-size: 11px;
        line-height: 13px;
        padding: 15px 25px;
    }

    .section1__item img {
        width: 30px;
        margin-bottom: 8px;
    }

    .cssmenu__footer {
        padding: 15px 25px;
    }

    .cssmenu__item1 {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }

    .cssmenu__item2 {
        width: 100%;
        padding-left: 0;
    }

    .cssmenu__working {
        margin-bottom: 10px;
    }

    .cssmenu__btn {
        font-size: 12px;
        padding: 10px 24px;
    }

    .main-slider__item {
        height: 580px;
    }

    .main-slider.owl-theme .owl-dots {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        top: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 70px;
    }

    .promo__item_big {
        flex-direction: column-reverse;
    }

    .promo__item_big .promo__title {
        width: 100%;
        text-align: center;
    }

    .promo__item_big .promo__media {
        margin-bottom: 40px;
    }

    .promo__item_big .header__btn-order {
        padding: 10px 40px;
        margin: 15px auto;
    }

    .main-slider__cap {
        width: 100%;
        top: 26px;
        left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: center;
    }

    .main-slider__title {
        margin-bottom: 6px;
        font-size: 22px;
        line-height: 28px;
        width: 100%;
    }

    .main-slider__btn {
        padding: 13px 56px 13px 26px;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .header {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header__container {
        width: 100%;
    }

    .nav__lang {
        right: 5px;
    }

    .nav__menu {
        width: 270px;
    }

    .header__item4 {
        display: none;
    }

    #cssmenu #menu-button {
        right: 5px;
    }

    .menu-opened {
        right: 220px !important;
    }

    #cssmenu > ul > li > a {
        padding: 14px 25px;
    }

    .main-slider .owl-carousel .owl-item img {
        width: 100%;
        height: 420px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .popular__title {
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
    }

    .popular__subtitle {
        font-size: 14px;
        line-height: 18px;
    }

    .popular__item {
        border-radius: 10px;
        font-size: 8px;
        line-height: 10px;
    }

    .popular__text {
        padding: 10px 10px;
    }

    .popular__more {
        padding: 6px;
        background-position: bottom 8px right 8px;
        background-size: 24px;
    }

    .popular__btn {
        padding: 11px 30px;
        margin-top: 20px;
    }

    .section2__wrap-btn {
        margin-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .section2__btn-tl,
    .section2__btn-wp,
    .section2__btn-vb,
    .section2__btn-vk {
        margin: 5px;
    }

    .promo {
        padding-left: 0;
        padding-right: 0;
    }

    .promo__in {
        margin-left: 0;
        margin-right: 0;
    }

    .promo__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 10px 20px 10px;
        margin-bottom: 20px;
    }

    .promo__media {
        margin-bottom: 40px;
    }

    .promo__title {
        height: auto;
        margin-bottom: 15px;
    }

    .section3 {
        margin-bottom: 50px;
    }

    .section3__bg {
        display: none;
    }

    .section3__wrap-label {
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .section3__label {
        margin-left: 5px;
        margin-right: 5px;
    }

    .news-home__title {
        font-size: 18px;
        line-height: 26px;
    }

    .news-home__col2 {
        width: 100%;
    }

    .news-home__btn {
        font-size: 14px;
    }

    .calculation {
        padding-left: 0;
        padding-right: 0;
    }

    .calculation__btn {
        padding: 11px 32px;
        margin-left: auto;
        margin-right: auto;
    }

    .prefooter__header-item {
        padding-left: 0;
        padding-right: 0;
    }

    .prefooter__other-contacts-links {
        margin-left: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .prefooter__sicial {
        margin-left: 0;
        margin-right: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }

    .prefooter__header-item {
        width: 100%;
        text-align: center;
    }

    .prefooter__btn-order {
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .section3__label {
        width: 90px;
        height: auto;
    }

    .prefooter__container {
        width: 100%;
    }

    .prefooter__title {
        text-align: center;
    }

    .footer__container {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .calculation {
        width: 300px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .calculation__text {
        font-size: 16px;
        width: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .calculation__media {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px;
    }

    .promo {
        width: 300px;
    }

    .popular__grid {
        margin-left: -5px;
        margin-right: -5px;
    }

    .popular__item {
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .section2__text-small2 {
        width: 100%;
        text-align: center;
    }

    .section2__btn-tl, .section2__btn-wp, .section2__btn-vb, .section2__btn-vk {
        padding: 12px 16px;
        width: 110px;
    }

    .section2__item3 {
        padding-left: 0;
    }

    .section2__item2 {
        text-align: center;
    }

    .section2__wrap-btn {
        width: 100%;
    }

    .section2 {
        width: 300px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section3 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section2__item1 {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .section2__item3 {
        width: 100%;
    }

    .section3__text {
        padding-right: 0;
    }

    .news-home__item {
        height: auto;
    }

    .news-home__item-big {
        height: auto;
        margin-bottom: 15px;
    }

    .news-home__btn {
        padding: 10px 20px;
    }

    .section3__text {
        width: 100%;
    }

    .section3__media {
        width: 100%;
    }

    .news-home {
        width: 100%;
    }

    .news-home__item {
        width: 100%;
    }

    .popular__more-title {
        font-size: 8px;
        line-height: 10px;
    }

    .popular__more-text {
        font-size: 8px;
        line-height: 10px;
    }

    .prefooter__header-item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .prefooter__header-item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .prefooter__header-item:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 25px;
    }

    .prefooter__sicial img {
        width: 40px;
        height: 40px;
    }

    .footer__copy {
        margin-bottom: 15px;
    }

    .error404 {
        width: 100%;
    }

    .error404__title {
        font-size: 64px;
        line-height: 64px;
    }

    .error404__subtitle {
        font-size: 14px;
    }

    .error404__btn {
        font-size: 15px;
    }

    .card__title {
        font-size: 18px;
        line-height: 24px;
    }

    .card__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .card__grid {
        width: 100%;
    }

    .card__grid-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .page-in {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }

    .page-in h2 {
        font-size: 18px;
        line-height: 24px;
    }

    .page__img-right {
        margin-left: auto;
        float: none;
        width: 100%;
    }

    .page-in__slider {
        margin-top: 30px;
    }

    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 0;
    }

    .page-in__slider.owl-theme .owl-dots {
        right: 5px;
    }

    .owl-theme .owl-dots .owl-dot span {
        margin: 3px 3px;
    }

    .page-in__two-col {
        margin-left: 0;
        margin-right: 0;
    }

    .page-in__col1 {
        width: 100%;
        padding-left: 0;
    }

    .page-in__col2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .gallery__title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .gallery {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .gallery__item {
        border-radius: 10px;
        margin: 5px;
        width: calc(50% - 10px);
    }

    .gallery__grid {
        margin-left: -5px;
        margin-right: -5px;
    }

    .card__form {
        padding: 30px 20px;
    }

    .card__item1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .card__item2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .card__item3 {
        padding-left: 0;
        padding-right: 0;
    }

    .card__checkbox {
        margin-bottom: 20px;
        margin-top: 15px;
    }

    .card__checkbox label {
        display: table;
    }

    .card__form input[type=submit] {
        padding: 14px 36px;
    }

    .card-nav {
        width: 280px;
    }

    .card__menu-close {
        left: 285px;
        top: 10px;
    }

    .card__menu.open .card__menu-close {
        width: 30px;
        height: 30px;
    }

    .card-nav > li > a {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 15px;
    }

    .card-nav__sub > li > a {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 20px;
    }

    .catalog {
        width: 100%;
    }

    .catalog__title {
        font-size: 18px;
        line-height: 24px;
    }

    .catalog__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .catalog__slider-cap {
        padding: 10px 10px;
        font-size: 10px;
        line-height: 16px;
    }

    .catalog__slider .owl-prev {
        left: -5px;
    }

    .catalog__slider .owl-next {
        right: -5px;
    }

    .catalog__slider {
        margin-bottom: 40px;
    }

    .catalog__list-title {
        font-size: 15px;
        line-height: 18px;
    }

    .catalog__list-in {
        border-radius: 10px;
    }

    .catalog__list-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .catalog__grid-title {
        font-size: 15px;
        line-height: 18px;
    }

    .catalog__grid-in {
        margin-left: 0;
        margin-right: 0;
    }

    .catalog__grid-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: 10px;
    }

    .catalog__grid-text {
        padding: 15px 15px;
        font-size: 16px;
        line-height: 16px;
        min-height: auto;
    }

    .contacts {
        width: 100%;
    }

    .contacts__title {
        font-size: 18px;
        line-height: 24px;
    }

    .contacts__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .contacts__item1-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px
    }

    .contacts__working {
        font-size: 14px;
        line-height: 18px;
    }

    .contacts__working span + span {
        width: calc(100% - 150px);
    }

    .contacts__working span {
        width: 150px;
    }

    .contacts__address {
        font-size: 14px;
        line-height: 18px;
    }

    .contacts__address span {
        width: 150px;
    }

    .contacts__address span + span {
        width: calc(100% - 150px);
    }

    .contacts__block-title {
        font-size: 14px;
        line-height: 18px;
    }

    .contacts__block-in {
        width: 100%;
        min-height: auto;
        border-radius: 10px;
        padding: 20px;
    }

    .contacts__block-in + .contacts__block-in {
        margin-top: 20px;
    }

    .contacts__block-in-name {
        font-size: 14px;
        line-height: 18px;
    }

    .contacts__block-in-text {
        font-size: 13px;
        line-height: 18px;
    }

    .contacts__block-in-tel a {
        font-size: 13px;
        line-height: 18px;
    }

    .contacts__block-in-mail a {
        font-size: 13px;
        line-height: 18px;
    }

    .contacts__map-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .contacts__form {
        border-radius: 10px;
        padding: 30px 20px;
    }

    .contacts__wrap-btn {
        margin-left: -5px;
        margin-right: -5px;
    }

    .contacts__btn-tl {
        padding: 10px 10px;
        min-width: 120px;
    }

    .contacts__btn-wp {
        padding: 10px 10px;
        min-width: 120px;
    }

    .contacts__btn-vb {
        padding: 10px 10px;
        min-width: 120px;
    }

    .contacts__btn-vk {
        padding: 10px 10px;
        min-width: 120px;
    }

    .contacts__wrap-btn {
        margin-bottom: 10px;
    }

    .faq__header2 {
        margin-top: 25px;
    }

    .faq__title2 {
        font-size: 18px;
        line-height: 24px;
    }

    .faq__sub-title2 {
        font-size: 14px;
        line-height: 18px;
    }

    .faq__sub-title2 br {
        display: none;
    }

    .faq {
        width: 100%;
    }

    .faq__title {
        font-size: 18px;
        line-height: 24px;
    }

    .faq__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .faq__sub-title br {
        display: none;
    }

    .faq__set > a {
        font-size: 14px;
        line-height: 18px;
        padding: 13px 40px 13px 20px;
    }

    .faq__arrow span {
        width: 14px;
        margin-top: 7px;
    }

    .faq__arrow span::after {
        top: -6px;
        left: 6px;
        height: 14px;
    }

    .faq__content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .faq__content p {
        font-size: 12px;
        line-height: 18px;
    }

    .faq__content p + p {
        margin-top: 18px;
    }

    .faq__arrow {
        right: 8px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

    .glossary__link {
        padding: 9px 20px;
    }

    .glossary__accordion-label {
        font-size: 24px;
        line-height: 24px;
        top: 35px;
        left: -25px;
    }

    .glossary__accordion {
        padding-left: 30px;
    }

    .glossary {
        width: 100%;
    }

    .glossary__title {
        font-size: 18px;
        line-height: 24px;
    }

    .glossary__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .glossary__sub-title br {
        display: none;
    }

    .glossary__set > a {
        font-size: 14px;
        line-height: 18px;
        padding: 13px 40px 13px 20px;
    }

    .glossary__arrow span {
        width: 14px;
        margin-top: 7px;
    }

    .glossary__arrow span::after {
        top: -6px;
        left: 6px;
        height: 14px;
    }

    .glossary__content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .glossary__content p {
        font-size: 12px;
        line-height: 18px;
    }

    .glossary__content p + p {
        margin-top: 18px;
    }

    .glossary__arrow {
        right: 8px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

    .page__title {
        font-size: 18px;
        line-height: 24px;
    }

    .page__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .page {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .news {
        width: 100%;
    }

    .news__title {
        font-size: 18px;
        line-height: 24px;
    }

    .news__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .news__grid {
        margin-left: 0;
        margin-right: 0;
    }

    .news__item {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .news__text {
        margin-top: 10px;
    }

    .pager {
        font-size: 16px;
        line-height: 30px;
    }

    .pager a {
        width: 30px;
        height: 30px;
    }

    .portfolio {
        width: 100%;
    }

    .wrap__controls {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 20px;
    }

    .portfolio__controls {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: auto;
        max-width: none;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .portfolio__control {
        white-space: nowrap;
    }

    .portfolio__title {
        font-size: 18px;
        line-height: 24px;
    }

    .portfolio__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .portfolio__grid {
        margin-left: 0;
        margin-right: 0;
    }

    .portfolio__grid-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .reviews {
        width: 100%;
    }

    .reviews__title {
        font-size: 18px;
        line-height: 24px;
    }

    .reviews__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .reviews__item {
        padding: 20px;
    }

    .reviews__item-name {
        font-size: 14px;
        line-height: 18px;
    }

    .reviews__item-cap {
        font-size: 12px;
        line-height: 16px;
    }

    .reviews__item-date {
        font-size: 14px;
        line-height: 18px;
        top: 0;
    }

    .reviews__item-head {
        padding-right: 50px;
    }

    .reviews__item-body p {
        font-size: 13px;
        line-height: 18px;
    }

    .reviews__form {
        width: calc(100% - 30px);
        padding: 30px 20px;
    }

    .reviews__form-title {
        font-size: 14px;
        line-height: 18px;
    }

    .reviews__item1 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .reviews__item2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .reviews__item3 {
        padding-left: 0;
        padding-right: 0;
    }

    .reviews__checkbox label {
        display: table;
        margin-top: 10px;
    }

    .vacancy {
        width: 100%;
    }

    .vacancy__title {
        font-size: 18px;
        line-height: 24px;
    }

    .vacancy__sub-title {
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy__sub-title br {
        display: none;
    }

    .vacancy__set > a {
        font-size: 14px;
        line-height: 18px;
        padding: 13px 40px 13px 20px;
    }

    .vacancy__arrow span {
        width: 14px;
        margin-top: 7px;
    }

    .vacancy__arrow span::after {
        top: -6px;
        left: 6px;
        height: 14px;
    }

    .vacancy__content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    .vacancy__content p {
        font-size: 12px;
        line-height: 18px;
    }

    .vacancy__content p + p {
        margin-top: 18px;
    }

    .vacancy__arrow {
        right: 8px;
        width: 14px;
        height: 14px;
        margin-top: -7px;
    }

    .container {
        max-width: 100%;
    }

    .new-form {
        width: calc(100% - 30px);
        margin-left: 15px;
        padding: 30px 25px 25px;
    }

    .promo.promo-calc {
        margin-bottom: 0;
    }

    .promo.promo-calc + .promo {
        margin-top: 0;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}

/* Уточнения для новой галереи. */
.zvkongrev-page .card__content{min-width:0}.zvkongrev-page .zvkongrev-hero{width:min(100%,380px);margin:0 auto 32px}.zvkongrev-page .zvkongrev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;margin:0 0 32px}.zvkongrev-page .zvkongrev-card{margin:0;min-width:0}.zvkongrev-page [data-zvkongrev]{display:block;border-radius:20px;overflow:hidden;background:#f4f4f4}.zvkongrev-page [data-zvkongrev] img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.zvkongrev-page figcaption{padding:10px 0 0;text-align:center;font-size:15px;line-height:1.35}.zvkongrev-page a:focus-visible,.zvkongrev-page button:focus-visible{outline:3px solid var(--zv-brand);outline-offset:4px}#zvkongrev-viewer{border:0;border-radius:16px;padding:12px;max-width:min(92vw,850px);width:850px;max-height:94vh;overflow:auto;margin:auto}#zvkongrev-viewer::backdrop{background:rgba(0,0,0,.78)}.zvkongrev-viewer-inner{position:relative;text-align:center}.zvkongrev-full{display:block;max-width:100%;width:auto;height:auto;max-height:72vh;object-fit:contain;margin:auto}.zvkongrev-close{position:absolute;right:8px;top:8px;border:0;border-radius:50%;width:44px;height:44px;background:#fff;color:#111;font-size:30px;cursor:pointer;box-shadow:0 1px 8px #999}.zvkongrev-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.zvkongrev-prev,.zvkongrev-next{font-size:24px;border:0;border-radius:8px;background:#eee;min-width:44px;min-height:44px;cursor:pointer}.zvkongrev-enquire{display:inline-block!important;padding:12px 24px!important} @media(max-width:991px){.zvkongrev-page .zvkongrev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zvkongrev-page .card__header{width:auto;max-width:100%}}@media(max-width:599px){.zvkongrev-page .zvkongrev-grid{grid-template-columns:minmax(0,1fr);gap:24px}.zvkongrev-page .zvkongrev-hero{max-width:100%}#zvkongrev-viewer{padding:8px}.zvkongrev-full{max-height:65vh}}
.zvkongrev-page figcaption,#zvkongrev-viewer{font-family:Roboto,Arial,sans-serif} .zvkongrev-enquire{background:var(--zv-brand);color:#fff!important;text-decoration:none!important;border-radius:24px;font:500 15px Roboto,Arial,sans-serif}.zvkongrev-enquire:hover{background:var(--zv-brand-hover)}@media(max-width:1199px){.zvkongrev-page .card__content{width:100%;padding:0 16px;box-sizing:border-box}.zvkongrev-page .card__header{width:100%;padding:0 16px;box-sizing:border-box}}

/* Адаптив нижних блоков этой страницы, в том числе после загрузки кэша. */
@media(max-width:1199px){.prefooter__container,.footer__container{width:100%!important;max-width:100%!important;box-sizing:border-box}.prefooter__header,.prefooter__header-item{width:100%!important;max-width:100%!important;box-sizing:border-box}.prefooter__header{flex-wrap:wrap!important}.prefooter__title{max-width:100%!important}.prefooter__working-hours,.prefooter__other-contacts,.prefooter__other-contacts-links,.prefooter__address,.prefooter__mail,.prefooter__sicial{width:auto!important;max-width:100%!important;box-sizing:border-box}.prefooter__header-item ul{max-width:100%!important;margin:0!important;box-sizing:border-box}.footer__container{flex-wrap:wrap!important;gap:16px}.footer__copy{white-space:normal!important;max-width:100%!important}}

@media(max-width:767px){.zvkongrev-page .new-form{display:flex!important;flex-direction:column!important;width:100%!important;box-sizing:border-box}.zvkongrev-page .form-actions,.zvkongrev-page .form-form,.zvkongrev-page .form-form .wpcf7{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box}.zvkongrev-page .card__form{width:100%!important;min-width:0!important;padding:16px!important;box-sizing:border-box}.zvkongrev-page .card__form [class^="card__item"]{width:100%!important}.zvkongrev-page .card__form input,.zvkongrev-page .card__form select,.zvkongrev-page .card__form textarea{max-width:100%!important;box-sizing:border-box}.zvkongrev-page .new-form .phones{flex-wrap:wrap}.prefooter__header-item>div{max-width:100%!important;box-sizing:border-box}.prefooter__header-item ul{width:100%!important;box-sizing:border-box}.prefooter__sicial{margin-left:0!important;margin-right:0!important}}

/* Узкое меню и отступы формы без горизонтального переполнения. */
@media(max-width:767px){.zvkongrev-page .new-form{padding:24px 0!important}.nav__menu #cssmenu>ul{max-width:100%!important;box-sizing:border-box}.prefooter__container #cssmenu>ul{width:100%!important;max-width:100%!important;box-sizing:border-box}}

.zvkongrev-nav-toggle{display:none}@media(max-width:991px){.nav__menu.zvkongrev-nav-fallback #cssmenu>ul{display:none!important}.nav__menu.zvkongrev-nav-fallback.zvkongrev-nav-open #cssmenu>ul{display:block!important;width:100%!important;max-width:100%!important;max-height:75vh;overflow:auto;padding-top:70px;box-sizing:border-box}.nav__menu.zvkongrev-nav-fallback #cssmenu>ul>li{float:none;width:100%;margin:0}.zvkongrev-nav-toggle{display:block;position:fixed;right:16px;top:60px;width:44px;height:44px;border:0;border-radius:50%;background:var(--zv-brand);color:white;font-size:24px;z-index:20;cursor:pointer}.nav__menu.zvkongrev-nav-fallback.zvkongrev-nav-open .zvkongrev-nav-toggle{top:12px}}

/* Штатная кнопка меню после поздней инициализации темы. */
@media(max-width:991px){.nav__menu #cssmenu #menu-button{display:block!important}}