@media(max-width:1200px) {
    .container {
        padding-inline: 120px;
    }
}

@media(max-width:1024px) {
    .container {
        padding-inline: 80px;
    }

    .popular-articles {
        display: none;
    }

    .pagination{
        transform: translateX(-50%);
    }

    .view-more-page .mathematics-column {
        flex: 1;
        width: 100%; 
        gap: 54px;
    }

}

@media(max-width:768px) {
    .container {
        padding-inline: 50px;
    }

    .view-more-page {
        padding: 88px 0 106px;
    }

    .view-more-page .view-header {
        text-align: center;
        font-size: 38px;
        padding-bottom: 44px;
    }

    .view-more-page .article-image p{
        padding-top: 20px;
    }

    .view-more-page .article-image img {
        width: 100%;
        min-width: 313px;
        min-height: 176px;
        height: 100%;
        object-fit: cover;
    }

    .view-more-page .article-content {
        padding-inline: 60px;
    }

    .view-more-page .mathematics-column {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        gap: 54px;
    }

    .view-more-page .mathematics-articles {
        gap: 54px;
        flex-direction: column;
    }

    .small-pin {
        position: absolute;
        left: 20px;
        bottom: -79px;
        /* font-size: 13px; */
    }
}

@media(max-width:600px) {
    .view-more-page .view-header {
        /* text-align: center; */
        font-size: 32px;
        /* padding-bottom: 44px; */
    }

    .view-more-page .article-content {
        padding-inline: 0;
    }

    .view-more-page .article-image img {
        width: 100%;
    }
}

@media(max-width:425px) {
    .container {
        padding-inline: 20px;
    }

    .view-more-page .view-more-page {
        padding: 46px 20px 86px;
    }

    .view-more-page .view-header {
        font-size: 22px;
        padding-bottom: 44px;
    }

    .view-more-page .article-image {
        padding-bottom: 20px;
        margin-bottom: 0px;
    }

    #cavity {
        padding-top: 4px;
    }

    .article-card {
        padding-bottom: 20px;
    }

    .popular-articles {
        display: none;
    }

    .view-more-page .mathematics-column {
        width: 100%;
    }

    .view-more-page .mathematics-articles {
        flex-direction: column;
        gap: 54px;
    }

    .small-pin {
        position: absolute;
        left: 20px;
        bottom: -79px;
    }
}