.slideDown .dropdown .dropdown-menu {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}

.slideDown .dropdown.open .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
    max-height: 1500px;
    opacity: 1;
    display: block;
}

/*.animate li.dropdown .dropdown-menu {
    overflow: hidden;
}*/
/*.animate li.dropdown .dropdown-menu {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

@keyframes slideIn {
    0% {
        
        transform: translateY(1rem);
        opacity: 0;
    }

    100% {
        
        transform: translateY(0rem);
        opacity: 1;
    }

    0% {
        
        transform: translateY(0rem);
        opacity: 1;
    }
}

@-webkit-keyframes slideIn {
    0% {
        
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }

    100% {
        
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }

    0% {
        
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 1;
    }
}

.slideIn li.dropdown .dropdown-menu {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}*/
@media (min-width: 992px) {
    ul .wrap-menu-items {
        grid-auto-columns: max-content;
        column-fill: auto;
        -moz-column-fill: auto;
        -webkit-column-fill: auto;
        column-gap: 0;
    }

    .two-column-menu {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        overflow: auto;
        padding-bottom: 15px;
    }

    .three-column-menu {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        overflow: auto;
        padding-bottom: 15px;
    }

    li.wrap-menu-item {
    }
}
@media (max-width: 991px) {
        ul.wrap-menu-items {
        }
        .two-column-menu {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
            overflow: auto;
            padding-bottom: 0;
        }

        .three-column-menu {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
            overflow: auto;
            padding-bottom: 0;
        }

        li.wrap-menu-item {
        }
    }

#main-navbar .navbar-nav.nav li:target, #main-navbar .navbar-nav.nav li:focus, #main-navbar .navbar-nav.nav li:focus-visible {
    outline: thin dashed Highlight;
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: rgba(255,255,255,0.75);
    outline-style: inset;
    outline: thin dashed -webkit-focus-ring-color;
    outline-offset: 0;
}