/* 1842 Гамбургер и Мобильные фиксы (FINAL) */

/* Полоска под бургер на мобильных */
#main_nav { position: relative; min-height: 50px; background: #fff; border-bottom: 1px solid #eee; z-index: 999; }

/* Гамбургер-иконка */
.menu__icon { display: none; width: 35px; height: 30px; position: absolute; right: 15px; top: 10px; cursor: pointer; z-index: 10000; }
.menu__icon span { display: block; position: absolute; height: 5px; width: 100%; background: #B0DD27; border-radius: 9px; transition: .25s ease-in-out; }
.menu__icon span:nth-child(1) { top: 0px; }
.menu__icon span:nth-child(2), .menu__icon span:nth-child(3) { top: 12px; }
.menu__icon span:nth-child(4) { top: 24px; }

/* Вид при открытом меню */
.active-main_nav .menu__icon span { background: #fff !important; }
.active-main_nav .menu__icon span:nth-child(1) { display: none; }
.active-main_nav .menu__icon span:nth-child(2) { transform: rotate(-45deg); }
.active-main_nav .menu__icon span:nth-child(3) { transform: rotate(45deg); }
.active-main_nav .menu__icon span:nth-child(4) { display: none; }

@media screen and (max-width: 767px) {
    .menu__icon { display: block !important; }
    /* Прячем основной хедер при открытом меню на весь экран */
    .active-main_nav #header, .active-main_nav #top_bar { opacity: 0; pointer-events: none; }
}

@media (min-width: 768px) {
    #main_nav { background: transparent; border: none; min-height: 0; }
}