media query to set number of columns

-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.7.5
-- PHP version -- : 7

Hi Hikashop team,

I have a responsive question.

We are building a mobilefirst webshop with Yootheme PRO.
So far so good

I made some Media queries to set the number of columns for categories and products.

But I don't know why it's working fine from 6 to 5 to 4 colums but after 4 columns it goes directly to 1 column.
Is this a template issue or is there something I need to know about Hikashop why this happen?
In the menu category and products options I have set the colums to 3.

Hope you can give me a hint.

Kind regards,
Lumiga


@media only screen and (max-width: 1900px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 16.66% !important;}
}

@media only screen and (max-width: 1600px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 20% !important;}
}

@media only screen and (max-width: 1100px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 25% !important;}
}

@media only screen and (max-width: 756px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 50% !important;}
}

@media only screen and (max-width: 320px) {
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
{width: 100% !important;}
}

Thank you very much !!!!

I just want to say how happy I am with the support from Hikashop.
That gives confidence in the product for now and in the future.
That's what we need as web developers

See you soon.

Kind regards,
Lumiga