@media only screen and (max-width: 1024px) {
    body .container>.element.is-4 {
        flex: 0 0 calc(100% / 2 - var(--column-gap) / 2);
    }
}

@media only screen and (max-width: 768px) {
    body .container>.element.is-3 {
        flex: 0 0 100%;
    }

    body .container>.element.is-4 {
        flex: 0 0 100%;
    }

    body .category_box .content {
        width: calc(100% - 40px);
    }

    body .popup_video .video_box {
        height: 30%;
    }

    body .post_filter {}

    body .container>.element.is-2 {
        flex: 0 0 100%;
    }

    body .post_section .container>.content {
        padding: 40px 20px 60px;
    }

    body .post_section .video_play {
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%);
        top: unset;
    }

    body .post_section .container {
        flex-direction: column;
    }

    body .post_section .image_box {
        margin: 20px;
    }

    body .post_section .content .title {
        font-size: 24px;
    }

    body .row_material .swiper-button-next,
    body .row_material .swiper-container-rtl .swiper-button-prev,
    body .customer_case .swiper-button-next,
    body .customer_case .swiper-container-rtl .swiper-button-prev {
        right: 20px;
    }

    body .row_material .swiper-button-prev,
    body .customer_case .swiper-button-prev,
    body .customer_case .swiper-container-rtl .swiper-button-next,
    body .row_material .swiper-container-rtl .swiper-button-next {
        left: 20px;
    }

    body .iwonder_flow_list .flow_box:last-child .image .process_img {
        width: 90%;
        right: 0;
        top: 24%;
    }

    body .flow_box .image .process_img {
        width: 100%;
        right: -10%;
        top: 36%;
    }

    body .pie_box {
        height: 100vw;
        width: 100vw;
    }

    body .pie_box>div {
        width: 50vw;
        height: 50vw;
    }

    body .pie_box>div>div>span {
        font-size: 12px;
    }
}