Докарах е до някъде

, с този код стават 2 колони вместа 1 на мобилен!
@media only screen and (max-width:640px) {
.browse-view .row > div,
.category-view .row > div {
clear: none;
float: left !important;
width: 50% !important;
}
.horizontal-separator {
clear: both;
}
}
Проблема е, че прави 2 колони на които 1-ви ред е с 2 продукта, 2-ри с един продукт, 3-ти пак с 2, 4-ти .... и така! Сигурно защото основните продукти при на декстоп версията на ред са 3.
Въпроса ми е какво мога да направя на декстоп версия да са по 3 на ред, а на мобилната версия да са по 2 на ред!
Благодаря предварителни!