Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="title">remaining <br> title</div>
<div class="carousel">carousel</div>
<div class="remaining">remaining</div>
<div class="bid">bid<br>sharing</div>
<div class="details">details</div>
<div class="shipping">shipping</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

.title {
  background: red;
  height: 8rem;
}

.carousel {
  background: blue;
  height: 15rem;
}

.remaining {
  background: green;
  height: 3rem;
}

.bid {
  background: pink;
  height: 4rem;
}

.details {
  background: aqua;
  height: 20rem;
}

.shipping {
  background: lavender;
  height: 5rem;
}

@media (min-width: 60rem) {
 div { width: 49.15254%; }
 
.carousel,
.details {
  float: left;
  clear: left;
  margin-right: 1.69492%;
}

.shipping { float: right; position: relative; }

.title,
.remaining,
.bid {
  float: right;
  clear: right;
}

.remaining { display: none; }
}

SassMeister-output.css

.title {
  background: red;
  height: 8rem;
}

.carousel {
  background: blue;
  height: 15rem;
}

.remaining {
  background: green;
  height: 3rem;
}

.bid {
  background: pink;
  height: 4rem;
}

.details {
  background: aqua;
  height: 20rem;
}

.shipping {
  background: lavender;
  height: 5rem;
}

@media (min-width: 60rem) {
  div {
    width: 49.15254%;
  }
  .carousel,
  .details {
    float: left;
    clear: left;
    margin-right: 1.69492%;
  }
  .shipping {
    float: right;
    position: relative;
  }
  .title,
  .remaining,
  .bid {
    float: right;
    clear: right;
  }
  .remaining {
    display: none;
  }
}

SassMeister-rendered.html

<div class="title">remaining <br> title</div>
<div class="carousel">carousel</div>
<div class="remaining">remaining</div>
<div class="bid">bid<br>sharing</div>
<div class="details">details</div>
<div class="shipping">shipping</div>