@media (max-width:1920px) {
    .sales_detail .products {
        grid-template-columns: repeat(5, 1fr);
    }
    .category .d-block:hover img {
        transform: scale(1.2) translateY(25px);
        transition: .3s ease
    }
    .category .d-block {
        height: 412px
    }
    .category .links img {
        height: 252px
    }
    .category {
        margin: 24px auto 80px auto
    }
    .main .main-video {
        width: 930px;
        position: relative;
        overflow: hidden;
        margin-bottom: -27px;
        height: 430px
    }
    .offer .window {
        height: 500px
    }
    h2 {
        font-size: 50px;
        letter-spacing: -3.12px
    }
    .h2 {
        font-size: 44px;
        letter-spacing: -3.12px
    }
    h3 {
        font-size: 40px;
        letter-spacing: -2.74px
    }
    .h3 {
        font-size: 40px;
        letter-spacing: -2.74px
    }
}

@media (max-width:1700px) {
    .share_ya {
        align-items: flex-start
    }
}

@media (max-width:1750px) {
    .line .ban-block .name {
        font-size: 20px;
        text-align: center;
    }
    .youVideo .img .poster {
        height: 200px;
    }
    .popUpGallery .option__wrapper {
        width: 874px
    }

    .popUpGallery .wrapper__video img,
    .popUpGallery video {
        height: 512px
    }
    .options {
        min-height: 163px
    }
    .politic .left ul li a {
        font-size: 16px;
        letter-spacing: -.5px;
        line-height: 120%
    }
    .info .author {
        width: 300px
    }
    .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) .ya-share2__item,
    .ya-share2__container_size_m.ya-share2__container_as-popup .ya-share2__item {
        padding: 20px!important
    }
    .share_ya {
        margin-top: 32px
    }
    .dopline {
        margin-top: 48px
    }
    .detail_linii iframe {
        height: 300px
    }
    .detail_news .right section {
        margin-bottom: 100px
    }
    .srav-tags {
        margin-bottom: 100px
    }
    .srav-harak .row .normal-text {
        margin-bottom: 12px
    }
    .srav-category .wrap-srav-btn {
        padding: 8px 18px
    }
    .catlist summary::before {
        width: 20px;
        height: 20px;
        font-size: 12px;
        letter-spacing: -.12px
    }
    .dop_text {
        margin-bottom: 80px
    }
    .catlist .line .container {
        width: 100%
    }
    .popUpGallery figure {
        width: 717px;
        height: 600px
    }
    #popUpVideoYou figure {
        width: 85.4%;
        height: 73.5%
    }
    #popUpVideoYou .over {
        width: 85.4%;
    }
    #popUpVideoYou .under {
        width: 85.4%
    }
    .delivery .big_imgs img {
        width: 114px;
        height: 36px
    }
    .delivery .small_imgs img {
        width: 53px;
        height: 16px
    }
    .whywe.text .right .block .h2 {
        padding: 40px 32px 0 32px
    }
    .whywe .right .block .normal-text {
        padding: 0 32px 24px 32px
    }
    .offer {
        margin: 0 auto 53px auto
    }
    .tags_wrapper a,
    .tags_wrapper p {
        padding: 8px 18px
    }
    .twenty .bar .year.last {
        left: -96px
    }
    .detail_linii .row-btn::after {
        top: 31px
    }
    .equip_linii .up {
        margin-bottom: 48px
    }
    .business .right .block {
        padding-bottom: 42px
    }
    .business .podblock .mini-header {
        margin-bottom: 8px
    }
    .detail_linii .bot {
        margin-bottom: 48px
    }
    .heart svg {
        width: 21px;
        height: 17.5px
    }
    .history .arrows {
        margin-bottom: 40px
    }
    .whywe .right .block .img {
        height: 70%
    }
    .main .container {
        height: 339px
    }
    .city__popup .city-link {
        padding: 12px 0 12px 0
    }
    .catalog__popup .right .inner {
        width: calc(100% / 2 - (2em / 2))
    }
    .catalog__popup .right .stycky {
        padding: 48px 70px 66px 24px
    }
    .catalog__popup .left .main-link {
        padding: 12px 46px 12px 32px
    }
    .catalog__popup .close-svg {
        top: 19px;
        right: 19px
    }
    #menuCity .stycky,
    .quest__popup .stycky,
    #menuCityQuest .stycky {
        padding: 48px 32px 24px 32px
    }
    .city__popup {
        width: 378px
    }
    .city__popup .left {
        width: 378px
    }
    .qwiz .left .normal-text {
        width: 44%
    }
    .qwiz .right .h4 {
        margin-bottom: 24px
    }
    .form-radio-hidden .radio {
        width: 20px;
        height: 20px;
        margin-right: 8px
    }
    .detail_linii .rev-wrapper .block .letter {
        width: 48px;
        height: 48px;
        font-size: 24px;
        letter-spacing: -.96px;
        margin-right: 12px
    }
    .line .up-right button {
        width: 18px;
        height: 15.5px
    }
    .line .block .slick-track .slick-slide {
        height: 446px
    }
    .bottom .left .inv-btn span::before {
        width: 16px;
        height: 10px
    }
    .bottom .left .inv-btn {
        padding: 17.5px 28px
    }
    .bottom .searchSvg {
        padding: 16px 28px 16px 16px
    }
    .bottom .searchSvg svg {
        width: 13px;
        height: 13px;
        margin-right: 8px
    }
    .line .block .price {
        margin-top: 12px;
        margin-bottom: 12px
    }
    .time_work {
        margin-left: 28px
    }
    .sl-text {
        font-size: 10px;
        letter-spacing: -.1px
    }
    .error_agree {
        font-size: 10px;
        letter-spacing: -.1px
    }
    .detail_news p.sl-text {
        font-size: 10px!important;
        letter-spacing: -.1px!important
    }
    .link {
        font-size: 10px;
        letter-spacing: -.1px
    }
    .detail_news p.s-text {
        font-size: 11px!important;
        letter-spacing: -.1px!important
    }
    .s-text {
        font-size: 11px;
        letter-spacing: -.1px
    }
    h1 {
        font-size: 52px;
        letter-spacing: -5.04px
    }
    h2 {
        font-size: 36px;
        letter-spacing: -2.94px
    }
    .h2 {
        font-size: 36px;
        letter-spacing: -2.94px
    }
    h3 {
        font-size: 32px;
        letter-spacing: -2.24px
    }
    .h3 {
        font-size: 32px;
        letter-spacing: -2.24px
    }
    h4 {
        font-size: 20px;
        letter-spacing: -.8px
    }
    .h4 {
        font-size: 20px;
        letter-spacing: -.8px
    }
    .partner h2 {
        margin-bottom: 48px
    }
    .detail_linii .review-wrapper .inv-btn {
        padding: 16px 28px
    }
    .detail_linii .podmenu.certs .line-cert {
        margin-top: 20px;
        padding-bottom: 20px
    }
    .detail_linii .podmenu.certs .line-cert:first-child {
        padding: 0 0 20px 0
    }
    .detail_linii .row-btn {
        margin-right: 32px
    }
    .detail_linii {
        margin: 8px auto 100px auto
    }
    .main .main-video {
        width: 760px;
        margin-bottom: -20px;
        height: 355px
    }
    .main p {
        width: 22%;
        margin-bottom: 48px
    }
    .main {
        padding-top: 34px
    }
    .offer .icons .icon {
        width: 54px;
        height: 54px
    }
    .detail_linii .icon {
        width: 54px;
        height: 54px
    }
    .offer .star {
        margin-bottom: 50px
    }
    .offer .price {
        margin-bottom: 28px
    }
    .offer .window {
        height: 388px;
        margin-bottom: 20px
    }
    .offer .btns {
        margin-bottom: 48px
    }
    .catlist .qwiz.left {
        padding: 32px 24px
    }
    .catlist .left .block {
        margin-bottom: 24px
    }
    .catlist .left .block:first-child {
        margin-bottom: 16px
    }
    .catlist {
        margin-bottom: 100px
    }
    .empty .text {
        margin-top: 260px;
        margin-bottom: 230px
    }
    .options .inv-btn {
        font-size: 11px
    }
    .options .big-text:first-child {
        min-height: 60px
    }
    .options .sale_block .big-text:first-child {
        min-height: 0;
    }
    .reward .cart__line {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        display: none;
        width: 22px;
        height: 22px
    }
    .reward .block {
        padding: 32px 0
    }
    .default-section-padding {
        padding: 100px 0
    }
    .map video {
        height: 699px;
        margin: 48px auto 0 auto
    }
    .video .play,
    .video .play-youtube {
        width: 120px;
        height: 120px;
    }
    .answer details {
        padding: 32px 0
    }
    .answer h2 {
        margin-bottom: 48px
    }
    .default-section {
        margin: 100px auto
    }
    .desc {
        margin-bottom: 100px
    }
    .info {
        margin: 14px auto 48px auto
    }
    .bread.simple {
        padding: 48px 0 0 0
    }
    .before-after {
        height: 804px!important
    }
    .qwiz .input label,
    .qwiz .input p,
    .qwiz .name {
        margin-bottom: 12px
    }
    .qwiz .right,
    .qwiz .right .slick-track .slick-slide {
        min-height: 534px
    }
    .tags_wrapper {
        margin-top: 16px;
        gap: 8px
    }
    .tags_wrapper p {
        background: var(--light);
        padding: 8px 18px
    }
    .tags .wrapper a {
        padding: 8px 18px
    }
    .tags {
        margin: 48px auto 48px auto
    }
    .manager .wrapper .block {
        padding: 12px 12px 24px 12px;
        height: 400px
    }
    .politic .left ul {
        margin-bottom: 20px
    }
    .politic {
        margin: 32px auto
    }
    .mini-header {
        font-size: 20px;
        letter-spacing: -.8px
    }
    .page__404 .big-text {
        margin-bottom: 48px
    }
    .page__404 h1 {
        margin-bottom: 32px
    }
    .page__404 .logo {
        width: 120px;
        height: 89px;
        margin-bottom: 120px
    }
    .requzit .left {
        font-size: 20px;
        line-height: 24px
    }
    .requzit .right {
        font-size: 16px;
        line-height: 19px
    }
    .requzit {
        margin: 100px auto
    }
    .contact .left {
        margin-right: 100px
    }
    .contact .big-text {
        margin-bottom: 12px
    }
    .contact .mini {
        margin-bottom: 48px
    }
    .contact {
        margin: 100px auto 100px auto
    }
    .contacts__map .mini {
        margin-bottom: 24px
    }
    .help-map {
        min-width: 318px;
        height: 292px;
        padding: 32px 24px
    }
    .delivery .big_imgs .img {
        padding: 28px;
        height: 90px
    }
    .delivery .small_imgs .img {
        padding: 16px;
        height: 48px
    }
    .delivery .block {
        margin: 108px auto 100px auto
    }
    .delivery .normal-text {
        margin-bottom: 8px
    }
    .delivery .mini {
        margin-bottom: 32px
    }
    .delivery .mini:last-child {
        margin-bottom: 48px
    }
    .delivery .right .big_imgs {
        margin-bottom: 48px
    }
    .delivery .big-text.mrg {
        margin-bottom: 24px
    }
    .delivery .right .small_imgs {
        margin-bottom: 32px
    }
    .big-text {
        font-size: 16px;
        letter-spacing: -.48px
    }
    .normal-text,
    body {
        font-size: 12px;
        letter-spacing: -.24px
    }
    .detail_news p.normal-text {
        font-size: 12px!important;
        letter-spacing: -.24px!important
    }
    .small-text {
        font-size: 12px;
        letter-spacing: -.24px
    }
    .detail_news p.small-text {
        font-size: 12px!important;
        letter-spacing: -.24px!important
    }
    .bread {
        padding: 48px 0 40px 0
    }
    .catlist {
        margin-top: 48px;
    }
    .pagination .current {
        font-size: 12px
    }
    .pagination .arrow.right-arrow {
        margin-left: 21px
    }
    .pagination .arrow.left-arrow {
        margin-right: 21px
    }
    .pagination {
        margin-top: 48px
    }
    .catalog .head {
        margin-bottom: 72px
    }
    .bottom .left .logo {
        margin-right: 0
    }
    .bottom .left .logo img {
        width: 75px;
        height: 56px
    }
    .bottom .left .inv-btn {
        font-size: 11px;
        width: 129px
    }
    .btn,
    .inv-btn {
        font-size: 11px;
        padding: 16px 28px;
        letter-spacing: -.22px
    }
    .bottom .right .status {
        margin-right: 16px
    }
    .bottom .right .status svg {
        width: 21px;
        height: 20px
    }
    .heart {
        width: 49px;
        height: 49px
    }
    .bottom .right .status .heart {
        margin-right: 12px
    }
    .heart .count {
        right: -8%;
        width: 16px;
        height: 16px;
        font-size: 11px;
        letter-spacing: -.1px
    }
    header .top {
        font-size: 12px;
        letter-spacing: -.1px;
        padding: 24px 0 0 0
    }
    header .top .city-btn {
        margin-right: 39px
    }
    header .top .left .inner a {
        margin-right: 20px
    }
    .bar .year {
        font-size: 16px
    }
    .catalog .d-block {
        height: 300px
    }
    .line .img {
        height: 200px
    }
    .line .buttons .inv-btn {
        padding: 17px 0;
        font-size: 11px;
        width: 74%
    }
    .heart.busket:hover p {
        font-size: 10px;
        letter-spacing: -.1px;
        margin-left: 12px
    }
    .heart.busket.active {
        background-color: var(--white);
        width: 49px
    }
    .heart.busket.active:hover {
        width: 49px
    }
    .line .sale {
        margin-left: 12px;
        font-size: 12px
    }
    .history .h3 {
        padding-bottom: 20px
    }
    .form-radio-hidden {
        margin-bottom: 15px
    }
    .qwiz .input p,
    label {
        margin-bottom: 15px
    }
    .form-text input,
    .form-text.file .fileInput {
        font-size: 12px;
        padding: 14px 16px
    }
    .form-text textarea {
        font-size: 12px;
        padding: 17px 20px
    }
    .form-radio-hidden input+.radio+.text {
        font-size: 12px
    }
    .qwiz .end-arrows .left {
        width: 49px;
        height: 49px
    }
    .partner .block {
        height: 90px
    }
    .whywe .right .block {
        height: 300px
    }
    .whywe .right .block .h2,
    .whywe .right .block .h4,
    .whywe .right .block h4 {
        padding: 30px 24px
    }
    .news .block {
        height: 300px;
        padding: 32px 30px 24px 24px
    }
    .news .date {
        font-size: 12px
    }
    .cart__line {
        width: 24px;
        height: 24px
    }
    .line .block {
        padding: 21px
    }
    .line .up-right button {
        margin-bottom: 17px
    }
    .heart.busket .busket-not {
        width: 20px;
        height: 20px
    }
    .d-block {
        padding: 40px 24px 24px 32px
    }
    footer .img {
        width: 94px;
        height: 71px
    }
    footer .social p {
        font-size: 14px
    }
    footer .column-3 .section {
        margin-bottom: 12px
    }
    footer .column-3 .h4 {
        margin-bottom: 32px
    }
    footer .column-2 .small-text {
        margin-bottom: 12px
    }
    footer .column-2 .h4 {
        margin-bottom: 24px
    }
    footer {
        padding: 100px 0 20px 0
    }
    .arrows button {
        width: 48px;
        height: 48px
    }
    .arrows button svg {
        width: 16px;
        height: 10px
    }
    .catalog {
        margin: 48px auto 100px auto
    }
    .line.list {
        padding: 24px 0 100px 0
    }
    .sales_detail .products {
        grid-template-columns: repeat(5, 1fr);
    }
    .partner {
        margin: 100px auto
    }
    .whywe {
        margin: 100px auto
    }
    .news {
        padding: 100px 0
    }
    .history {
        margin: 100px auto
    }
    .upper {
        margin-bottom: 48px
    }
    .qwiz .right {
        padding: 32px 24px
    }
    .history .text {
        font-size: 16px;
    }
    .history .text.next {
        margin-top: 1em;
    }
    .d-block {
        padding: 32px 24px 24px 24px
    }
    .catlist .left label {
        margin-bottom: 14.5px
    }
    .catlist details[close1] summary {
        margin-bottom: 0
    }
    .company-video .play-youtube {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    @keyframes spoosh {
        0% {
            padding: 7px
        }
        25% {
            padding: 8px
        }
        50% {
            padding: 9px
        }
        100% {
            padding: 10px
        }
    }
    .company-video .text .big-text:first-child {
        width: 75%
    }
    .company-video .bread-c h1 {
        margin-top: 48px
    }
    .company-video .bread-c {
        margin-top: 32px
    }
    .equip_linii {
        margin: 0
    }
    .srav-section {
        padding: 32px 0
    }
    .help_flex input:checked+.radio::before {
        width: 24px;
        height: 24px;
    }
    .help_flex .radio {
        width: 36px;
        height: 36px;
        margin-right: 0;
    }
}
@media (max-width:1440px) {
    .obor_list {
    grid-template-columns: repeat(2, 1fr);
}
.obor_list h2{
    grid-column: span 2;
}
    .error_text {
        font-size: 12px!important;
        top: 105%;
    }
    .container {
        width: 90%;
    }
    .history img {
    max-height: 450px;
}

.history video {
    max-height: 450px;
}
    .carusel-wrapper .slick-arrow,
    .skidki_wrapper .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .sales_detail .products img {
        height: 150px;
        width: 150px;
        margin: 10px auto;
    }
    .sales_detail .products .block {
        min-height: 280px;
    }
    .certs .inner{
        grid-template-columns: repeat(3, 1fr);
    }
    .offer .views {
        font-size: 12px;
    }
    .summ_offers .product img {
        max-width: 100px;
    }
    .summ_offers .column .title {
        font-size: 18px;
    }
    .summ_offers .product2::after {
        font-size: 40px;
    }
    .summ_offers .column .price {
        font-size: 16px;
        padding: 8px;
    }
    .sales .products {
        grid-template-columns: repeat(4, 1fr);

        & .product:nth-child(n+5) {
            display:none;
        }
    }
}

@media (max-width:1280px) {
    .quizForm {
        grid-template-columns: repeat(3, 1fr);
    }
    .sales_detail .products {
        grid-template-columns: repeat(4, 1fr);
    }
    .sales_detail .products img {
        height: 120px;
        width: 120px;
        margin: 10px auto;
    }
    .sales_detail .products .block {
        min-height: 240px;
    }
    .youVideoSolo .wrapper {
        grid-template-columns: repeat(2, 1fr);
    } 
    .select2 {
        width: 35%!important;
    }
    .catlist .line .wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .cart .down-right .deliver {
        flex-direction: column
    }
    .cart .down-right .j-block:first-child {
        margin-bottom: 20px
    }
    .cart .up {
        flex-direction: column
    }
    .cart .up .column {
        margin-bottom: 20px;
        display: flex;
        align-items: center
    }
    .cart .up .big-text {
        margin-right: 12px;
        margin-bottom: 0
    }
    /* .catalog__popup .left {
        width: 45%
    } */
    .catalog-left {
        left: -45%
    }
    .catalog__popup .right {
        width: 55%
    }
    .catlist .right {
        width: 68%
    }
    .catlist .qwiz.left {
        width: 30%
    }
    .line .wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
    .line .img {
        height: 240px;
    }
    .whywe .right {
        width: 64%;
    }
    .business .right {
        width: 64%;
    }
    .business .left {
        width: 34%;
    }
}

@media (max-width:1150px) {
    .qwiz .right {
        width: 60%;
    }
    #moveSearch .in {
        display: flex;
        align-items: center;
        width: 95%;
        margin: 0 auto
    }
    .back-svg {
        margin-right: 16px;
        display: block
    }
    .category .grid {
        grid-template-columns: repeat(2, 1fr);

        &.right .d-block:first-child {
            grid-column: 1;
        }
    
        &.right .d-block:last-child {
            grid-column: 2;
        }
    }
    .certs .inner{
        grid-template-columns: repeat(2, 1fr);
    }
    .youVideo .img .poster {
        height: 235px;
    }
    .mobile-menu::-webkit-scrollbar {
        display: none;
    }
    .popUpGallery .slick-prev {
        margin-left: 0;
    }
    .popUpGallery .slick-next {
        margin-right: 5%;
    }
    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: -100%;
        background: var(--white);
        height: 100%;
        width: 70%;
        padding: 40px 21px;
        display: flex;
        flex-direction: column;
        transition: left ease-in-out 325ms;
        z-index: 9999;
        overflow-y: scroll
    }
    .mobile-menu.show {
        left: 0
    }
    .mobile-menu .content {
        position: relative
    }
    .mobile-menu .close-svg {
        position: absolute;
        top: 0;
        right: 0
    }
    .mobile-menu .city-btn {
        width: max-content;
        display: block;
        position: relative;
        padding-left: 24px
    }
    .mobile-menu .city-btn::before {
        content: '';
        background-image: url(../../new_landing/icons/mark1.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 19px;
        height: 20px;
        position: absolute;
        top: 0;
        left: 0
    }
    .mobile-menu .inner {
        margin-top: 40px
    }
    .mobile-menu .inner .link {
        display: block;
        padding: 10px 0
    }
    .mobile-menu .inner .link:last-child {
        margin-bottom: 0
    }
    .mobile-menu .logo {
        margin-bottom: 40px;
        width: 86px;
        height: 63px;
        display: block
    }
    .mobile-menu .logo img {
        width: 100%;
        height: 100%
    }
    .mobile-menu.show {
        left: 0
    }
    .options .big-text:first-child {
        min-height: 50px
    }
    .options .sale_block .big-text:first-child {
        min-height: 0;
    }
    .popUpGallery .option__wrapper {
        width: 90%
    }

    .popUpGallery .wrapper__video img,
    .popUpGallery video {
        height: 600px
    }
    .options .inv-btn {
        padding: 11px 0
    }
    .options {
        min-height: 163px
    }
    #cart .option-block.container {
        width: 100%
    }
    .dop__help {
        top: 35px;
        width: 60%
    }
    .catlist .line .wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
    .partner .wrapper {
        grid-template-columns: repeat(4, 1fr)
    }
    .share_ya {
        margin-top: 32px
    }
    .share_ya.dekstop {
        display: none
    }
    .share_ya.mobile {
        display: flex
    }
    .dopline {
        margin-top: 40px
    }
    .detail_linii iframe {
        height: 250px
    }
    .detail_news .right section {
        margin-bottom: 80px
    }
    .srav-tags {
        margin-bottom: 80px
    }
    .srav-category .wrap-srav-btn {
        padding: 8px 16px
    }
    .dop_text .politic {
        width: 66%
    }
    .dop_text {
        margin-bottom: 80px
    }
    .filter__popup .form-radio-hidden .radio {
        width: 22px;
        height: 22px
    }
    .filter__popup .filterSlickBlock .form-radio-hidden {
        margin-bottom: 13px
    }
    .filter__popup .filterSlickBlock .form-radio-hidden.l {
        margin-bottom: 40px
    }

    .filter__popup .flex {
        display: flex;
        flex-direction: column;
        height: 60vh;
        overflow-x: scroll;
    }
    .filter__popup .block {
        height: auto
    }
    .filters_tags {
        display: flex;
        flex-wrap: wrap;
        gap: 1em
    }
    .filters_tags.active {
        margin-bottom: 32px
    }
    .filters_tags span {
        background: var(--blue);
        padding: 8px 16px;
        color: var(--white);
        display: block;
        width: max-content;
        border-radius: 500px;
        display: flex;
        align-items: center
    }
    .top_filter {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }
    .top_filter button {
        font-size: 12px;
        line-height: 120%;
        letter-spacing: -.24px
    }
    .filters_tags span::after {
        content: '';
        background-image: url(../../new_landing/icons/cancel-white.svg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin-left: 8px;
        background-size: cover
    }
    .filter__mobile__btn {
        margin-bottom: 32px;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center
    }
    .filter__mobile__btn {
        position: relative
    }
    .filter__mobile__btn[data-filter-count="0"]::before {
        display: none
    }
    .filter__mobile__btn::before {
        content: attr(data-filter-count);
        position: absolute;
        top: 0;
        right: 10%;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: var(--blue);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 120%;
        letter-spacing: -.32px
    }
    .filter__mobile__btn:after {
        content: '';
        background-image: url(../../new_landing/icons/arrow-catalog-up.svg);
        background-repeat: no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
        opacity: .5
    }
    .option-block {
        margin-bottom: 40px
    }
    .popUpGallery .arrows {
        top: 89%;
        justify-content: flex-end
    }
    .popUpGallery figure {
        width: 95%;
        height: 666px
    }
    #popUpVideoYou figure {
        width: 80%;
        height: 500px
    }
    #popUpVideoYou figure {
        width: 95%;
        height: 600px;
    }
    #popUpVideoYou .under {
        width: 95%
    }
    #popUpVideoYou .over {
        width: 95%;
    }
    #filterPopUp summary {
        display: flex;
        justify-content: space-between
    }
    #filterPopUp details[open] summary:after {
        transform: rotate(90deg)
    }
    #filter-spin .spinner {
        top: 150px;
        left: 45%
    }
    .delivery .big_imgs .img {
        height: 93px
    }
    .delivery .big_imgs img {
        width: 118px;
        height: 38px
    }
    .delivery .small_imgs img {
        width: 74px;
        height: 17px
    }
    .whywe.text .right .block .h2 {
        padding: 32px 24px 0 24px
    }
    .whywe .right .block .normal-text {
        padding: 0 24px 24px 24px
    }
    .offer {
        margin: 0 auto 40px auto
    }
    .detail_linii .menu {
        overflow-x: auto
    }
    .offer .slick-dots {
        bottom: 5px
    }
    .offer .left .arrows {
        display: none
    }
    .detail_linii .row-btn::after {
        top: 30px
    }
    .equip_linii .up {
        margin-bottom: 40px
    }
    .business .left p {
        width: 60%
    }
    .business .right .block {
        padding-bottom: 23px
    }
    .detail_linii .bot {
        margin-bottom: 40px
    }
    .heart svg {
        width: 22px;
        height: 19.2px
    }
    .history .arrows {
        margin-bottom: 0
    }
    .whywe .right .block .h2,
    .whywe .right .block .h4,
    .whywe .right .block h4 {
        padding: 24px 24px
    }
    #menuCity .stycky,
    .quest__popup .stycky,
    #menuCityQuest .stycky {
        padding: 48px 32px 32px 32px
    }
    .city__popup,
    .quest__popup .stycky {
        width: 427px
    }
    .city__popup .left {
        width: 427px
    }
    .catalog__popup .left .main-link {
        padding: 16px 32px 16px 32px
    }
    .planSearchBtn {
        display: block
    }
    #searchCityLabel::before {
        top: 16px
    }
    .qwiz .name {
        margin-bottom: 21px
    }
    .form-radio-hidden {
        margin-bottom: 18px
    }
    .error_text.error {
        align-items: center
    }
    .heart .count {
        right: -8%;
        width: 20px;
        height: 20px;
        font-size: 12px;
        letter-spacing: -.1px
    }
    .detail_linii .rev-wrapper .block .letter {
        width: 54px;
        height: 54px;
        font-size: 28px;
        letter-spacing: -1.12px;
        margin-right: 12px
    }
    .line .block .price {
        margin-top: 8px;
        margin-bottom: 8px
    }
    .bar .block:last-child {
        width: 25%
    }
    .time_work {
        display: none
    }
    .detail_news p.sl-text {
        font-size: 14px!important;
        letter-spacing: -.14px!important
    }
    .s-text {
        font-size: 12px;
        letter-spacing: -.24px
    }
    .detail_news p.s-text {
        font-size: 12px!important;
        letter-spacing: -.24px!important
    }
    .btn,
    .inv-btn {
        font-size: 12px;
        letter-spacing: -.24px
    }
    h1 {
        font-size: 42px;
        letter-spacing: -4.2px
    }
    h2 {
        font-size: 32px;
        letter-spacing: -2.8px
    }
    .h2 {
        font-size: 32px;
        letter-spacing: -2.8px
    }
    h3 {
        font-size: 28px;
        letter-spacing: -1.96px
    }
    .h3 {
        font-size: 28px;
        letter-spacing: -1.96px
    }
    .partner .block .img {
        padding: 7%
    }
    .filter__popup .qwiz {
        background: var(--white);
        height: 100%;
        overflow: auto
    }
    .filter__popup .filterSlickBlock {
        overflow-x: scroll;
        margin-left: 1em;
        margin-right: 1em
    }
    .filter__popup .filterSend {
        display: block;
        margin-top: auto
    }
    .filter__popup .qwiz .block {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        flex-shrink: 0;
    }
    .filter__popup .qwiz .price .input {
        width: 95%
    }
    .filter__popup .filter .partner .block {
        border: 1px solid rgba(31, 38, 80, .15);
        border-radius: 16px
    }
    .filter__popup details {
        margin-bottom: 32px
    }
    .filter__popup summary:after {
        margin-right: 0;
        margin-left: 6px
    }
    .partner h2 {
        margin-bottom: 40px
    }
    .detail_linii .podmenu {
        margin-top: 24px
    }
    .detail_linii {
        margin: 8px auto 105px auto
    }
    .main .main-video {
        width: 581px;
        margin-bottom: 47px;
        height: 270px
    }
    .main p {
        width: 30%;
        margin-bottom: 60px
    }
    .main {
        padding-top: 26px
    }
    .offer .podprice .h3 {
        font-size: 36px;
        line-height: 36px
    }
    .offer .right {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .offer .btns {
        flex-wrap: wrap;
        margin-bottom: 0
    }
    .offer .busket-href,
    .offer .busket-offer {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px
    }
    .option-text {
        margin-bottom: 20px
    }
    .offer .window {
        height: 305px;
        margin-bottom: 20px
    }
    .fix .left {
        display: none
    }
    .fix .right {
        width: 100%
    }
    .fix .right .btn,
    .fix .right .inv-btn {
        width: 100%
    }
    .fix .right .mini-header {
        display: none
    }
    .heart.busket.active:hover {
        width: 49px
    }
    .line .block {
        padding: 16px
    }
    .line .up-right button {
        width: 20px;
        height: 20px
    }
    .line .buttons .inv-btn {
        width: 68%
    }
    .line .buttons .inv-btn {
        padding: 15px;
        flex-grow: 1
    }
    .bottom .result .links .count {
        min-width: 15%
    }
    .bottom .back {
        padding-bottom: 20px
    }
    .catlist .line .container {
        width: 100%
    }
    .heart.busket.active {
        width: 49px
    }
    .filters {
        display: flex;
        justify-content: space-between
    }
    .filters .right {
        display: block
    }
    .catlist .left {
        display: none
    }
    .catlist .filters .left {
        display: flex;
    }
    .catlist .filters .right {
        width: fit-content;
    }
    .catlist .right {
        width: 100%
    }
    .catlist {
        margin-bottom: 80px
    }
    .empty .text {
        margin-top: 170px;
        margin-bottom: 170px
    }
    .cart .block {
        padding: 24px
    }
    .cart .options .block {
        padding: 20px 16px
    }
    .cart .img {
        width: 160px;
        height: 160px
    }
    .cart .up {
        padding: 24px
    }
    .cart .down-right {
        padding: 32px 24px 24px 24px
    }
    .cart .up .big-text {
        margin-right: 0;
        margin-bottom: 8px
    }
    .cart .up .column {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
    .cart .down-right .deliver {
        flex-direction: row
    }
    .cart .down-right .j-block:first-child {
        margin-bottom: 0
    }
    .cart .down-right .deliver {
        margin-bottom: 60px
    }
    .cart .up {
        flex-direction: row;
        align-items: center
    }
    .cart .wrapper {
        flex-direction: column
    }
    .cart .options {
        margin-bottom: 32px
    }
    .cart .left {
        width: 100%
    }
    .reward .cart__line {
        display: block
    }
    .default-section-padding {
        padding: 80px 0
    }
    .map video {
        height: 479px;
        margin: 40px auto 0 auto
    }
    .whywe .left .normal-text {
        width: 80%
    }
    .gallery .numbers {
        width: 90%
    }
    .answer h2 {
        margin-bottom: 40px
    }
    .default-section {
        margin: 80px auto
    }
    .desc {
        margin-bottom: 80px
    }
    .info {
        margin: 10px auto 40px auto
    }
    .top.small-text {
        font-size: 12px;
        letter-spacing: .24px
    }
    header .top .left .inner a {
        margin-right: 16px
    }
    header .top .city-btn {
        margin-right: 12px
    }
    header .top .left .inner a:last-child {
        margin-right: 16px
    }
    .time_work {
        display: none
    }
    .bread.simple {
        padding: 40px 0 0 0
    }
    .qwiz .rezume {
        flex-direction: column
    }
    .qwiz .rezume .form-text {
        width: 100%
    }
    .vak_detail .wrapper {
        flex-direction: column
    }
    .vak_detail .img {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        justify-content: center
    }
    .vak_detail .right {
        width: 100%
    }
    .gallery .hover {
        width: 90%
    }
    .before-after {
        height: 1366px!important
    }
    .qwiz .input label,
    .qwiz .input p,
    .qwiz .name {
        margin-bottom: 20px
    }
    .qwiz .right,
    .qwiz .right .slick-track .slick-slide {
        min-height: 534px
    }
    .tags .wrapper a {
        padding: 8px 16px
    }
    .tags {
        margin: 40px auto 40px auto
    }
    .manager .wrapper .block {
        height: 428px
    }
    .politic-link {
        display: flex
    }
    .politic .left {
        display: none;
        width: max-content;
        margin-right: 0;
        margin-bottom: 40px;
        position: relative;
        top: 0
    }
    .politic .right {
        width: 100%
    }
    .politic {
        flex-direction: column
    }
    .politic .big-text {
        margin-bottom: 12px
    }
    .politic .mini-header {
        margin-bottom: 16px
    }
    .politic {
        margin: 40px auto
    }
    .page__404 .big-text {
        margin-bottom: 40px
    }
    .requzit .block {
        padding: 24px 0
    }
    .requzit {
        margin: 80px auto
    }
    .qwiz .left .normal-text {
        width: 60%
    }
    .contact .left {
        margin-right: 80px
    }
    .contact .mini {
        margin-bottom: 40px
    }
    .h3 {
        font-size: 28px;
        line-height: 28px
    }
    .contact {
        margin: 80px auto 80px auto
    }
    .help-map {
        min-width: 304px;
        height: 296px;
        padding: 24px
    }
    .delivery .block {
        display: flex;
        justify-content: space-between;
        margin: 80px auto 80px auto
    }
    .delivery .right .big_imgs {
        flex-wrap: wrap;
        gap: 1em
    }
    .delivery .right .small_imgs {
        flex-wrap: wrap;
        gap: 1em;
        justify-content: flex-start
    }
    .delivery .big_imgs .img {
        width: calc(100% / 2 - 1em);
        padding: 28px;
        border-radius: 12px
    }
    .delivery .mini:last-child {
        margin-bottom: 40px
    }
    .delivery .small_imgs .img {
        width: calc(100% / 3 - 1em);
        flex: none;
        padding: 15px;
        border-radius: 8px
    }
    .normal-text,
    body {
        font-size: 14px;
        letter-spacing: -.28px
    }
    .small-text {
        font-size: 14px;
        letter-spacing: -.28px
    }
    .detail_news p.small-text {
        font-size: 14px!important;
        letter-spacing: -.28px!important
    }
    .bread h1 {
        margin-bottom: 24px
    }
    .bread .wrapper {
        font-size: 14px;
        margin-bottom: 20px
    }
    .bread {
        padding: 48px 0 40px 0
    }
    .news .date {
        font-size: 14px
    }
    .pagination .current {
        font-size: 14px;
        width: 40px;
        height: 40px
    }
    .pagination .arrow.right-arrow {
        margin-left: 16px
    }
    .pagination .arrow.left-arrow {
        margin-right: 16px
    }
    .pagination {
        margin-top: 40px
    }
    .catalog .head {
        margin-bottom: 60px
    }
    .news .block {
        padding: 24px
    }
    .bottom .searchSvg {
        width: 50px
    }
    .bottom .searchSvg svg {
        opacity: 1;
        margin-right: 0;
        width: 18px;
        height: 18px
    }
    .bottom .searchSvg .searchWrapper {
        opacity: 1
    }
    .bottom .searchSvg {
        opacity: 1;
        padding: 16px
    }
    .catalog .d-block {
        height: 260px
    }
    .catalog {
        margin: 60px auto 80px auto
    }
    .line.list {
        padding: 32px 0 80px 0
    }
    .partner {
        margin: 80px auto
    }
    .whywe {
        margin: 80px auto
    }
    .news {
        padding: 80px 0
    }
    .history {
        margin: 80px auto
    }
    .upper {
        margin-bottom: 40px
    }
    .category .d-block {
        height: 359px
    }
    .category .links img {
        height: 181px
    }
    .qwiz .right .step {
        position: relative;
        margin-bottom: 24px
    }
    .qwiz .right .h4 {
        margin-bottom: 26px
    }
    .whywe .right .block {
        height: 260px
    }
    .news .block {
        height: 260px
    }
    footer .down {
        grid-template-columns: repeat(2, 1fr);
    }
    #search {
        margin-left: 12px;
        width: 100%
    }
    #moveSearch {
        display: flex;
        width: 100%;
        margin: 0 auto;
        justify-content: center;
        flex-direction: column;
        padding: 0;
        opacity: 0
    }
    .bottom #moveSearch .searchWrapper {
        border: 1px solid var(--blue);
        border-radius: 30px;
        padding: 18px;
        width: 96%;
        margin: 0 auto
    }
    .bottom .links {
        min-height: 30vh
    }
    #planSearchBtn {
        display: block
    }
    .bottom .result #planSearchBtn {
        display: block;
        cursor: pointer
    }
    .bottom .result {
        position: relative;
        top: 0;
        margin-top: 50px
    }
    #planSearch {
        padding: 30px 0;
        display: flex;
        position: fixed;
        top: -114px;
        width: 100%;
        background: var(--white);
        height: 114px;
        z-index: 99;
        transition: top ease-in-out .2s
    }
    #planSearch.show {
        display: block;
        top: 0
    }
    .bottom .result .links:last-child {
        border: none
    }
    .company-video .bread-c h1 {
        margin-top: 40px
    }
    .filter__popup .block_harak {
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }
    .filter__popup .block_harak button {
        font-size: 12px;
        line-height: 120%;
        letter-spacing: -.24px
    }
    .filter__popup .name_harak {
        width: 70%;
        font-size: 20px;
        font-weight: 500;
        font-family: Meduim, sans-serif
    }
    .filter__popup .full_filter {
        text-transform: uppercase
    }
    .equip_linii {
        margin: 0
    }
    .back_filter.h3,
    .back_filter_slick.h3 {
        margin-bottom: 32px;
        display: block
    }
    .back_filter.h3::before,
    .back_filter_slick::before {
        content: '';
        background-image: url(../../new_landing/icons/filtersArrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 16px;
        height: 16px;
        display: inline-block;
        transform: rotate(-90deg);
        margin-right: 16px
    }
    .srav-section {
        padding: 24px 0
    }
    
    .personal .inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 1em;
    }

    .personal .inner .img {
        width: max-content;
        margin: 0 auto;
    }
    
    .personal .side h3 {
        margin-bottom: 30px;
    }
    
    .personal .side p {
        font-size: 20px;
        margin-bottom: 1em;
    }

    .service_form .right_stan {
        width: 65%;
    }

    header .top .left .inner a {
        margin-right: 8px;
    }
    
    .sales .products {
        grid-template-columns: repeat(1, 1fr);

        & .product_img {
            object-fit: contain;
        }
    }

    .sales .product:not(:first-child) {
        display: none;
    }
    .sales .block .sale_img {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 1024px) {
    .gallery, .gallery .slick-list, .gallery .slick-track {
        height: 600px;
    }
    .before-after {
        height: 600px!important;
    }
    .video {
        height: 600px;
    }
    .detail_linii .wrapper-column {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .qwiz .help {
    font-size: 10px;
}
.history img {
    max-height: 350px;
}

.history video {
    max-height: 359px;
    border-radius: 30px;
}
}

@media (max-width:768px) {
    .catlist .line .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .carulusel-wrapper .slick-arrow,
    .skidki_wrapper .slick-arrow {
        border: 1px solid rgba(31, 38, 80, .15);
        width: 40px;
        height: 40px;

        &:hover {
            opacity: 1;
        }
    }
    .summ_offers {
        height: 400px;
        flex-direction: column;
        padding-bottom: 10px;
    }
    #skidki .slick-track .slick-slide {
        flex-direction: column;
        height: 400px;
        margin: 0 5px;
    }
    .skidki_wrapper {
        height: 410px;
    }
    .youVideo .img .poster {
        height: 190px;
    }
    .sup {
        display: none
    }
    .main .container {
        height: auto
    }
    .line .wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
    .container {
        width: 95%
    }
    .detail_linii .row {
        width: min-content
    }
    .history .arrows {
        margin-bottom: 20px
    }
    .history .left {
        width: 35%
    }
    .delivery .block .right,
    .history .right,
    .qwiz .right,
    .whywe .right {
        width: 55%
    }
    .hide {
        display: none
    }
    .page__404 .logo {
        margin-bottom: 330px
    }
    .qwiz .left .normal-text {
        width: 100%
    }
    .whywe .left {
        width: 40%
    }
    .news h4 {
        font-size: 18px!important
    }
    .main .main-video {
        width: 450px;
        margin-bottom: -34px;
        height: 258px
    }
    .main p {
        width: 35%;
        margin-bottom: 32px
    }
    .main {
        padding-top: 26px
    }
    .offer .price {
        margin-bottom: 40px
    }
    .offer {
        flex-direction: column;
        margin: 0 auto 40px auto
    }
    .offer h1 {
        margin-bottom: 20px
    }
    .offer .star {
        margin-bottom: 40px
    }
    .offer .big-text.first {
        margin-bottom: 20px;
        width: 80%
    }
    .offer .left {
        width: 100%;
        margin-bottom: 20px
    }
    .offer .right {
        width: 100%
    }
    .offer .price .podprice {
        flex-direction: column
    }
    .loader2 {
        width: 60px;
        height: 60px;
    }
    #popUpVideoYou .back {
        top: auto;
        bottom: 10px;
    }
    .skidki_wrapper {
        display: none;
    }
}

@media (max-width:640px) {

    .quizForm {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .quizForm .name {
        font-size: 0.7rem;
    }
    .quizForm .grid-full {
        grid-column: span 2;
    }
    .form-text textarea {
        padding: 12px;
    }
    .whywe .right .block .img {
        height: 50%;
    }
    .whywe .right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .whywe .right .block {
        height: 200px;
    }
    .dealer-qwiz .left {
        margin-bottom: 20px;
    }
    .qwiz .right {
        padding: 20px;
    }
    .qwiz .input label, .qwiz .input p, .qwiz .name {
        margin-bottom: 12px;
    }
    header.mobile .logo img {
        height: 60px;
    }
    header.mobile .logo {
        height: 60px;
    }
    .offer .window {
        height: 405px;
    }
    .bread.simple {
        padding: 25px 0 0 0;
    }
    .bread .wrapper {
        margin-bottom: 25px;
    }
    #cookie-banner {
    position: fixed;
    bottom: 10px;
    right: 10px;
    left: 10px;
    max-width: 100%;
}
    .offer .no-rating {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }
    .four-link {
        display: none;
    }
    .offer .discount {
        margin-left: auto;
        grid-column: span 2;
    }
    .offer .price {
        margin-bottom: 20px;
    }
    .offer .star .stock {
        margin-right: 0;
    }
    .offer .in-star {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        gap: 8px;
    }
    .offer .btns .busket-offer {
        margin-right: 0!important;
    }
    .detail_linii .harak td:first-child {
        font-size: 14px;
        letter-spacing: -.32px;
    }
    .detail_linii .harak td:last-child {
        font-size: 14px;
        letter-spacing: -.32px;
    }
    .detail_linii .h_wrapper {
        gap: 12px;
        display: flex;
        flex-direction: column;
    }
    .detail_linii .harak {
        margin-bottom: 0;
    }
    .bottom .result {
        margin-top: 10px;
    }
    .bottom .links {
        min-height: auto;
        height: 150px;
        flex-direction: column;
    }
    .bottom .result .links .names {
        display: flex;
        flex-direction: column;
    }
    .bottom .result .links .names a {
        margin-bottom: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .planSearchBtn svg {
        padding-bottom: 7px;
    }
    .offer .heart .help_popup {
        transform: translate(-60%, 0);
    }
    #searchCity {
        text-indent: 36px;
    }
    .help {
        font-size: 9px;
    }

    .vak_detail .h4 {
        margin-top: 20px;
    }
    .vak_detail.politic .right ul li {
        font-size: 16px;
    }
    .detail_linii .harak td:last-child {
        max-width: 40%;
        text-align: right;
    }
    .sales_detail .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;

        & .pod {
            font-size: 14px;
        }

        & .prs {
            font-size: 12px;
        }

        & .pr {
            font-size: 12px
        }

        & .vi {
            font-size: 12px;
        }
    }
    .sales_detail img {
        width: 100%;
        height: 400px;
    }
    .sales_detail .products img {
        height: 120px;
        width: 120px;
        margin: 10px auto;
    }
    .sales_detail .products .block {
        min-height: 240px;
    }
    .sales .block {
        flex-direction: column;
        gap: 15px;
    }
    .sales .block .sale_img {
        width: 100%;
        height: auto;
    }
    .sales .product .product_img {
        height: 150px;
    }
    .sales .count {
        width: 50%;
    }
    .line .layout span {
        font-size: 12px;
        line-height: 16px;
        border-radius: 16px;
        padding: 4px 12px;
    }
        
    .offer .layout span {
        font-size: 12px;
        line-height: 16px;
        border-radius: 16px;
        padding: 4px 12px;
    }

    .offer .id_erps {
        right: 3%;
        bottom: 3%;
        top: auto;
    }
    .service_form .left {
        width: 100%;
    }
    .service_form .right_stan {
        width: 100%;
    }
    .summ_offers .products {
        flex-direction: column;
    }
    .summ_offers .product img {
        max-width: 150px;
    }
    .summ_offers .product::after {
        display: none;
    }
    .summ_offers .column {
        width: 100%;
    }
    .summ_offers .column .price {
        width: 100%;
    }
    .summ_offers .column .title {
        font-size: 16px;
    }
    .category .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .category .grid.right .d-block:first-child {
        grid-column: 1;
    }
    .category .grid.right .d-block:last-child {
        grid-column: 1;
    }
    .catlist .mobile summary::before {
        display: none;
    }
    .delivery iframe {
        width: 85%;
        margin: 40px auto 0 auto;
    }
    
    .detail_linii .h_wrapper {
        columns: 1;
    }
    .catlist .carusel .c-block img {
        width: 120px;
        height: 120px;
    }
    .show_view {
        max-height: 400px;
    }
    #popUpCerts figure img {
        height: 70%;
    }
    .certs .inner{
        grid-template-columns: repeat(1, 1fr);
    }
    .adminPlank {
        display: none;
    }
    .youVideo .img .play-youtube-btn {
        width: 60px;
        height: 60px;
    }
    .youVideo .img .poster {
        height: 200px;
    }
    .youVideoSolo .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }  
    .answer__popup::before {
        display: none;
    } 
    .company-video .down-c {
        justify-content: center;
        margin-top: 50px;
    }
    .table th,
    .table td {
        padding: 20px;
    }
    .mobile-menu {
        width: 100%
    }
    .popUpGallery .option__wrapper {
        width: 100%
    }

    .popUpGallery .wrapper__video img,
    .popUpGallery video {
        height: 300px
    }
    .popUpGallery .pod-text {
        width: 90%;
        margin: 0 auto
    }
    .options {
        min-height: 143px
    }
    .detail_news iframe {
        height: 30vh
    }
    .detail_news video {
        height: 30vh
    }
    .catlist .line .wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .line .wrapper {
        grid-template-columns: repeat(1, 1fr)
    }
    .partner .wrapper {
        grid-template-columns: repeat(3, 1fr)
    }
    footer .down {
        width: 100%;
    }
    .share__btn.dekstop {
        display: none
    }
    .share__btn.mobile {
        display: block;
    }
    .ya-share2__popup {
        height: 250px;
        overflow-x: hidden;
    }
    .offer .id_erps_block {
        padding: 4px;
    }
    .dopline {
        margin-top: 32px
    }
    .detail_linii .main-img {
        height: 500px;
    }
    .detail_linii .icon {
        top: 20px
    }
    .detail_linii iframe {
        height: 225px
    }
    .bread_dealer {
        margin-top: 32px
    }
    .line .a-img {
        margin: 20px 28px 24px 20px
    }
    #menuQuest .stycky::-webkit-scrollbar {
        display: none
    }
    .cart .left {
        margin-bottom: 20px
    }
    #menuQuest .stycky {
        overflow-y: scroll
    }
    #menuQuest .mobile {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px
    }
    #menuQuest .mobile a {
        margin-bottom: 10px;
        width: max-content
    }
    .detail_news .right section {
        margin-bottom: 60px
    }
    .srav-tags {
        margin-bottom: 60px
    }
    .srav-harak .row .normal-text {
        margin-bottom: 16px
    }
    .srav-category {
        display: flex;
        flex-direction: column
    }
    .srav-category .wrap-srav-btn {
        width: max-content
    }
    .catlist summary::before {
        width: 21px;
        height: 21px;
        font-size: 14px;
        letter-spacing: -.28px
    }
    .dop_text .politic {
        width: 100%
    }
    .dop_text {
        flex-direction: column;
        margin-bottom: 60px
    }
    .dop_text>h2 {
        margin-bottom: 20px
    }
    .popUpGallery figure {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .popUpGallery img {
        height: auto;
        object-fit: contain;
    }
    .popUpGallery .arrows {
        top: 90%;
        z-index: 1000;
    }
    #popUpVideoYou figure {
        width: 100%;
        height: 200px
    }
    #popUpVideoYou .over {
        width: 90%;
        font-size: 14px;
        border-radius: 5px;
        font-weight: 700;
    }
    #popUpVideoYou .under {
        width: 95%;
        align-items: flex-start;
        border-radius: 20px;
        padding: 10px;
        display: flex;
    }
    #popUpVideoYou .under .mini-header {
        width: 60%;
        margin-bottom: 24px;
        margin-left: 0
    }
    #popUpVideoYou .under .btn {
        width: 100%;
        padding: 6px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .loader2 {
        left: 41%;
    }

    .video_filter .cat {
        font-size: 14px;
        padding: 6px 12px;
    }

    .tags {
        max-height: 150px;
        overflow-x: auto
    }
    .tags .wrapper {
        flex-wrap: nowrap
    }
    .tags .wrapper a {
        white-space: nowrap
    }
    .filters .left .dekstop {
        display: none
    }
    .filters .left .mobile {
        display: block
    }
    .filters .left .big-text[data-status='-price'],
    .filters .left .big-text[data-status=price] {
        margin-right: 0
    }
    .filters details summary:after {
        margin-left: 8px;
        margin-right: 0;
        content: '';
        background-image: url(../../new_landing/icons/arrow-catalog-down.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 16px;
        height: 16px;
        display: inline-block;
        transition: 0.2s linear;
    }
    .filters details[open] summary:after {
        transform: rotate(180deg);
    }
    .filters details .in {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 25px;
        z-index: 1;
        background: var(--white);
        padding: 20px 39px 20px 16px;
        border: 1px solid var(--border-shadow);
        border-radius: 12px;
        z-index: 10;
    }
    .filters .left .big-text {
        margin-bottom: 16px;
        margin-right: 0
    }
    .filters .left summary {
        margin-right: 0!important;
        margin-bottom: 0!important;
        opacity: 1!important
    }
    .filters details {
        position: relative
    }
    .delivery .big_imgs .img {
        height: 70px
    }
    .delivery .big_imgs img {
        width: 72px;
        height: 28px
    }
    .delivery .small_imgs img {
        width: 40px;
        height: 30px
    }
    .whywe.text .right .block .h2 {
        padding: 24px 24px 0 24px
    }
    .whywe .right .block .normal-text {
        padding: 0 24px 24px 24px
    }
    .history.dealer .bar .year.last {
        left: 0
    }
    .tags_wrapper a,
    .tags_wrapper p {
        padding: 8px 16px
    }
    .file-link p:first-child {
        margin-bottom: 4px
    }
    #slick_history.whywe .slick-list {
        padding-bottom: 20px
    }
    .historyPod .slick-list,
    .historyPod .slick-track {
        width: 100%
    }
    .equip_linii .up {
        flex-direction: column;
        margin-bottom: 40px;
        align-items: flex-start
    }
    .equip_linii h2 {
        margin-bottom: 40px
    }
    .detail_linii .row-btn::after {
        top: 30px
    }
    .business {
        flex-direction: column
    }
    .business .left {
        width: 100%
    }
    .business .right {
        width: 100%
    }
    .business h2 {
        margin-bottom: 40px
    }
    .business .left p {
        width: 100%;
        margin-bottom: 40px
    }
    .business .right .block {
        padding-bottom: 22px
    }
    .detail_linii .bot {
        flex-direction: column
    }
    .detail_linii .left {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px
    }
    .detail_linii .right {
        width: 100%
    }
    .detail_linii,
    .personal {
        margin: 0 auto 60px auto
    }
    .main {
        background: var(--main-grad-mobile)
    }
    .line .img {
        height: 260px
    }
    .ban-block {
        height: 100%;
        display: flex;
        gap: 24px;
    }
    .news .btn {
        margin: 40px auto 0 auto
    }
    .city__popup {
        right: 100%
    }
    .city__popup .stycky {
        position: relative
    }
    .whywe .right .block .h2,
    .whywe .right .block .h4,
    .whywe .right .block h4 {
        padding: 20px 16px
    }
    #menuCity .stycky,
    .quest__popup .stycky {
        padding: 40px 20px 40px 20px
    }


    #planSearch {
        height: 100vh;
        top: -100vh
    }
    .quest__popup .h3 {
        width: 80%
    }
    .cart .img {
        display: none;
    }
    .city__popup,
    .quest__popup .stycky {
        width: 100%;
        height: 100%
    }
    .city__popup .left {
        width: 100%
    }
    .heart .count {
        right: -8%;
        width: 16px;
        height: 16px;
        font-size: 10px;
        letter-spacing: -.1px
    }
    .line .block .price {
        margin-top: 8px;
        margin-bottom: 12px
    }
    h1 {
        font-size: 34px;
        letter-spacing: -3.08px
    }
    h2 {
        font-size: 28px;
        letter-spacing: -2.22px
    }
    .h2 {
        font-size: 28px;
        letter-spacing: -2.22px
    }
    h3 {
        font-size: 24px;
        letter-spacing: -1.96px
    }
    .h3 {
        font-size: 24px;
        letter-spacing: -1.96px
    }
    .partner .block .img {
        padding: 5%
    }
    header.mobile {
        width: 100%;
        background: var(--main-grad-mobile-header);
        display: block;
        z-index: 10
    }
    .adminPlank {
        display: none
    }
    header.mobile .content {
        width: 95%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        padding: 10px
    }
    header.mobile .svg {
        background: var(--white);
        width: 54px;
        height: 54px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .qwiz .left .normal-text {
        margin-bottom: 15px
    }
    .catalog__popup {
        width: 100%
    }
    .catalog-left {
        left: -100%
    }
    .partner h2 {
        margin-bottom: 32px
    }
    .review-wrapper {
        flex-direction: column
    }
    .review-wrapper .rev-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
    .detail_linii .review-wrapper .inv-btn {
        width: 100%;
        margin-bottom: 24px
    }
    .detail_linii .rev-right {
        width: 100%
    }
    .detail_linii .podmenu.review .rev-left {
        margin-right: 0;
        width: 100%
    }
    .detail_linii .podmenu.certs .line-cert {
        flex-direction: column;
        position: relative;
        align-items: flex-start
    }
    .detail_linii .podmenu.certs .line-cert p {
        width: 80%;
        margin-bottom: 12px
    }
    .detail_linii .row-btn {
        margin-right: 16px
    }
    .detail_linii .text-desc {
        width: 100%;
        column-count: 1
    }
    .detail_linii .podmenu.certs .line-cert .cart__line {
        position: absolute;
        top: 0;
        right: 5%
    }
    .upper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .upper h2 {
        width: 75%
    }
    .partner h2 {
        width: 60%
    }
    .detail_linii .harak {
        width: 100%;
        margin-right: 0
    }
    .main .main-video {
        width: 100%;
        margin-bottom: 48px;
        height: auto;
        margin-left: auto
    }
    .main p {
        width: 80%;
        margin-bottom: 32px
    }
    .main {
        padding-top: 26px
    }
    .main .container {
        flex-direction: column-reverse;
        align-items: flex-start
    }
    .fix .container {
        padding: 12px 0 40px 12px
    }
    .fix {
        bottom: 52px
    }
    .mobile-header {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        height: 80px;
        background: #f2f7fc;
        border-radius: 24px 24px 0 0;
        border-top: 1px solid rgba(31, 38, 80, .15);
        border-left: 1px solid rgba(31, 38, 80, .15);
        border-right: 1px solid rgba(31, 38, 80, .15);
        position: fixed;
        bottom: 0;
        z-index: 11;
        width: 100%
    }
    .mobile-header svg {
        fill: var(--blue);
        height: 25px;
    }
    .mobile-header .srav-svg {
        stroke: var(--blue)
    }
    .mobile-header .second {
        fill: var(--blue)
    }
    .mobile-header .second {
        fill: var(--light)
    }
    .mobile-header .column {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 38px;
        justify-content: space-between;
        position: relative;
    }
    .mobile-header .count {
        position: absolute;
        top: -.5em;
        right: -.4em;
        color: #fff;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: var(--blue);
        font-size: 10px;
        letter-spacing: -.1px;
        display: none;
        align-items: center;
        justify-content: center
    }
    .mobile-header .count.show {
        display: flex
    }
    #planSearchBtn {
        display: flex
    }
    .bottom .result .links .count {
        min-width: 28%
    }
    .mobile-header .text {
        font-size: 10px;
        letter-spacing: -.1px;
        opacity: .5;
        margin-top: 10px;
    }
    .catlist .line .block {
        width: 100%
    }
    .catlist {
        margin-bottom: 60px
    }
    .empty .text {
        width: 100%;
        margin-top: 120px;
        margin-bottom: 120px;
        margin-right: 0
    }
    .empty .img {
        display: none
    }
    .cart .podname {
        flex-direction: column
    }
    .cart .podname p {
        margin-top: 16px;
        margin-bottom: 16px
    }
    .cart .podblock .podname .normal-text {
        text-align: left
    }
    .cart .price {
        align-items: center
    }
    .cart .img {
        width: 87px;
        height: 152px
    }
    .default-section-padding {
        padding: 60px 0
    }
    .map video {
        height: 178px;
        margin: 32px auto 0 auto
    }
    .whywe .left .normal-text {
        width: 100%
    }
    .bar .year.last {
        left: -200%
    }
    .bar {
        padding-left: 10%
    }
    .bar.no-slick {
        width: 90%;
        margin: 0 auto;
    }
    .bar.no-slick .block:last-child .circle{
        margin-left: auto;
    }
    .bar.no-slick .block:last-child .year {
        left: 100%;
        transform: translateX(-100%);
    }
    .bar.no-slick .block:last-child::after {
        left: calc(100% + 10px);
        transform: translateX(-100%);
    }
    .bar.no-slick .block.current:last-child::before {
        background: var(--blue);
    }
    .history {
        overflow: hidden
    }

    .history .left {
        width: 100%
    }
    .history .right {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px
    }
    .video .play,
    .video .play-youtube {
        width: 100px;
        height: 100px;
    }
    .answer p {
        margin-top: 16px
    }
    .default-section {
        margin: 60px auto
    }
    .desc {
        margin-bottom: 60px;
        flex-direction: column
    }
    .desc .left {
        width: 100%;
        margin-bottom: 20px
    }
    .desc .right {
        width: 100%
    }
    .info {
        margin: 10px auto 32px auto
    }
    .info .normal-text::after {
        content: '|';
        margin-left: 8px;
        margin-right: 8px
    }
    .info .normal-text:last-child:after {
        content: '';
        margin-left: 8px
    }
    .bread .wrapper {
        flex-wrap: wrap;
        row-gap: 5px
    }
    .politic .big-text,
    .politic .normal-text,
    .politic .small-text {
        margin-bottom: 12px
    }
    .before-after {
        height: 812px!important
    }
    .input {
        width: 99%
    }
    .qwiz .right,
    .qwiz .right .slick-track .slick-slide {
        min-height: 670px
    }
    .qwiz .left .desc {
        margin-bottom: 15px
    }
    .tags .wrapper {
        flex-direction: row
    }
    .tags {
        margin: 32px auto 32px auto
    }
    .manager .arrows {
        margin-top: 40px;
        justify-content: flex-end
    }
    .politic {
        margin: 32px auto
    }
    .page__404 .big-text {
        margin-bottom: 32px;
        width: 100%
    }
    .page__404 h1 {
        margin-bottom: 28px
    }
    .page__404 .logo {
        width: 90px;
        height: 66px;
        margin-bottom: 60px
    }
    .requzit .block {
        flex-direction: column;
        margin-bottom: 24px;
        padding: 24px 0
    }
    .requzit .left {
        width: 100%;
        margin-bottom: 12px
    }
    .requzit .right {
        width: 100%
    }
    .requzit {
        margin: 60px auto
    }
    .qwiz .left {
        width: 100%
    }
    .contact .left {
        width: 100%
    }
    .contact .wrapper {
        flex-direction: column
    }
    .contact .mini {
        margin-bottom: 32px
    }
    .contact {
        margin: 60px auto 60px auto
    }
    .help-map {
        min-width: none;
        height: 296px
    }
    header {
        display: none
    }
    .bottom {
        display: none
    }
    .delivery .big_imgs .img {
        padding: 21px
    }
    .delivery .block {
        flex-direction: column;
        justify-content: flex-start;
        margin: 60px auto 60px auto
    }
    .delivery .block .right {
        width: 100%
    }
    .delivery .block .left {
        width: 100%;
        margin-bottom: 40px
    }
    .delivery .mini {
        margin-bottom: 32px
    }
    .bread h1 {
        margin-bottom: 20px
    }
    .bread .wrapper {
        flex-direction: row
    }
    .bread {
        padding: 32px 0 40px 0;
        background: var(--main-grad-mobile)
    }
    .pagination .arrow.right-arrow {
        margin-left: 12px
    }
    .pagination .arrow.left-arrow {
        margin-right: 12px
    }
    .wrapper {
        flex-direction: column
    }
    .d-block {
        width: 100%;
        margin-right: 0
    }
    .catalog .d-block {
        height: 200px
    }
    .category .d-block {
        height: 300px
    }
    .line .block {
        width: 100%
    }
    .line .down {
        width: 100%;
        height: 100%;
        display: flex
    }
    .line .buttons .inv-btn {
        width: 70%
    }
    .line a:first-child {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .qwiz .left {
        width: 100%
    }
    .qwiz .right {
        width: 100%
    }
    .qwiz h2 {
        margin-bottom: 15px
    }
    .partner .block {
        height: 70px
    }
    .partner .block .img {
        width: 80%;
        height: 80%
    }
    .whywe {
        flex-direction: column
    }
    .whywe .left {
        width: 100%
    }
    .whywe .right {
        width: 100%
    }
    .whywe .right .block {
        width: 100%;
        margin-right: 0;
    }
    .whywe h2 {
        margin-bottom: 15px
    }
    .news .block {
        width: 100%;
        height: 300px;
        margin-right: 0
    }
    footer.dekstop {
        display: none
    }
    footer.mobile {
        display: flex;
        padding-top: 60px;
        padding-bottom: 100px
    }
    footer .arrows {
        position: relative
    }
    footer .column-1 {
        width: 100%;
        flex-direction: row
    }
    footer .links {
        width: 100%;
        justify-content: flex-start
    }
    footer .column-1 {
        margin-bottom: 60px
    }
    footer .column-2 {
        margin-right: 24px
    }
    footer .column-2,
    footer .column-3 {
        width: 45%
    }
    .container {
        width: 95%
    }
    footer .social {
        margin-bottom: 30px
    }
    footer .wrapper {
        margin-bottom: 30px
    }
    .whywe .left .normal-text {
        margin-bottom: 40px
    }
    .whywe .btn {
        margin: 40px auto 0 auto
    }
    .category .cbtn {
        margin: 40px auto 0 auto
    }
    .line .btn {
        margin: 40px auto 0 auto
    }
    .fix .btn,
    .fix .inv-btn {
        padding: 16px 0
    }
    .line .arrows {
        margin-top: 40px;
        justify-content: flex-end
    }
    .catalog {
        margin: 32px auto 60px auto
    }
    .category {
        margin: 24px auto 60px auto
    }
    .line.list {
        padding: 24px 0 60px 0
    }
    .partner {
        margin: 60px auto
    }
    .whywe {
        margin: 60px auto
    }
    .news {
        padding: 60px 0
    }
    .history {
        margin: 60px auto
    }
    .company-video .text {
        left: 4%;
        top: 70%
    }
    .company-video .play-youtube {
        width: 60px;
        height: 60px
    }
    .company-video .text .big-text:first-child {
        width: 100%
    }
    .company-video .text {
        width: 100%
    }
    .city__popup {
        width: 100%;
        overflow-y: scroll
    }
    .city__popup .left {
        width: 100%;
        height: 100%
    }
    .equip_linii {
        margin: 0
    }
    .twenty .bar {
        padding-left: 0
    }
    .upper.upper-price {
        flex-direction: column;
        align-items: flex-start
    }
    .upper.upper-price h2 {
        margin-bottom: 40px
    }
    .both {
        margin-top: 40px;
        display: flex;
        justify-content: space-between
    }
    .both .btn {
        margin: 0
    }
    .both .arrows {
        margin: 0
    }
    .srav-section {
        padding: 20px 0
    }
    .line .name {
        justify-content: flex-start!important
    }
    .catlist .carusel-wrapper {
        max-height: 175px;
    }
}

@media (max-width:480px) {
    .help-map {
        width: 94%;
        height: 296px;
    }
    .info .author {
        width: 80%
    }
    .info .author-text {
        width: 100%
    }
    .info .author-text::after {
        content: ''
    }
    .info {
        flex-wrap: wrap;
        row-gap: 12px
    }
}

@media (max-width:400px) {
    .answer__popup {
        left: 50%;
        transform: translate(-50%, 0);
        width: 90%;
    }
    .offer .slick-dots {
        left: 34%
    }
    .offer .rating {
        margin-bottom: 12px
    }
    .offer .podprice .h3 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 12px
    }
    .offer .price {
        flex-direction: column
    }
    .offer .star {
        margin-bottom: 24px
    }
    .offer .price .podprice {
        margin-bottom: 12px
    }
    .offer .discount {
        margin-left: 12px;
    }
    .offer .star .stock {
        margin-right: 12px;
    }
    .offer .views {
        top: -25%;
    }
}

@media (max-width: 400px) {
    footer .down {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width:350px) {
    .delivery iframe {
        width: 100%;
    }
    .youVideo .img .poster {
        height: 160px;
    }
    h1 {
        font-size: 32px;
        letter-spacing: -2.74px
    }
    h2 {
        font-size: 30px;
        letter-spacing: -2.32px
    }
    .h2 {
        font-size: 30px;
        letter-spacing: -2.32px
    }
    h3 {
        font-size: 24px;
        letter-spacing: -1.76px
    }
    .h3 {
        font-size: 24px;
        letter-spacing: -1.76px
    }
    .sales_detail .products {
        grid-template-columns: repeat(1, 1fr);
    } 
}