Вопрос по bootstrap разметке

В магазине в карточке товара есть такая разметка

на мобильном она выглядит вот так

Реализовано это так

 <div class="row" style="margin-top:-13px;"> <?php echo $column_left; ?>

       <?php if ($column_left && $column_right) { ?>

    <?php $class = 'col-sm-6'; ?>

    <?php } elseif ($column_left || $column_right) { ?>

    <?php $class = 'col-sm-9'; ?>

    <?php } else { ?>

    <?php $class = 'col-sm-12'; ?>

    <?php } ?>

    <div id="content" class="<?php echo $class; ?>"><?php echo $content_top; ?>

      <div class="row">

		<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4 visible-lg visible-md nopad" style="float:right;">	

		логотип		

		</div>

		

		<div class="col-xs-12 col-sm-12 col-md-7 col-lg-8" style="float:left;">

			1ый блок

		</div>

		   



		<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4" style="float:right;">

			3ий блок

		</div>

		

			<div class="col-xs-12 col-sm-12 col-md-7 col-lg-8" style="float:left;">	

				

			2ой блок

				

		</div>	

			<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4" style="float:right;">	

				4ый блок

        </div>

      </div>	

		</div>	

			 </div>

4ый блок почему-то ровняется по 2му блоку и получается не красиво. Как его подтянуть выше, под 3ий блок?

margin пробовал, но при просмотре на мобильном блоки наезжают друг на друга.

Как поднять этот блок что бы все блоки были в том же порядке в котором они сейчас есть?

---------- Добавлено 06.01.2017 в 15:29 ----------

Вопрос решился подменами блоков для мобильных устройств и для ПК.