@media (min-width: 992px) {
.navigation-md_burger .navigation .logo {
margin-right: 2%;
}
.navigation-md_burger .navigation.open-cockpit .md-burger {
opacity: 0;
}
.navigation-md_burger .navigation .md-burger {
display: inline-block;
vertical-align: middle;
width: 55px;
height: 65px;
position: relative;
cursor: pointer;
z-index: 3;
transition: opacity 450ms ease 0s;
}
.navigation-md_burger .navigation .md-burger > .stripe {
display: block;
position: absolute;
height: 2px;
background: #0072BC;
z-index: 1;
right: 12px;
width: 30px;
transition: all 450ms ease 0s;
transform-origin: center center;
border-radius: 2px;
}
.navigation-md_burger .navigation .md-burger > .stripe:nth-child(1) {
top: 21px;
}
.navigation-md_burger .navigation .md-burger > .stripe:nth-child(2) {
top: 31px;
}
.navigation-md_burger .navigation .md-burger > .stripe:nth-child(3) {
top: 41px;
}
.navigation-md_burger .navigation:not(.open-md_burger) .navigation-main {
display: none;
}
.navigation-md_burger .navigation .navigation-cockpit {
margin-right: 0;
margin-left: auto;
}
.navigation-md_burger .navigation.open-md_burger .md-burger > .stripe:nth-child(1) {
top: 31px;
transform: rotate(225deg);
}
.navigation-md_burger .navigation.open-md_burger .md-burger > .stripe:nth-child(2) {
opacity: 0;
transform: scale(0);
}
.navigation-md_burger .navigation.open-md_burger .md-burger > .stripe:nth-child(3) {
top: 31px;
transform: rotate(-225deg);
}
}