<div class="row">
  <!-- Prices box 1 -->
  <div class="col-12 col-lg-4">
    <div class="prices-box">
      <h6 class="font-family-tertiary font-small font-weight-normal uppercase">Personal</h6>
      <div class="price">
        <h1 class="font-weight-normal">19<span>/mo</span></h1>
      </div>
      <div class="price-features">
        <ul>
          <li>Unlimited User</li>
          <li>Unlimited Storage</li>
          <li>24/7 Support</li>
        </ul>
      </div>
      <a class="button button-md button-dark button-rounded" href="#">Order Now</a>
    </div>
  </div>
  
  <!-- Prices box 2 -->
  <div class="col-12 col-lg-4">
    <div class="prices-box prices-box-recommended">
      ...
    </div>
  </div>

  <!-- Prices box 3 -->
  <div class="col-12 col-lg-4">
    <div class="prices-box">
      ...
    </div>
  </div>
</div><!-- end row -->