/* ============================================================
   RIDER RESPONSIVE
   ============================================================ */

@media (max-width: 768px) {

    .container-nav .mod-menu {
        flex-direction: column;
        gap: 6px;
    }

    .container-nav .mod-menu li ul {
        position: static;
        box-shadow: none;
        border: none;
        background: transparent;
    }

    .container-nav .mod-menu li ul li a {
        padding-left: 24px;
    }

    .navbar-brand img {
        height: 80px;
    }

    .rider-topbar-inner,
    .rider-footer-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}