.cart-cart {
   .shipping-progress {
      clear: left;
   }

   @media screen and (min-width: $lg) {
      .order-content {
         display: flex;
         float: left;
         width: 100%;
      }

      .summary-sidebar {
         float: right;
      }

      .order-content > div:first-child {
         flex-grow: 1;
      }
   }

   @media screen and (min-width: $lg) and (max-width: $xl) {
      .order-content > div:first-child {
         width: calc(100% - 400px - #{$summary-siderbar-padding-left});
         max-width: 600px;
      }
   }

   @media screen and (max-width: $lg - 1) {
      .btn-prevstep {
         display: none;
      }
   }
}
