@media screen and (max-width:1279px) {
    ul.main-menu {
        display: block;
        margin: 0;
        max-width: 210px;
    }
    div#mobile-nav-div{
            width: 100%;
            overflow-x: hidden;
    }
/*    ul.main-menu li:hover > ul.second-menu {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }*/
/*    ul.main-menu li{
        display: block;
    }*/
    ul.main-menu ul.second-menu, ul.main-menu ul.second-menu ul.third-menu {
        display: none;
        position: relative;
        top: 0;
        left: 0;
        background: #f7f6f6;
        box-shadow: none;
        padding: 0;
        margin-left: 20px;
        transition: none;
    }
        ul.main-menu ul.second-menu.visible {
            display: block;
            padding: 0 0 0 30px;
            position: absolute;
        }

    ul.main-menu ul.second-menu i.rotate {
        transform: rotate(90deg);
    }

        ul.main-menu ul.second-menu ul.third-menu.visible {
            display: block;
            padding: 10px 0;
            min-width: fit-content;
            background:#fff;
            position:absolute;
            top: 40px;

        }
/*    ul.main-menu li:hover > ul.second-menu {
        box-shadow: none;
        padding: 0 0 0 30px;
    }
    ul.main-menu ul.second-menu li:hover > ul.third-menu {
        display: block;
        position: relative;
        left: 0;
        box-shadow: none;
        padding: 10px 0;
        background: #f7f6f6;
        min-width: fit-content;
        margin-left: 20px;
    }*/
    ul.main-menu li a, ul.main-menu li ul li a, ul.main-menu ul li ul li a {
    
        padding: 0px 15px;
        font-size: 14px;
        font-weight: 600;
    }

     ul.main-menu li ul li a ,  ul.main-menu ul li ul li a   {
        font-weight: 500;
    }
}