<style>
/*Делаем блоки по 50% от ширины экрана и располагаем по левому краю*/
.twoinline{
width: 50%;
float: left;
}
/*Блокам слева назначаем положение справа*/
.leftcol {
float: right;
}
/*При размере экрана меньше 960рх отменяем положение справа для левой колонки*/
@media screen and (max-width: 960px){
.leftcol {
float: none;
}}
/*При размере экрана меньше 480рх отменяем положение слева и включаем ширину 100%*/
@media screen and (max-width: 480px){
.twoinline{
width: 100%;
float: none;
}}
</style>
<script>
//Добавляем класс для наших магазинных блоков
$("[data-record-type='780']").addClass("twoinline");
//Для чётных магазинных блоков добавляем класс левой колонки
$(".t780:even").addClass("leftcol");
</script>