Проблема с отображением меню сайта в Опере и на айфоне - Joomla 2.5: Шаблоны, разметка и макеты вывода

Речь о сайте http://potolok-butafor.com/ , он еще в работе. Сайт сделан на Joomla 2.5, набросал шаблон в артистере 4, дальше стили\дивы и прочие радости сам писал, амо меню сделано встроенным модулем Joomla. У меня с компьютера и планшета во всех браузерах (яндекс, Chrome, Opera, мозилла) все нормально отображается, у клиента в Опере и на аййоне 4-м верхнее меню в две строки почему то. ВОт такие скрины присылает. Пробовал добавлять max-width, min-width, думал с параметром ширины проблема какая, не помогло(( Кажется, проблема в какой то мелочи, вот у меня с виндовс фона HTC все ок. Не могу поймать проблему, с Opera все ок, афйона нет. Надеюсь на помощь гуру)
https://cloud.mail.ru/public/K8Wi/VN97qJMMx
https://cloud.mail.ru/public/5Sur/VyW3EvyRD

смотрю на онлайн-сервис - Отображение сайта на мобильных устройствах (webmark ...) --- так сайт вовсе не реагирует. По видимому у него вовсе отсутствует адаптация или же какие-то элементы не дают ему "сворачиваться". Необходимо детально анализировать и выяснять причину (если проблема в элементе сайта) или же прописывать стили для моб.устройств

Нашел в чем проблема) Calibri, шрифт которым сделано меню - чисто виндовый, айфон с IoS его не знает, и андроид тоже. А так как он лицензионынй, подключить его к сайту не получилось. А альтернативный шрифт - ариал - слишком крупный, из за него меню больше становилось и съезжало(( Решил, заменив альтернативный шрифт на поддерживаемый и подходящего размера.