.wtb-header {
    nav.navbar.validnavs ul {
        li {
            &.is-megaitem {
                position: unset;

                .dropdown-menu {
                    /*width: 100%;*/
                    width: fit-content;
                    /*left: 50% !important;
                    transform: translateX(-50%) !important;*/


                    > li {
                        /*display: inline-block;*/
                        display: inline-flex;
                        flex-direction: column;

                        a {
                            border-bottom: none !important;

                            &:hover, &:active {
                                color: var(--color-primary) !important;
                            }
                        }

                    }
                }

                .megamenu-link {
                    padding-left: 0px;
                }

            }
            &.dropdown ul.dropdown-menu .megamenu-link {
                li {
                    list-style: none;

                    a {
                        font-weight: 300 !important;
                        border-bottom: 0px !important;
                        border-radius: 5px;

                        &:active, &:hover {
                            background-color: var(--wb-color-blue-lighter) !important;
                        }
                    }

                    + li {
                        margin-top: 0;
                    }
                }
            }
        }
    }

    .overlay-screen.opened {
        z-index: 9998;
    }

    a {
        border-top: none !important;
    }
}

@media screen and (max-width: 1023px) {

    .wtb-header {
        position: fixed;
        width: 100%;

        nav.navbar.validnavs {
            background: transparent;
        }

        nav.navbar.validnavs.mobile-sidenav {
            > .container {
                z-index: 9999;
            }

            .navbar-collapse.collapse.collapse-mobile {
                left: calc(-100vw - 50px);
                top: -16px;

                &.show {
                    left: -22px;
                }
            }

        }

        nav.navbar.validnavs ul.nav {
            li {
                &.is-megaitem {
                    .dropdown-menu {
                        display: flex;
                        flex-direction: column;

                        > li {
                            a {
                                border-bottom: none !important;
                            }
                        }
                    }
                }
            }
        }
    }



}

@media screen and (max-width: 575px) {
    .wtb-header {
        margin-inline: 22px;
        width: calc(100% - 44px);
    }
}