@media (max-width:767px){
    .slide-viewport {
        height: 100% !important;
    }
    .profile-slide {
        display: none;
        height: fit-content;
    }
    .profile-slide.active {
        display: block;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li > a{
        padding: 4px 0 !important;
    }
    #mainMenu .nav > li a:hover, #mainMenu .nav > li a:focus, #mainMenu .nav > li a:active{
        color: #001f3f !important;
    }
    #mainMenu nav > ul > li.dropdown:before{
        color: unset;
    }
    #mainMenu nav > ul > li.dropdown:after{
        color: #001f3f !important;
    }
    #mainMenu nav > ul > li.hover-active > .dropdown-menu{
        display: block !important;
    }
    #mainMenu ul.nav li, #mainMenu .dropdown-menu a{
        padding: 0.2rem 1rem !important;
    }
    #mainMenu ul.nav li{
        margin-bottom: 0rem;
    }
    #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu{
        display: block !important;
    }
    #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a{
        color: #001f3f !important;
    }

    #mainMenu, #mainMenu .dropdown-menu li a:hover{
        background: #E6F1F9 !important;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li > a{
        color: #001f3f !important;
    }
    #mainMenu:not(.menu-overlay) nav > ul > li, #mainMenu:not(.menu-overlay) nav > ul,
    #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu
    {
        transition: unset !important;
        animation: unset !important;
    }
    /* #mainMenu .nav > li:nth-child(5) .dropdown-menu::before {
        background-color: unset !important;
    }
    #mainMenu .nav > li:nth-child(5) .dropdown-menu::after {
        background-color: unset !important;
    } */
}
/* @media (max-width:425px) and (min-width:320px){
    
} */