Проблема при масштабировании сайта! - Joomla 3.x: Шаблоны, разметка и макеты вывода

добрый день, уважаемые форумчани. Нужна ваша помощь! Может быть кто-то уже задавал вопрос или не в той ветке пишу, но внятной информации не могу найти!

http://www.p-m-garant.ru/

Основная проблема. Когда масштабируем сайт или смотрим на разных мониторах, то плавает меню и логотип увеличиваясь размывается. Я понимаю что тут два варианта. Либо кривой шаблон, либо мои руки (больше склоняюсь ко второму варианту). Помогите пожалуйста выровнять все. Пусть логотип не увеличивается (например), а кнопки меню так же становятся меньше при масштабировании. Или хотя бы не меняют своего положения...

При беглом взгляде шаблон не заточен под адаптивный дизайн.
Меню. Как правило, при уменьшении экрана кнопки перестают быть
float: left;
а становятся
float: none;
Перестраивают же дизайн в Бутстрапе (http://bootstrap-ru.com/scaffolding.php#responsive)
медиазапросы
@media (min-width: 768px) and (max-width: 979px) и т.д.
в таблице CSS bootstrap.css они присутствуют.
Вкратце как то так

В
описаны сетки, так вот хедер помещен в div класса row,
при резиновой верстке нужен .row-fluid
и т.д., продолжать можно много.
Я бы посоветовал взять пустой Protostar и прикрутить то что у тебя есть.
Думаю, будет быстрее

Спасибо огромное! Помогли, натолкнули на правильные мысли. Делаю!