@media (max-width:767px) {
    .blog_post_container .card .main_blog_img {
        border-radius: 10px;
        width: 100%;
        height: auto;
        object-fit: cover;
        clip-path: none;
    }
}

@media screen and (max-width: 400px) {
    #blog_banner {
        height: auto;
        padding-block: 18px;
    }

    .blog_post_container .card-body .card-title {
        font-size: 28px;
    }

    aside .blog_search_bar {
        padding: 20px;
    }

    aside .blog_side_category {
        padding: 20px;
    }

    aside .blog_side_recent_posts {
        padding: 20px;
    }
}