Bootstrap pull and push: Float right div to top on mobile view

Question

<div class="container-fluid">
 <div class="row">
  <div class="col-md-5 col-md-push-7">
    pull right
  </div>

  <div class="col-md-7 col-md-pull-5">
    push left
  </div>
 </div>
</div>

Answer 1

<div>
  <div class="m-map col-md-8 col-sm-5 col-md-push-4 col-sm-push-7">
    <div>1</div>
  </div>
  <div class="m-map col-md-4 col-sm-7 col-md-pull-8 col-sm-pull-5">
   <div>2</div>
  </div>
</div>