/* ======= Header ======= */
.header .logo{
    margin-top: 18px;
}
.header .logo a{
    position: relative;
}
.registration{
    padding-top: 14.27%;
}
.menu_link.login {
    font-size: 18.1px;
    font-weight: bold;
    color: #000000;
    margin-top: -3px;
}
.menu_link.brt-sing-up {
    border: solid 1.5px #00bdf6;
    font-size: 18.1px;
    font-weight: bold;
    color: #00bdf6;
    margin-top: -5px;
}
.menu_link.brt-sing-up:hover{
    border: solid 1.5px #00bdf6;
    background-color: #00bdf6;
    color: #ffffff;
}

.header_menu{
    padding: 3.3% 0 0 1.3%;
}

#toggle {
    display: block;
    width: 28px;
    height: 24px;
    float: right;
    margin-top: 38px;
}

#toggle span:after,
#toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -9px;
}
#toggle span:after{
    top: 9px;
}
#toggle span {
    position: relative;
    top: 9px;
    display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
    width: 100%;
    height: 5px;
    background-color: #888;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

/* on activation */
#toggle.on span {
    background-color: transparent;
}
#toggle.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
    opacity: 1;
    visibility: visible;
}

/* on activation */
.toggle-mnu.on span {
    background-color: transparent;
}
.toggle-mnu.on span:before {
    transform: rotate(45deg) translate(5px, 5px);
}
.toggle-mnu.on span:after {
    transform: rotate(-45deg) translate(7px, -8px);
}
.toggle-mnu.on + #menu {
    opacity: 1;
    visibility: visible;
}

@media (min-width: 1200px) {
    .collapse-mnu {
        display: block !important;
    }
}

/* ExSmall, Small, Medium */
@media (max-width: 1199px) {
    .collapse-mnu{
        display: none;
    }
    .registration{
        padding-top: 6%;
        padding-bottom: 8%;
    }
}