Посмотрел мельком ваш сайт через firebug.
У вас там элементы резиновой вёрстки вставлены в фиксированную ширину страницы. Отсюда и отступы.
По медиазапрссам при уменьшении разрешения экрана страница принимает двухколоночный вид, но ширина страницы фиксированна и при float: right такие вещи происходят.
Вот собственно код который это делает:
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
clear: none !important;
float: right;
}
Woocommerce заточена в первую очередь под резиновый дизайн.
У неё при уменьшении разрешения 4 колонки превращаются 2.
Но при вашей фиксированной вёрстке это не нужно.