Небольшой трабл с адаптивным меню, как его побороть?

Question

[sergey]

Собственно только заметил, что при ресайзе страницы сайта, появляется мертвая зона. Выглядит это следующим образом: горизонтальное меню на размере 780px превращается в адаптивное меню. Но есть небольшой зазор в 12px. То есть горизонтальное пропадает на 780px, а мобильное кнопкой появляется на 767px.
media screen and (min-width:630px) and (max-width:779px){code}
media screen and (min-width:780px) and (max-width:849px) {code}
В чем может быть косяк?
вот ссылка на проект

Answer 1

[MhMadHamster]

media screen and (max-width: 991px) and (min-width: 768px)
#mainmenu1 {
display: none;
}

Comments

[sergey]

спасибо, не заметил дубля.