@media (max-width: 767.98px) {
    .header,
    .inner_page .header,
    html body.main-layout .header,
    html body.main-layout.inner_page .header {
        padding: 27px 5px !important;
        box-shadow: 0 0 10px rgb(240, 57, 15) !important;
        margin-bottom: 11px !important;
    }

    .logo {
        float: left !important;
        position: relative !important;
        z-index: 1001 !important;
    }

    .logo a {
        pointer-events: auto !important;
    }

    .navigation.navbar {
        float: right !important;
        display: inherit !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        width: 100% !important;
        margin-top: -40px !important;
    }

    html body .navigation .navbar-collapse,
    html body .navigation.navbar .navbar-collapse,
    html body .navigation.navbar #navbarsExample04,
    html body #navbarsExample04 {
        background: #2b2b2b !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin-top: 65px !important;
        padding: 20px !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
    }

    html body .navigation.navbar-dark .navbar-nav .nav-link,
    html body .navigation .navbar-nav .nav-link {
        color: #ffffff !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        margin: 0 0 5px !important;
        padding: 10px 0 !important;
        text-align: center !important;
        text-shadow: none !important;
        border-radius: 30px !important;
    }

    html body .navigation.navbar-dark .navbar-nav .nav-link:hover,
    html body .navigation.navbar-dark .navbar-nav .active .nav-link,
    html body .navigation .navbar-nav .nav-link:hover,
    html body .navigation .navbar-nav .nav-item.active .nav-link {
        background: #ff0bac !important;
        color: #ffffff !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }

    html body .navigation.navbar-dark .navbar-toggler,
    html body .navbar-toggler {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        float: right !important;
        margin-top: 1px !important;
        outline: inherit !important;
        padding: 0 !important;
    }

    html body .navigation.navbar-dark .navbar-toggler-icon,
    html body .navbar-dark .navbar-toggler-icon {
        background: url("../images/menu_icon.png") no-repeat center / contain !important;
        float: right !important;
        width: 48px !important;
    }

    .user-menu {
        gap: 0 !important;
    }
}