@media (max-width: 767px) {
    .pushdown-banner.active { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; }
    .pushdown-banner.active ~ #page { padding-top: 420px; }
    .ol_container { height: 420px; padding-top: 28px; }
    .ol_big { width: 280px; height: 400px; }
    .ol_close_ad { right: calc((100% - 280px) / 2 - 4px); width: 28px; height: 28px; font-size: 20px; }
    .header__top { padding: 10px 12px; }
    .header__top .logo img { max-height: 35px; }
    .menu__link { width: 36px; height: 36px; }
    .nav-scroller .nav a { padding: 6px 12px; font-size: 12px; }
    .header__scroll__wrap { padding: 0 10px; gap: 4px; }
    .header__scroll__wrap a { padding: 8px 10px; font-size: 12px; }
    .box__header { font-size: 18px; }
    .box__title { font-size: 18px; padding-left: 10px; }
    .box__title::before { height: 18px; width: 3px; }
    .media__image { width: 100px; margin-right: 10px; }
    .media__title { font-size: 14px; line-height: 1.3; }
    .media__subtitle { font-size: 11px; }
    .media__date { font-size: 11px; margin-top: 4px; }
    .single-post .entry-title { font-size: 20px; }
    .single-post .entry-meta { font-size: 12px; gap: 8px; }
    .entry-content { font-size: 15px; }
    .sidebar { padding-left: 0; margin-top: 24px; }
    .pagination .page-numbers { width: 34px; height: 34px; font-size: 13px; }
    .back-to-top { width: 40px; height: 40px; bottom: 20px; right: 20px; font-size: 18px; }
    .col-sidebar { width: 100%; padding: 0; }
    .row { flex-direction: column; }
    .col-main, .col-sidebar { width: 100%; padding: 0; }
    .author-box__item { min-width: 100%; }
}