.navigation.desktop.secondary .dropdown-menu.level-1 {
    right: 0;
    transform: none;
}

.navigation.desktop.secondary .nav-item.level-1 {
    position: relative;
}

.navigation.desktop.desktop.secondary .level-1.nav-item > .nav-item-control {
    height: auto;
}

.navigation.desktop.secondary .nav-item.level-1 > .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.navigation.desktop.secondary .dropdown-menu {
    width: 100vw;
    max-width: 200px;
}

.navigation.desktop.secondary .nav-item.level-1 > .dropdown-menu .dropdown-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: auto !important;
    transform: translateX(100%);
}

.navigation.desktop.secondary .dropdown-menu.open {
	overflow: visible;
}

.navigation.desktop.secondary .level-1.nav-item > .dropdown-helper {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform 300ms ease 200ms;
    background-color: red;
}

.navigation.desktop.secondary .level-1.nav-item > .dropdown-helper {
	height: 120% !important;
	top: 100%;
}

.navigation.desktop.secondary .dropdown-menu.open {
    opacity: 1;
    pointer-events: all;
    overflow: visible;
	z-index: 200;
}

.navigation.desktop.secondary .dropdown-menu .dropdown-helper {
    position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: bottom center;
	transition: transform 300ms ease 200ms;
    background-color: red;
}

.navigation.desktop.secondary .nav-item.level-2 .dropdown-toggle {
    color: white;
    transform: rotate(-90deg);
}

.navigation.desktop.secondary .nav-item.level-2:hover .dropdown-toggle {
    color: var(--blue);
}

.navigation.desktop.secondary .dropdown-menu .dropdown-menu {
    box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.35);
}

.navigation.desktop.secondary > .nav-item.on-right .dropdown-menu .dropdown-menu {
    left: -100%;
    right: auto;
    transform: none;
}

.navigation.desktop.secondary .nav-item.level-1 > .nav-item-control > a::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translateX(-50%);
	height: 5px;
	width: 50%;
	min-width: 60px;
	background-color: var(--orange);
	opacity: 0;
	transition: opacity 0.4s;
}

.navigation.desktop.secondary .nav-item.level-1.open > .nav-item-control > a::after {
    opacity: 1;
}