@media screen and (max-width: 991px) {
    .mobile-menu-container {
        left: 0;
        width: 100vw;
        max-width: none;
        height: 100vh;
        height: 100dvh;
        transform: translateX(-100%);
        font-size: 1.4rem;
    }

    .mmenu-active .mobile-menu-container {
        transform: translateX(0);
    }

    .mmenu-active .page-wrapper {
        transform: none;
    }

    .mobile-menu-close {
        right: 1.5rem;
        font-size: 1.8rem;
    }

    .mobile-menu-container .social-icon,
    .mobile-search .btn,
    .mmenu-btn {
        font-size: 1.4rem;
    }

    .mobile-menu li ul ul li a {
        padding-left: 5rem;
    }
}