<!-- mail form -->
<?if($URI_ID$='page1')?>
<div id="mail-form">
  <h2 class="title1">Форма связи</h2>
  <p class="title-descr">Quisque in quam commodo, lobortis diam eu, dictum sem</p>
  <div class="mf-cnt" data-animated="fadeInUp">
  $MFORM_2$
  </div>
  <div class="soc-btns">
  <a href="#" data-animated="fadeInUp"><i class="fa fa-vk"></i></a>
  <a href="#" data-animated="fadeInUp"><i class="fa fa-facebook"></i></a>
  <a href="#" data-animated="fadeInUp"><i class="fa fa-twitter"></i></a>
  <a href="#" data-animated="fadeInUp"><i class="fa fa-google-plus"></i></a>
  </div>
</div>
<?endif?>
<!-- /mail form -->

<div class="col4 tariff" data-animated="bounceIn"> ... </div>

#prices .cnt {
  max-width: 580px;
  box-sizing: border-box;
}
#prices .col2 {
  width: 48.717948716%;
  margin: 0 2.564102563% 0 0;
  float: left;
}
#prices .col2:nth-child(2n) {
  margin-right: 0;
}
#prices .col2:nth-child(2n+1) {
  cler: left;
}

@media screen and (max-width: 500px) {
  #prices .col2 {
  margin: 0 0 30px 0;
  width: 100%;
  }
}