Некорректное отображение mainmenu при уменьшении разрешения - Вопросы по CSS

Ребята всем привет, это наш первый сайт (www.aquatory-ekb.ru) и мы конечно же сталкиваемся с кучей проблем, но все удаётся решать по тихоньку, кроме этой Если зайти на сайт со смартфона, или даже на компьютере уменьшить разрешение экрана (например зажав Ctrl и покрутив скролл мышки) главное навигационное меню превращается в единую кнопку Menu с выпадающими подменю
Подскажите как этого избежать.

Буду очень благодарен если укажете конкретный тег и нужное значение, в конкретном файле нашего сайта

И еще одна пробелмка, в opera, ie, chrome круглые картинки отображаются корректно, а в mozilla там какой-то рассинхрон вокруг них, подскажите в чем дело?

В опциях шаблона есть отключение responsive. А вообще, это клубный шаблон, т.е. платный. Поддержкой платных расширений занимается продавец

шаблон имеет фиксированное значение по ширине -  width: 940px; - так что при уменьшении он будет группироваться
Стили - правила отображения для ИЕ якобы прописаны, должно работать - только вот какой ИЕ используете (версия)? 
Чтобы работала на смартах - нужна мобильная версия, есть ли она?
А теперь - округленность - это не во всех браузерах отображается. Чтобы добиться максимального эффекта - необходимо дописывать специальные правила, фильтры для каждого отдельно взятого браузера

В опциях шаблона есть отключение responsive.

Большое спасибо за ответ, но отключение этой функции не дало эффекта  !

Я конечно попытаюсь обратиться к "продавцу", но если у кого-то богатый опыт и есть идеи, как мне помочь, я буду очень признателен.