Количество колонок для вывода статей - zoo приложение блог на beez3 - ZOO 2.х

Добрый день!

Эксперементирую с Joomla 3, на которую установлено приложение блог zoo. Используется шаблон beez3.
Хочу увеличить количество колонок, выводимых в блоге с 4-х до 8.

Как это сделать для обычной версии - знаю (добавляем позиции в template.xml и задаем стили в category.css), но тут проблема - на экране размером допустим в 360*640 все 8 колонок отображаются рядом, как в не адаптивном шаблоне. Как сделать, чтобы и на маленьких экранах каждый материал отображался в одну колонну друг под другом? Что еще нужно подправить?

Подскажите, пожалуйста!

Может не так задала вопрос, попробую по-другому:
есть адаптивный шаблон на Joomla с компонентом zoo blog. Статьи в блоге вывожу в 8 колонок.

Но: при уменьшении экрана статьи блога не отображаются друг под другом, а просто сужаются по ширине. Что сделать, чтобы они располагались друг под другом?

П.С: Эта проблема возникает только, когда вывожу статьи в 5 и более колонок (их добавляла сама). Если выводить статьи в блоге в 4 колонки, то адаптация под малый экран происходит нормально - статьи располагаются друг под другом.

Решила проблему пока так - добавила в category.css это:
    
        #yoo-zoo .width12{width: 24%;}
   #yoo-zoo .width14{width: 28%;}
   #yoo-zoo .width16 {width: 32%;}
   #yoo-zoo .width20 {width: 40%;}
   #yoo-zoo .width25 {width: 50%;}

после этого
/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

   /* Layout */