У вас проблема в разметке
Обычная разметка бутстрап:
Сначала идет блок-обертка div.container у которого
.container {
padding-right: 15px;
padding-left: 15px;
}
А потом в него вкладывают div.row, который эти паддинги убирает, чтобы прижать блоки ближе к краям обертки с помощью отрицательных марджинов.
.row {
margin-right: -15px;
margin-left: -15px;
}
В вашем случае не используется стандартный div.container
а div class.product-container, у которого нет стандартных стилей div.container
Даже, если ему дописать класс div class="product-container container"
это проблему не решает, потому что, хотя блок и сужается, но отображение режет блок div.item-inner
У которого в стилях прописано
Если этот хидден отключить, то все отображается.
Но надо разобраться как это отобразится по всему сайту в разных разрешениях экрана.
Иными словами.
У вас 2 глюка:
У вас блок div.row оказывается шире чем div.inner и div.inner обрезает края за счет стиля overflow: hidden;)
Кроме того, из-за того, что у вас div.row вложен не в div.container, а в обычный div
ширина контента получается больше ширины экрана и появляется горизонтальная полоса прокрутки.
Кстати, какой-то баг форума- цепляет чужие картинки в сообщение при исправлении сообщения.