@media (max-width: 1400px) {
    .blog-cards{
        max-width: 332px;
    }

    .blog-cards div span {
        font-size: 12px;
    }
}
@media (max-width: 1200px) {
    .blog-cards {
        max-width: 392px;
    }

    .blog-cards{
        max-width: 332px;
    }
}
@media (max-width: 992px) {
    .blogs-div {
        padding: 1.5rem 0;
    }
}
@media (max-width: 768px) {
    .big-box-blog h3{
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }
    .big-box-blog{
        padding: 1rem;
    }
    .blogs-div{
        padding: 1.5rem 0;
    }
    .blog-cards{
        padding: 0.5rem;
    }
    .blogs-div ul{
        justify-content: center;
    }
    .big-box-blog .title-blog-big-box{
        font-size: 20px;
        font-weight: 600;
        line-height: 25.6px;
    }
}

@media (max-width: 576px) {
    .blog-cards img{
        width: 100%;
    }

    .big-box-blog .title-blog-big-box{
        font-size: 16px;

    }
}

@media (max-width: 400px) {
    .big-box-blog div span{
        font-size: 14px;
    }
}