@media(min-width: 768px) {
    .simple-blog-card .top-area .svg-wrapper {
        padding: 12px;
        height: 64px;
    }

    .simple-blog-card .top-area .svg-wrapper svg {
        height: 40px;
    }

    .simple-blog-card .top-area .title-wrapper {
        padding: 11px 16px;
        flex: 1;
        height: 64px;
        justify-content: space-between;
    }

    .simple-blog-card .bottom-area {
        padding: 24px 40px 40px;
        display: grid;
        gap: 48px 24px;
        grid-template-columns: repeat(4, 1fr);
    }

    .simple-blog-card .bottom-area .blog-card {
        border-radius: 8px;
        overflow: hidden;
    }

    .simple-blog-card .bottom-area .blog-card .index_imgBlog img {
        width: 100%;
    }

    .simple-blog-card .bottom-area .blog-card .text-area {
        padding: 24px;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
        text-align: center;
        line-height: 1.2;
        background: rgba(51, 51, 51, .04);
    }

    .simple-blog-card .bottom-area .blog-card .text-area .index_imgBlog_tag {
        color: #828282;
    }

    .simple-blog-card .bottom-area .blog-card .text-area h4 {
        font-weight: 700;
        height: 38px;
    }

    .simple-blog-card .bottom-area .blog-card .text-area .block-content {
        height: 50px
    }

    .simple-blog-card .bottom-area .blog-card .text-area .block-link {
        color: #26378f;
        width: 100%;
        text-decoration: underline;
    }
}

@media(max-width: 768px) {
    .simple-blog-card .top-area .svg-wrapper {
        padding: 10px;
        height: 40px;
    }

    .simple-blog-card .top-area .svg-wrapper svg {
        height: 20px;
        width: 20px;
    }

    .simple-blog-card .top-area .title-wrapper {
        padding: 10px 15px 8px 8px;
        flex: 1;
        height: 40px;
        justify-content: space-between;
    }

    .simple-blog-card .bottom-area {
        padding: 20px 0px 0px !important;
        display: flex;
        flex-direction: column;
        gap: 24px;
        grid-template-columns: repeat(4, 1fr);
    }

    .simple-blog-card .bottom-area .blog-card {
        border-radius: 4px;
        overflow: hidden;
    }

    .simple-blog-card .bottom-area .blog-card .index_imgBlog img {
        width: 100%;
    }

    .simple-blog-card .bottom-area .blog-card .text-area {
        padding: 12px;
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        text-align: center;
        line-height: 1.2;
        background: rgba(51, 51, 51, .04);
    }

    .simple-blog-card .bottom-area .blog-card .text-area .index_imgBlog_tag {
        color: #828282;
    }

    .simple-blog-card .bottom-area .blog-card .text-area h4 {
        font-weight: 700;
    }

    .simple-blog-card .bottom-area .blog-card .text-area .block-link {
        color: #26378f;
        width: 100%;
        text-decoration: underline;
    }
}