@media screen and (max-width: 1024px) {
    .news-page h1 {
        max-width: 100%;
        margin: 0 24px 40px;
    }

    .news-page h1 + p {
        max-width: 100%;
        margin: 0 24px 62px;
    }

    .news-page .card h4 {
        max-width: 100%;
    }

    .news-page .card {
        min-height: 586px;
        padding-bottom: 28px;
    }

    .news-page .card h4 {
        line-height: 113%;
    }
}

@media screen and (max-width: 576px) {
    .news-page h1 {
        margin: 0 16px 23px;
    }

    .news-page h1 + p {
        font-size: 16px;
        letter-spacing: 0.005em;
        margin: 0 16px 37px;
        line-height: 130%;
    }

    .news-page .card {
        min-height: 388px;
        padding-bottom: 16px;
    }
    .news-page .pagination {
        padding-bottom: 80px;
    }

    .news-page .pagination-item {
        font-size: 16px;
    }

    .news-page .pagination .arrow-prev, .news-page .pagination .arrow-next {
        width: 24px;
        height: 24px;
        align-self: center;
    }

    .news-page .pagination .arrow-prev img, .news-page .pagination .arrow-next img {
        max-width: 6px;
    }

    .news-page.padding-start-page {
        padding-bottom: 0;
    }
}