@media (max-width: 1200px) {
    .main-container {
        max-width: none;
        padding: 0 16px;
    }
    .main-advantages ul li {
        max-width: 13%;
    }
    .main-advantages ul li p {
        font-size: 10px;
    }
    .history-slider .swiper-slide:nth-child(7) {
        margin-left: -20px;
    }
    .history-slider {
        padding-bottom: 50px;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 43%;
    }
}

@media (max-width: 992px) {
    .main-advantages ul {
        flex-wrap: wrap;
    }
    .main-advantages ul li {
        max-width: 32%;
        margin-bottom: 16px;
    }
    .main-advantages ul li p {
        font-size: 13px;
        display: block;
    }
    
    .history-slider .swiper-button-prev {
        right: 5%;
    }
    /* .main-category */
    .main-category-wrapper {
        flex-direction: column;
        margin-bottom: 32px;
    }
    .main-category-wrapper__list {
        max-width: none;
    }
    .main-category-wrapper__images {
        max-width: none;
        order: -1;
        margin-bottom: 32px;
    }
    .swiper-video .swiper-button-next, .swiper-video .swiper-button-prev {
        transform: translateY(-50%);
        width: 60px;
    }
}

@media (max-width: 768px) {
    .main-mob,
    .main-category-wrapper__list_height li a img.main-pc {
        display: block;
    }
    .main-pc,
    .main-category-wrapper__list_height li a img.main-mob {
        display: none;
    }
    
    .main-banner {
        padding-bottom: 32px;
    }
    /* .main-banner-logo */
    .main-banner-logo {
        margin-bottom: 0;
    }
    .main-banner-logo a {
        max-width: 109px;
    }
    .main-banner-logo a svg {
        width: 100%;
    }
    /* .main-advantages */
    .main-advantages ul li {
        max-width: 49%;
    }
    .main-advantages ul li:last-child {
        max-width: none;
    }
    /* .history-slider */
    .main-history {
        padding: 32px 0;
    }
    .history-slider .swiper-slide:first-child,
    .history-slider .swiper-slide:nth-child(2),
    .history-slider .swiper-slide:nth-child(3),
    .history-slider .swiper-slide:nth-child(4),
    .history-slider .swiper-slide:nth-child(5),
    .history-slider .swiper-slide:nth-child(6),
    .history-slider .swiper-slide:nth-child(7),
    .history-slider .swiper-slide:nth-child(8),
    .history-slider .swiper-slide:nth-child(9),
    .history-slider .swiper-slide:nth-child(10) {
        max-width: none;
        margin: 0;
        padding: 0 20px;
    }
    
    .history-slider {
        padding: 0 0 50px;
    }
    .history-slider .swiper-horizontal>.swiper-scrollbar, .history-slider .swiper-scrollbar.swiper-scrollbar-horizontal {
        background: #E9E9E9;
    }
    .history-slider .swiper-button-next, .history-slider .swiper-button-prev {
        display: none;
    }
    .history-slider .swiper-slide:nth-child(2) {
        padding: 0;
    }
   
    .swiper-video {
        padding-bottom: 50px;
    }
    .swiper-video .swiper-button-next, .swiper-video .swiper-button-prev,
    .main-banner .swiper-button-next, .main-banner .swiper-button-prev {
        display: none;
    }
    .main-banner-logo a:first-child {
        max-width: 77px;
    }
    .main-banner-logo a:nth-child(2),
    .main-banner-logo a:last-child {
        transform: none;
    }
}

@media (max-width: 576px) {
    .swiper-video {
        padding:  0 16px 50px;
    }
    .main-video .main-container {
        padding: 0;
    }
    .main-category-wrapper__list_height li a img.main-pc {
        display: none;
    }
    .main-category-wrapper__list_height li a img.main-mob {
        display: block;
    }
    .history-slider .swiper-button-prev {
        right: 10%;
    }
    .main-category-wrapper__list li.long-pc {
        max-width: none;
    }
    .main-category-wrapper__list {
        grid-template-areas:
            "a b"
            "c d"
            "e f";
        grid-template-columns: 49% 49%;
    }
    .main-category-wrapper__list_height {
        grid-template-areas:
            "a b"
            "c d"
            "f f";
    }
    .main-category-wrapper__list_wide {
        grid-template-areas:
            "a c"
            "b b"
            "d f";
    }
}