@media screen and (max-width: 1125px) {
    .all-article-boxes {
        column-gap: 25px;
    }

    .all-articles-main-content {
        grid-template-columns: calc(200% / 3 + 0px) calc(100% / 3 - 18px - 12px);
        column-gap: 25px;
    }
}

@media screen and (max-width: 992px) {
    .all-articles-main-content {
        grid-template-columns: repeat(1, auto);
    }

    .article-details-sidebar {
        margin-top: 60px;
    }

    .all-article-boxes {
        grid-template-columns: repeat(2, calc(50% - 15px));
        column-gap: 30px;
    }
}

@media screen and (max-width: 768px) {
    .menu-search-bar {
        display: none!important;
    }

    .article-box-info ul {
        flex-direction: column;
    }

    .all-article-boxes {
        column-gap: 20px;
    }
}

@media screen and (max-width: 576px) {
    .all-article-boxes {
        grid-template-columns: repeat(1, auto);
    }
}