@media (max-width: 768px) {

    nav {
        width: 100%;
        z-index: 50;
        top: 145px !important;
        border-right-color: #e1e1e1 !important;
        border-left-color: #e1e1e1;
        bottom: 0px;
        overflow-y: hidden;
        position: fixed;
        margin: 0 0%;
    }
    ul#nav {
        top: 0%;
        left: 0%;
        width: 70%;
        background: rgb(0 0 0 / 45%);
        color: #fff;
        transition: left 0.3s ease;
        padding: 0px;
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
    }
    .mobile-nav-toggle {
        cursor: pointer;
    }
    nav.cNav {
        display: none
    }
    nav.cNav ul li ul {
        position: relative;
        left: 0;
        margin: 0 !important;
        z-index: 15;
        background: none;
        width: 100%;
    }
    nav ul li ul li a span {
        padding-left: 0px !important;

    }
    #toggleMenu {
        height: 30px;
        width: 36px;
        border: 1px solid #000;
        border-radius: 5px;
        margin-right: 3px;
        display: inline-block;
        padding: 0px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../css/images/toogleBtn.png);
    }
    .mCustomScrollBox {
        position: relative;
        overflow: hidden;
        height: 100%;
        max-width: 100%;
        outline: none;
        direction: ltr;
        background-color: rgb(0 0 0 / 85%);
    }
 }