@media (max-width: 1200px) {
    .blog-fold-list .blog-item {
        width: calc((100% / 2) - 40px);
    }
    .blog-fold-title {
        max-width: calc((100% / 2) - 60px);
    }
}

@media (max-width: 1024px) {
    .blog-fold-list .blog-item {
        transform: translateY(0px) !important;
        width: 100%;
    }
    .blog-fold-title {
        max-width: 100%;
        padding: 60px 0px;
        text-align: center;
    }
    .blog-item-img {
        height: 420px;
    }
}

@media (max-width: 640px) {
    .blog-fold-slider li {
        width: 280px !important;
    }
}