.molecule-menu { display: flex; flex-wrap: wrap; }
.molecule-menu .menu-item { flex: 0 0 100%; display: block; margin: 0; padding: 0; text-align: center; }

.molecule-menu.top-navigation { padding: 0; justify-content: center; display: none; }

.molecule-menu.top-navigation .child-menu-holder { display: none; } 
.molecule-menu.top-navigation .current-menu-item .child-menu-holder,
.molecule-menu.top-navigation .current-menu-ancestor .child-menu-holder { display: block; }
.molecule-menu.top-navigation .child-menu-holder .container { width: auto !important; padding: 0; }
.molecule-menu.top-navigation .menu-item-27 .child-menu-holder .container { width: 100% !important; }
.molecule-menu.top-navigation .child-menu-holder.slider-clubs-menu-container .container { width: 100% !important; padding: 0; }

@media only screen and ( min-width: 48em ) {

    .molecule-menu.top-navigation .child-menu-holder .molecule-menu { padding: 16px 20px; background: #444; }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu { flex-wrap: wrap; }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu .menu-item { padding: 0; flex: 0 0 50%; width: 50%; margin: 0; text-align: left; }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu .menu-item.contains-link-icon-league { padding: 0; width: 50%; flex: 0 0 50%; margin: 0; }
}

@media only screen and ( min-width: 62em ) { 


    .molecule-menu { flex-wrap: nowrap; display: flex !important; }
    .molecule-menu .menu-item { flex: 1 1 auto; margin: 0 8px; padding: 0; text-align: center; }
    
    .molecule-menu.top-navigation .current-menu-item .child-menu-holder,
    .molecule-menu.top-navigation .current-menu-ancestor .child-menu-holder , 
    .molecule-menu.top-navigation .child-menu-holder { display: inline-block; } 
    .molecule-menu.top-navigation .child-menu-holder .container { padding-right: var( --gs-container-padding ); padding-left: var( --gs-container-padding ); display: inline-block; }

    .molecule-menu.top-navigation .child-menu-holder { position: absolute; background: transparent; z-index: 100; width: 100%; left: 0; top: 160px; 
        display: flex; justify-content: center; pointer-events: none; opacity: 0; padding-top: 0; }
    .molecule-menu.top-navigation .menu-item:hover .child-menu-holder { opacity: 1; pointer-events: all; top: 160px; padding-top: 35px; }

    .molecule-menu.top-navigation .child-menu-holder .molecule-menu { padding: 20px 24px; border-radius: 5px; background: var( --color-white ); }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu .menu-item { flex: 0 0 33.33%; width: 33.33%; }

    .molecule-menu.top-navigation .child-menu-holder .molecule-menu .menu-item.contains-link-icon-league { width: auto; flex: 0 0 auto; margin: 0 8px; }

}

@media only screen and ( min-width: 75em ) { 
    .molecule-menu .menu-item { flex: 0 0 auto; margin: 0 8px; padding: 0; text-align: center; }
    .molecule-menu.top-navigation .child-menu-holder .container { padding-right: 2rem; padding-left: 2rem; display: inline-block; }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu { padding: 24px 40px; }
    .molecule-menu.top-navigation .child-menu-holder .molecule-menu .menu-item { flex: 0 0 25%; width: 25%; }
    .molecule-menu.top-navigation .menu-item:hover .child-menu-holder { top: 150px; }


}