В мобильной версии товары в категории сужаются слишком сильно

Есть интернет магазин и товары в нем, в каждой категории. Отображаются нормально, параметры заданы как высота на авто, а ширина на 100%. При сужении экрана, как, например, для мобильной версии товары сами сужаются, только с правой стороны, при этом все равно остается свободное место. Как это исправить? Может стоит задать фиксированное значение? Но как тогда будет отображаться товар на разных экранах, прикладываю скрины.
Joomla 2.5, VirtueMart 2, шаблон gk_storefront
P.S так же буду благодарен если кто-нибудь подскажет как сделать фиксированный размер картинки товара, чтобы не было как на скрине, неравномерно.

section img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    }

у вас картинки разной высоты, а по ширине одинаково. Чтобы обрезать по высоте надо использовать overflow: hidden и указать высоту height фиксировано.

section img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    }

Я сделал так, но ничего не изменилось

у вас картинки разной высоты, а по ширине одинаково. Чтобы обрезать по высоте надо использовать overflow: hidden и указать высоту height фиксировано.

там вроде выше написан overflow:hidden, или я чего-то не понимаю?

Я сделал так, но ничего не изменилось там вроде выше написан overflow:hidden, или я чего-то не понимаю?

я не видел второго скриншота, только обратил внимание что вы выложили их два
вижу теперь что overflow:hidden там есть уже
попробуйте вместо height: auto поставить min-height:170px