/**** New styling ****/



.navigation .grid-container .mega-menu {
    overflow: auto !important;
}


.navigation .grid-container .mega-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px;

}

.navigation .grid-container .mega-menu::-webkit-scrollbar-track {
    background: #ffffff00;
    border-radius: 10px;
}

.navigation .grid-container .mega-menu::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 10px;
}

.navigation .grid-container .mega-menu::-webkit-scrollbar-thumb:hover {
    background: #d8d8d8;
}

/* For Firefox */
.navigation .grid-container .mega-menu {
    scrollbar-width: thin;
    scrollbar-color: #d8d8d8 #ffffff00;
}

.navigation .grid-container .mega-menu .mega-con .menu-cta {
    padding: 10px 25px!important;
}

.navigation .grid-container .mega-menu .mega-con .menu-locations .menu-location-wrap {
    display: flex;

}

@media screen and (max-width:1326px) {
    .navigation .grid-container .mega-menu .mega-con .menu-locations .menu-location-wrap {
        margin-bottom: 50px;
    }


    .navigation .grid-container .mega-menu .mega-con .menu-cta {
        padding: 10px 25px !important;
    }
    .navigation .grid-container .mega-menu .mega-con {
        padding: 10px 25px !important;
    }
}
  /*  .navigation .grid-container .mega-hover {
    width: auto;
    max-width: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    opacity: 0;
    transition: max-height 0.3s 0.3s, min-height 0.3s 0.3s, opacity 0.1s 0.1s;
    z-index: -5;
    max-height: 0;
    min-height: 0;
    height: auto;
}

.navigation .grid-container .mega-hover:hover {
    opacity: 1;
    max-height: 100vh;
    min-height: auto;
    z-index: 5;
}

*/
.navigation .grid-container .mega-menu {
    top: 130px;

}