@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;
}
}