.ham-menu {
    display: none !important;
}

.mobile-view {
    display: none;
}

.menu-open {
    display: block;
}

.menu-open.active {
    display: none !important;
}

.menu-close {
    display: none;
}

.menu-close.active {
    display: block !important;
}

.submenu,
.ccsubmenu {
    display: none;
    transition: all 0.3 ease-in-out;
}

.submenu.active,
.ccsubmenu.active {
    display: block;
    transition: all 0.3 ease-in-out;
}

@media (max-width: 768px) {
    #web-view {
        display: none !important;
    }

    .ham-menu {
        display: block !important;
    }

    .mobile-view.active {
        display: block;
        transition: all 1s ease-in-out;
    }

    .submenu.active,
    .submenu.active li,
    .ccsubmenu.active,
    .ccsubmenu.active li {
        display: block;
        transition: all 0.3 ease-in-out;
    }

    .menu-open.active {
        display: none !important;
    }

    .menu-close {
        display: none !important;
    }

    .menu-close.active {
        display: block !important;
    }

    #header {
        position: fixed;
        top: 0;
    }
}