Как сверстать поисковик адаптивно?

Здравствуйте. Опытные программисты, подскажите как быть в данной ситуации.
Есть вот такой вот сайт severarm.ru , нужно сделать его под разные экраны. На разширении 660px и ниже поисковик по сайту в div class="top-menu" находит на сами пункты меню, тем самым пункты становятся не видны. Нужно поднять поисковик по выше к H1, но он исчезает, как только я поднимаю его к заголовку. Да и сами пункты меню исчезают, когда расширение становится меньше 500px.
Помогите, пожалуйста, решить данную проблему.
Заранее спасибо.