Как разместить в материале два модуля (блока) рядом друг с другом с учетом мобильной версии сайта? - Joomla 3.x: Общие вопросы

<div style="width: 46%; display: inline-block; margin: 15px;vertical-align:top;">{loadmodule mod_foxcontact,­Свяжитесь с нами}</div>
 <div style="width: 46%; display: inline-block; margin: 15px;vertical-align:top;">{zhyandexmap:1;}</div>

<div class="box">
<div class="block block_1">{loadmodule mod_foxcontact,­Свяжитесь с нами}</div>
<div class="block block_2">{zhyandexmap:1;}</div>
</div>

.box{
  width: 100%;
  margin: 50px auto;
}

.box:before {
  display: block;
  content: "full";
}

.block {
  width: 46%;
  display: inline-block;
}

.block_1 {
  float: left;
}

.block_2{
  float: right;
}

@media (max-width: 600px) {
  .box:before {
  content: "mobile";
  }

  .block_1 {
    width: 100%;
  }

  .block_2{
    width: 100%;
  }
}

<div class="row-fluid">
    <div class="span6">{loadmodule mod_foxcontact,­Свяжитесь с нами}</div>
    <div class="span6">{zhyandexmap:1;}</div>
</div>

<div class="row">
    <div class="col-sm-6">{loadmodule mod_foxcontact,­Свяжитесь с нами}</div>
    <div class="col-sm-6">{zhyandexmap:1;}</div>
</div>