.aricles-section .section-content {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.carousel-container .article-card {
    flex: 0 0 calc((100% - 3 * 3%) / 4);
}


@media (max-width: 1300px) {

    .carousel-container .article-card {
        flex: 0 0 calc((100% - 2 * 3%) / 3);
    }
}


@media (max-width: 992px) {

    .carousel-container .article-card {
        flex: 0 0 calc((100% - 1 * 3%) / 2);
    }
}



@media (max-width: 578px) {

    .carousel-container .article-card {
        flex: 0 0 calc((100% - 0 * 3%) / 1);
    }
}