@media (max-width: 1110px) {
    .top-block {
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        max-height: none;
        height: auto;
    }

    .main-news-column {
        max-width: 100%;
        position: relative;
        background: #f0f0f0;
        max-height: none;
        height: auto;
    }

    .main-news-column img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .main-news-column h2 {
        margin-top: 10px;
        font-size: 1.5rem;
        text-align: center;
    }

    .secondary-news-column {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .secondary-news-column .news-item {
        width: 100%;
        padding: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .container {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 10px;
    }

    .filter-buttons {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .news-feed {
        width: 100%;
        margin-top: 20px;
    }

    #scroll-loader {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .container {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-top: 80px;
    }

    .news-feed .news-item {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        padding-bottom: 35px;
    }

    .news-feed .news-item img {
        width: 100%;
        height: auto;
    }

    .news-feed .news-item h3 {
        font-size: 1rem;
    }

    .news-feed .news-item small {
        font-size: 0.8rem;
    }

    .news-feed .news-item .like-button {
        font-size: 0.9rem;
    }

    .news-item::after{
        content: none;
    }

}