Адаптированный список материалов катего - K2

Доброго времени суток форумчане!

Понимаю что тема до жути заезженная и то что необходимо применять что то типа

@media (min-width: **px) and (max-width : **px)   только вот как применить и грамотно прописать, всю голову сломал.

Есть сайт, и на нем страница с выводом списка материалов категории в режиме каталога (картинка, заголовок и подробнее) отоброжается в 3 колонки (настроено через панель управления) при сжатии или открытии на мобильных устройствах, они просто сжимаются и налазиют друг на друга .. а хотелось бы что бы из 3 колонок переходило в 2, потом в 1.

ссылка на страницу сайта с проблемой

нашел в шаблоне в css/k2.css  в строке 654 .itemContainer { float:left;}  вроде тут нужно применить @media вот только как грамотно прописать?

   приложил кусок кода куда примерно думаю необходимо прописывать.  Буду рад за помощь!

Забыл сказать. Joomla! 3.0.1  и шаблон gk_startup . адаптированный под мобилки.  K2 уже обновил до V2.7.1

все в принципе, проблема иссякла. как обычно все оказалось до банальности просто.