/* =========================
   Responsive (mobile/tablet)
========================= */

@media (max-width: 980px) {
    .rail,
    .right {
        position: static;
        height: auto;
        overflow: visible;
    }

    .rail_inner,
    .right_inner {
        height: auto;
        overflow: visible;
    }

    .rail.is-collapsed {
        width: auto;
    }

    /* на мобиле раскрываем обратно */
    .rail.is-collapsed .rail_title,
    .rail.is-collapsed .rail_footer {
        display: block;
    }
    .rail.is-collapsed .rail_list a {
        font-size: inherit;
        justify-content: flex-start;
    }
    .rail.is-collapsed .rail_list a::before {
        width: 6px;
        height: 6px;
        flex-basis: 6px;
    }
}