Bootstrap 3, how to style

-- HikaShop version -- : HikaShop Essential: 2.3.5
-- Joomla version -- : 3.3.6
-- PHP version -- : 5.5.12
-- Browser(s) name and version -- : All

I'm changing website for client and built a Joomla 3 responsive website based on Bootstrap 3.
I Als o set Hikashop to Bootstrap in configuration and I use NoNumber ReReplaceser extension to change all bootsrap 2 code to 3.

I for example want the display of products change from 4 in a row to 2 in a row on smaller screens. However I see f.e. this in the code.

<div class="hikashop_products_listing">
<div class="hikashop_products">
<div class="hikashop_product" style="width:24%;">
<div class="hikashop_product" style="width:24%;">
<div class="hikashop_product" style="width:24%;">
<div class="hikashop_product" style="width:24%;">
<div style="clear:both"></div>

Always, after long search you post and than you find it 5 minutes later.

Changed

<div class="hikashop_product" style="width:<?php echo $width;?>%;">

<div class="hikashop_product">

div.hikashop_products div.hikashop_product{width:24%}

@media (max-width: 768px){
div.hikashop_products div.hikashop_product{width:48%}
}