.oxmm--hover-banner .ox-menu-item__custom-element{
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    flex: 0 0 100%;
    margin-bottom: 5px;
}
.oxmm--hover-banner .ox-menu__category-image{
    order:-1;
}

@media (min-width: 1025px){
    .oxmm--hover-banner{
        display: grid;
    }
    .ox-megamenu-navigation .ox-megamenu__dropdown .ox-megamenu__categories .level1.category-item.oxmm--hover-banner > .ox-mm-a-wrap a,
    .oxmm--hover-banner > .ox-mm-a-wrap a{
        border: 1px solid #f2f2f2;
        padding: 5px;
        background: white;
        height:100%;
    }
    .oxmm--hover-banner > :is(.ox-mm-a-wrap, a, .submenu){
        grid-row: 1;
        grid-column: 1;
    }
    .oxmm--hover-banner > .submenu{
        opacity: 0;
        background: #f8f8f8;
        padding: 20px;
        margin: 0!important;
        transition: opacity 0.3s;
        position: relative;
        z-index: -1;
    }
    .oxmm--hover-banner:hover > .submenu{
        opacity: 1;
        z-index: 2;
    }
    .oxmm--hover-banner > .submenu > li{
        opacity: 0;
        transition: opacity 0.2s, transform 0.4s;
        transform: translateY(4px);
        transition-delay: 0.1s;
    }
    .oxmm--hover-banner:hover > .submenu > li{
        opacity: 1;
        transform: translateY(0);
    }
    .oxmm--hover-banner-line .duplicated-parent .name:after,
    .oxmm--hover-banner-line > .ox-mm-a-wrap a .name:after{
        display: block;
        background: #3c3c3c;
        height: 2px;
        width: 30px;
        content: "";
        margin: 8px 0 15px 0;
    }
    .oxmm--hover-banner-line .duplicated-parent .name:after{
        margin: 12px 0 0 0;
    }
    .oxmm--hover-banner > .submenu > .duplicated-parent .ox-mm-a-wrap a,
    .ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu > .category-item.duplicated-parent > .ox-mm-a-wrap a{
        /* background-color: transparent;
        color: #000000; */
        font-size: 14px;
        font-weight: 800;
        margin: 0 0 2px 0;
        padding: 7px 7px 0px;
        text-transform: uppercase;
        letter-spacing: 0;
    }
    .ox-megamenu-navigation > .level0 .category-item.oxmm--hover-banner {
        margin-bottom: 15px;
    }
    .ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list.row > li {
        padding-right: 10px;
        padding-left: 10px;
    }
    .ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu > .category-item > .ox-mm-a-wrap a {
        padding: 5px 7px !important;
        font-size: 12px !important;
    }
    .ox-dropdown--megamenu > .ox-megamenu__dropdown .ox-megamenu-list > .category-item > .submenu > .category-item {
        margin: 0 !important;
    }
}

/* hide image and text above the name on mobile */

@media (max-width: 1024px){
    .oxmm--hover-banner .ox-menu-item__custom-element,
    .oxmm--hover-banner .ox-menu__category-image{
        display: none!important;
    }
}
