/* Fix mobile menu */
@media (max-width: 767px) {
    /* Show burger button */
    .navbar-header {
        display: block !important;
    }

    .burger-btn {
        display: block !important;
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 9999;
        padding: 10px;
        cursor: pointer;
    }

    .burger-btn span,
    .burger-btn span:before,
    .burger-btn span:after {
        display: block;
        background: #fff;
        width: 25px;
        height: 3px;
        position: relative;
    }

    .burger-btn span:before,
    .burger-btn span:after {
        content: '';
        position: absolute;
    }

    .burger-btn span:before {
        top: -8px;
    }

    .burger-btn span:after {
        top: 8px;
    }

    /* Menu collapse styles */
    .navbar-collapse {
        max-height: none !important;
        overflow: visible !important;
    }

    .navbar-collapse.in,
    .navbar-collapse.collapsing {
        display: block !important;
        background: rgba(0, 0, 0, 0.95);
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 9998;
        padding: 15px;
    }

    .navbar-collapse .nav.navbar-nav {
        display: block !important;
        width: 100%;
    }

    .navbar-collapse .nav.navbar-nav li {
        display: block !important;
        width: 100%;
        margin: 5px 0;
    }

    .navbar-collapse .nav.navbar-nav li a {
        display: block !important;
        padding: 10px 15px;
        color: #fff !important;
        text-align: center;
    }

    .ak-navbar-left-part,
    .ak-navbar-right-part {
        display: block !important;
        width: 100%;
    }

    .ak-menu-brand {
        display: none !important;
    }

    /* Dropdown menu on mobile */
    .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        background: rgba(0, 0, 0, 0.8) !important;
    }
}