Fix for column layout on online retailer and map issue

buy.scss

  .col-sm-4 {
    @include span-columns(3);
    @include media($device) {
      @include span-columns(6);
      text-align: center;
    }
  }

  .map {
    @include span-columns(8);
    @include omega();
    position: relative;
    min-height: 550px;
    margin-top: -50px;
    @include media($device) {
      display: none;
    }
    @include media($ipadpro) {
      //margin-top: -200px;

    }
  }