@media (max-width: 1300px) {
    .slide-inner .list .item {
        margin: 0 2vw 2vh;
    }
}

@media (max-width: 1200px) {
    .slide-inner .list .item {
        margin: 0 1vw 2vh;
    }

    .slide-last-step .slide-page-right {
        padding-left: 20px;
    }
}

@media (max-width: 1024px) {
    input[type="text"],
    input[type="password"],
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        height: 3.5vw;
        line-height: 3.5vw;
        font-size: 1.8vw;
    }

    input[type="submit"],
    a.btn {
        padding: 0 4%;
        font-size: 2vw;
        line-height: 4vw;
    }

    .slide-last-step h2,
    .page-slider-product .slide-page-right h2 {
        line-height: 6.2vw;
        font-size: 4.8vw;
    }

    .page-slider-product .slide-page-right .obem {
        line-height: 5.4vw;
        font-size: 4.8vw;
    }

    .page-slider-product .slide-page-right .description,
    .page-slider-product .advantages .advantage-title {
        line-height: 1.9vw;
        font-size: 1.6vw;
    }

    .page-slider-product .advantages .advantage-icon {
        width: 6vw;
        height: 6vw;
    }

    .header .main-menu {
        display: none;
    }

    .header .mobile-menu {
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        height: 100svh;
        width: 100%;
    }

    .header .mobile-menu .menu {
        flex-direction: column;
    }

    .header .mobile-menu .menu li {
        text-align: center;
    }

    .header .mobile-menu .menu li a {
        font-size: 5vh;
        line-height: 5.5vh;
    }

    .header .js-mobile-toggle {
        display: block;
    }
}

@media (max-width: 768px) {
    input[type="text"],
    input[type="password"],
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        height: 35px;
        line-height: 35px;
        font-size: 18px;
    }

    .header {
        height: 70px;
    }

    .header .logo {
        width: 77px;
        height: 70px;
    }

    .header .phone {
        height: 70px;
    }

    .header .phone > a {
        margin-top: 5px;
        font-size: 24px;
        line-height: 24px;
    }

    .header .phone .main-phone {
        display: none;
    }

    .social-mobile {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-shrink: 0;
        height: 100%;
    }

    .social-mobile a {
        width: 20px;
    }

    .footer .social,
    .footer .copyright {
        display: none;
    }

    .footer .navigation .slick-arrow {
        position: absolute;
        width: 22px;
        height: 70px;
        top: 0;
    }

    .footer .navigation .slick-prev {
        left: 2%;
    }

    .footer .navigation .slick-next {
        right: 2%;
    }

    .overlay-bg {
        padding: 4%;
    }

    .slide-inner .list .item {
        width: 23%;
        margin: 0 1% 2vh;
    }

    .slide-inner .list .item .item-head {
        font-size: 16px;
        line-height: 20px;
    }

    .slide-inner h2:before,
    .message-box h2:before,
    .mobile-slider-product h2:before,
    .mobile-last h2:before {
        left: -12px;
    }

    .slide-inner h2:after,
    .message-box h2:after,
    .mobile-slider-product h2:after,
    .mobile-last h2:after {
        right: -12px;
    }

    .mobile-content .contact-list span {
        font-size: 3vh;
        line-height: 3vh;
    }
}

@media (max-width: 480px) {
    .mobile-content .mobile-first-inner {
        padding: 2%;
    }

    .message-box h2 {
        font-size: 6vw;
        line-height: 8vw;
    }

    .mobile-last h2,
    .mobile-slider-product h2 {
        font-size: 6vw;
        line-height: 10vw;
    }

    .message-box .obem,
    .mobile-slider-product .obem {
        font-size: 5vw;
        line-height: 8vw;
        margin-bottom: 4%;
    }

    .message-box .description,
    .message-box .description p,
    .message-box .advantages .advantage-title,
    .mobile-slider-product .description,
    .mobile-slider-product .advantages .advantage-title {
        font-size: 3vw;
        line-height: 3vw;
    }

    .message-box input[type="submit"],
    .message-box a.btn,
    .mobile-content input[type="submit"],
    .mobile-content a.btn {
        line-height: 8vw;
        font-size: 3.5vw;
        padding: 0 4vw;
    }

    .footer .navigation .slick-dots {
        gap: 8px;
    }

    .footer .navigation .slick-dots li {
        width: 30px;
        height: 30px;
    }

    .footer .navigation .slick-dots li + li {
        margin-left: 3px;
    }

    .overlay-bg .message-box {
        font-size: 4svh;
        line-height: 4.4svh;
    }

    .mobile-content ul li,
    .mobile-content p {
        font-size: 2svh;
        line-height: 2.6svh;
    }

    .mobile-content h3 {
        font-size: 2.1svh;
        line-height: 3svh;
        margin-bottom: 1.5svh;
    }

    .slide-inner .list {
        margin-bottom: 0;
    }

    .slide-inner .list .item {
        width: 40%;
        margin: 0 5% 1svh;
    }

    .slide-inner .list .item .js-more {
        gap: 0;
    }

    .slide-inner .list .item .item-head {
        font-size: 1.5svh;
        line-height: 2svh;
    }

    .mobile-content .contact-list a,
    .mobile-content .contact-list span {
        font-size: 2.5svh;
        line-height: 2.5svh;
    }

    .mobile-content .contact-list img {
        width: 3svh;
        height: 3svh;
    }

    .mobile-content .map > iframe {
        height: 40svh !important;
    }

    .message-box .description-content,
    .message-box .advantages {
        margin-bottom: 2svh;
    }

    .message-box .description-content .description-image {
        width: 40%;
    }
}

@media (max-width: 400px) {
    .footer .navigation .slick-dots {
        display: none !important;
    }

    .slide-inner .list .item {
        width: 37%;
    }
}