@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    .sm-mb-20 {
        margin-bottom: 20px;
    }
    .blog-top__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .blog-top__list {
        flex-direction: column;
    }
    .blog-top__list-left {
        width: 100%;
        margin-bottom: 20px;
    }
    .blog-top__list-right {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .blog-top__list-right-item {
        flex-direction: column;
    }
    .blog-top__list-right-img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}