body nav.main .dropdown-menu {
    padding: 5px 0;
    width: fit-content;
    background: black;
}

li.is-mega-submenu ul.dropdown-menu {
    top: 0;
    height: 100%;
}

body nav.main .dropdown-menu a {
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.3em;
}

body nav.main li.dropdown > a {
    padding-right: 30px;
}

nav.main ul li.is-mega-submenu {
    position: static;
}

nav.main ul li.is-mega-submenu:not(.is-grid) .dropdown-menu li:first-of-type a {
    padding-top: 0;
}

body nav.main li.is-mega-submenu:not(.is-grid) .dropdown-menu a {
    padding: 10px 0;
    font-size: 18px;
    line-height: 1.3em;
}

nav.main .dropdown-menu li.is-mega-submenu ul.dropdown-menu a {
    font-size: 18px !important;
}

nav.main .dropdown-menu li.is-mega-submenu.is-grid:hover ul.dropdown-menu {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: min-content;
}

nav.main .dropdown-menu li.is-mega-submenu.is-grid:hover ul.dropdown-menu li a {
    white-space: break-spaces;
}

body.scrolled header.fixed .header-container nav.main ul.dropdown-menu ul.dropdown-menu {
    top: 0;
}

nav.main .dropdown-menu li.is-mega-submenu ul.dropdown-menu {
    top: 0;
    width: calc(100% + 300px);
    background: #454444;
    padding: 20px;
}

li.is-mega-submenu ul.dropdown-menu li.is-heading-item.hover a,
li.is-mega-submenu ul.dropdown-menu li.is-heading-item a:hover {
    background: transparent;
    text-decoration: underline;
}

li.is-mega-submenu ul.dropdown-menu li.is-heading-item {
    padding: 0;
    margin-bottom: 10px;
    grid-column: 1 / -1;
    border-bottom: 1px solid #ffffff;
}

li.is-mega-submenu ul.dropdown-menu li.is-heading-item a {
    display: flex;
    justify-content: space-between;
    padding: 0 0 10px 0; 
    font-size: 18px;
    text-align: left;
}

li.is-mega-submenu ul.dropdown-menu li.is-heading-item a .view-all {
    font-size: 14px;
    text-transform: none;
}

nav.main li:hover > ul.dropdown-menu {
    display: block;
    visibility: visible;
}

@media screen and (max-width: 1400px) {
    body .site-header .logo img {
        width: 250px;
    }

    body .site-header .header-container > div {
        gap: 30px;
    }
}

@media screen and (max-width: 1200px) {
    body nav.main .dropdown-menu li.is-mega-submenu.is-grid:hover ul.dropdown-menu {
        grid-template-columns: 1fr;
    }

    body .site-header .header-container > div {
        gap: 0;
    }

    body .site-header .logo img {
        width: 150px;
    }
}

@media screen and (max-width: 992px) {
    #mmenu ul li.is-heading-item {
        display: none;
    }

    body .site-header .header-container > div {
        justify-content: space-between;
    }
}