@media (max-width: 600px) {                                                 /* Медиазапрос для мобильных устройств */
    .news-container {                                                       /* Новостной контейнер */
        margin-top: 16%;                                                    /* Отступ сверху */
        width: 90%;	                                                        /* Ширина контейнера */
    }

    .news-container::-webkit-scrollbar {
        display: block;                                                     /* Изначально показываем полосу прокрутки в Webkit-браузерах (Chrome, Safari) */
        scrollbar-width: auto; 												/* Можно заменить на auto или none */
    }

    .menu-container {
        max-width: 65%;
    }

    .news-container.expanded {
        width: 95%;
        height: auto; 														/* Автоматическая высота */
        min-height: 75%;                                                    /* Минимальная высота контейнера */
        max-height: none; 													/* Снимаем ограничение по высоте */
    }

    .ad-container {							                                /* Рекламный контейнер */
        display: flex;                                                      /* Отображение баннеров внутри контейнера */
        justify-content: center;                                            /* Выравнивание по горизонтали */
        align-items: center;                                                /* Выравнивание по вертикали */
        flex-wrap: wrap;                                                    /* Чтобы элементы переносились на новую строку при необходимости */
        position: static;                                                   /* Статическое позиционирование */
        width: 80%;                                                         /* Ширина контейнера */
        height: auto;                                                       /* Высота контейнера */
        text-align: center;                                                 /* Выравнивает текст по центру */
        background-color: rgba(255, 255, 255, 0.0);                       /* Полупрозрачный фон для читаемости */
        border-radius: 10px;                                                /* Радиус границы */
        padding: 3%;                                                        /* Отступы внутри контейнера */
        margin-bottom: 1%;                                                  /* Отступ снизу */
        overflow: hidden;                                                   /* Предотвращает выход рекламы за границы */
        gap: 10px;                                                          /* Расстояние между баннерами */
        z-index: 1;                                                         /* Низкий z-index */
    }
}

/* Мобильные устройства */
@media (max-width: 768px) {
    .ad-container {
        padding: 15px;                                                      /* Меньше внутренних отступов */
        margin: 60px 15px 20px 15px;                                       /* Увеличенные отступы сверху на мобильных */
        width: 95%;                                                         /* Больше ширины на мобильных */
    }
    
    .ad-container.main-page {
        margin: 40px 15px 25px 15px;                                       /* Отступы для главной страницы */
    }
    
    .ad-container.auth-page {
        margin: 60px 15px 20px 15px;                                       /* Увеличенные отступы сверху для авторизации */
    }
    
    .ad-container.content-page {
        margin: 60px 15px 22px 15px;                                       /* Увеличенные отступы сверху для контента */
    }
    
    .ad-container.tools-page {
        margin: 30px 15px 20px 15px;                                       /* Отступы для инструментов */
    }
    
    .ad-footer {
        padding: 15px;
        margin: 60px 15px 20px 15px;                                       /* Увеличенные отступы сверху */
        width: 95%;
    }
}

/* Планшеты */
@media (min-width: 769px) and (max-width: 1024px) {
    .ad-container {
        padding: 18px;
        margin: 50px auto 25px auto;                                       /* Увеличенные отступы сверху */
        width: 90%;
    }
    
    .ad-container.main-page {
        margin: 45px auto 35px auto;                                       /* Отступы для главной страницы */
    }
    
    .ad-container.auth-page {
        margin: 70px auto 22px auto;                                       /* Увеличенные отступы сверху для авторизации */
    }
    
    .ad-container.content-page {
        margin: 70px auto 30px auto;                                       /* Увеличенные отступы сверху для контента */
    }
    
    .ad-container.tools-page {
        margin: 35px auto 25px auto;                                       /* Отступы для инструментов */
    }
}