@media only screen and (max-width: 786px){

    .joy-header .joy-menu-area>div ul {
        display: none !important;
    }
    
    
    
    .joy-full-page-menu ul li a {
        font-size: 20px;
    }
    
    .joy-full-page-menu ul  li ul {
        position: unset;
        visibility: visible;
        opacity: unset;
        margin-left: 30px;
    }
    
    .joy-full-page-menu ul li ul li a {
        font-size: 13px;
        line-height: 2;
        margin-bottom: 6px !important;
    }
    
    .joy-full-page-menu ul li ul li {
        margin: 0;
        padding: 0;
        line-height: 1;
    }
    
    .joy-full-page-menu ul li {
        display: block;
    }
    
    .joy-full-page-menu.active {
        min-height: unset !important;
        top: 0;
        max-height: 100% !important;
        width: 100vw !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .joy-full-page-menu.active>div {
    }
    
    .joy-full-page-menu.active .menu-footer-container>ul {
        padding-top: 100px;
        padding-bottom: 20px;
    }


}