::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.btn-menu,
#zl_mz_menu_nav button,
#zl_mz_menu_nav .icon-dropdown-mobile,
#zl_mz_menu_nav .homeicon,
#zl_mz_menu_nav > ul > li > ul > li.zl_mz_menu_nav_previtem {
    display: none;
}

@media (min-width: 1400px) {
    .zl_mz_menu_nav_container {
        margin: 0 auto;
        position: relative;
        z-index: 99802;
    }
    #zl_mz_menu_nav {
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
    }
    #zl_mz_menu_nav ul.navmain li {
        list-style-type: none;
        position: relative;
        text-align: left;
    }
    #zl_mz_menu_nav ul.navmain li a {
        display: block;
    }
    #zl_mz_menu_nav ul.navmain li.homeicon {
        display: none;
    }
    #zl_mz_menu_nav ul.navmain li .icon-dropdown {
        display: inline-block;
    }
    #zl_mz_menu_nav ul.navmain > li > a:not(.zl-mobile-nav-icon-expand):not(.zl-mobile-nav-icon-collapse) {
        padding: 5px;
        position: relative;
    }
    #zl_mz_menu_nav ul.navmain li:hover > ul {
        opacity: 1;
        top: auto;
        transform: translateY(-5px);
        z-index: 99803;
    }

    #zl_mz_menu_nav ul.navmain li ul li a {
        min-width: 200px;
        position: relative;
        padding: 5px 0;
    }

    /*START LEVEL 1*/
    #zl_mz_menu_nav ul.navmain > li {
        list-style-type: none;
        display: inline-block;
    }
    /*END LEVEL 1*/

    /*START LEVEL 2*/
    #zl_mz_menu_nav ul.navmain li ul {
        left: 0;
        position: absolute;
        padding: 10px 25px;
        border-radius: 8px;
        box-shadow: 0 10px 55px 5px rgba(0,0,0,.05);
        background-color: #fff;
        opacity: 0;
        top: -100vh;
    }
    #zl_mz_menu_nav ul.navmain li ul li .icon-dropdown {
        position: absolute !important;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
    }
    #zl_mz_menu_nav ul.navmain li.zl-nav-haschilds ul li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
        border-top: 1px solid rgba(0,0,0,.1);
    }
    /*END LEVEL 2*/

    /*START LEVEL 3*/
    #zl_mz_menu_nav ul.navmain li ul li:hover ul {
        top: 10px;
        left: 90%;
    }
    #zl_mz_menu_nav ul.navmain li ul li ul li:not(:first-child) {
        border-top: 1px solid rgba(0,0,0,.1);
    }
    /*END LEVEL 3*/
}

@media (max-width: 1399px) {
    .btn-menu {
        display: block;
        position: fixed;
        z-index: 99802;
        background: none;
        outline: none;
        border: none;
        width: 46px;
        height: 46px;
        top: 35px;
        left: 22px;
        color: #1b1b1b;
        background-color: rgba(255,255,255,.75);
        border-radius: 100px;
        font-size: 18px;

        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
    }
    #zl_mz_menu_nav {
        display: block;
        position: fixed;

        top: 0;
        z-index: 99802;
        left: -100%;
        opacity: 0;
        width: 100%;
        min-height: 100vh;
        background-color: rgba(0,0,0,.75);
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
    }
    #zl_mz_menu_nav.zl_show {
        left: 0;
        opacity: 1;
        overflow: auto;
        height: 100vh;
    }
    #zl_mz_menu_nav .icon-dropdown {
        display: none;
    }
    #zl_mz_menu_nav a {
        color: #fff;
        text-decoration: none;
    }
    #zl_mz_menu_nav button {
        display: block;
    }
    #zl_mz_menu_nav > ul,
    #zl_mz_menu_nav > ul > li > ul {
        padding: 75px 25px;
        min-height: 95vh;
        overflow: auto;
    }
    #zl_mz_menu_nav > ul {
        max-width: 75%;
        margin: 0 auto;
    }
    #zl_mz_menu_nav ul li {
        color: #fff;
        list-style-type: none;
        position: relative;
    }
    #zl_mz_menu_nav ul li a {
        padding: 10px 0;
        display: block;
    }
    #zl_mz_menu_nav > ul > li > ul {
        position: fixed;

        top: 0;
        z-index: 99803;
        left: -100%;
        opacity: 0;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    #zl_mz_menu_nav > ul > li > ul.zl_show {
        left: 0;
        opacity: 1;
        min-width: 325px;
        min-height: 100vh;
        overflow: auto;
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl_mz_menu_nav_previtem {
        display: block;
        margin-bottom: 30px;
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl_mz_menu_nav_previtem a {
        position: relative;
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl_mz_menu_nav_previtem a::before {
        position: absolute;
        top: 3px;
        right: 6px;
        font-size: 24px;
        font-family: "Font Awesome 6 Pro";
        content: "\f105";
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds .icon-dropdown-mobile {
        display: block;
        position: absolute;
        top: 3px;
        right: -35px;
        padding: 5px 5px 5px 20px;
        font-size: 24px;
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds .icon-dropdown-mobile.clicked::before {
        content: "\f106";
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds .icon-dropdown-mobile:hover {
        cursor: pointer;
    }
    #zl_mz_menu_nav > ul > li > ul > li.zl-nav-haschilds {
        margin-right: 35px;
    }
    #zl_mz_menu_nav > ul > li > ul > li > ul {
        max-height: 0px;
        overflow: hidden;
        padding-left: 15px;
        transition: max-height .2s ease-in-out;
        -moz-transition: max-height .2s ease-in-out;
        -webkit-transition: max-height .2s ease-in-out;
    }
    #zl_mz_menu_nav > ul > li > ul > li > ul.zl_show {
        max-height: 800px;
        overflow: visible;
        width: 100%;
        background-color: rgba(255, 255, 255, .05);
    }
    #zl_mz_menu_nav > ul > li > ul > li > ul > li:last-child {
        margin-bottom: 20px;
    }

    .btn-closing {
        text-align: center;
        background: none;
        outline: none;
        border: none;
        color: #fff;
        position: absolute;
        top: 15px;
        right: 15px;

        width: 38px;
        height: 38px;

        background-color: rgba(255,255,255,.1);
        border-radius: 100px;
    }
    .btn-closing i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .btn-open-level {
        text-align: center;
        background: none;
        outline: none;
        border: none;
        color: #fff;
        padding: 12px 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 6px;

        font-size: 24px;
        width: 100%;
        text-align: right;
    }
    .btn-closing-level {
        display: inline-block;
        background: none;
        outline: none;
        border: none;
        color: #fff;

        position: absolute;
        top: -60px;
        left: -5px;

        width: 38px;
        height: 38px;
        background-color: rgba(255, 255, 255, .1);
        border-radius: 100px;
    }
    .btn-closing-level i {
        font-size: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .btn-closing-menu {
        background: none;
        outline: none;
        border: none;
        color: #fff;
        position: absolute;
        top: -60px;
        right: -10px;

        width: 38px;
        height: 38px;

        background-color: rgba(255,255,255,.1);
        border-radius: 100px;
    }
    .btn-closing-menu i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 767px) {
    .btn-menu {
        top: 28px;
    }
}
@media (max-width: 575px) {
    #zl_mz_menu_nav ul {
        min-width: 100% !important;
    }
}