.checkout-index-index {
  .page-wrapper .content-beyerdynamic {
    .lt-lg({ padding-top: @default--space * 8; });

    .page-main {
      .lg({ margin-top: @default--space * 6; });

      .gt-xl({ margin-top: @default--space * 8; });

      > .columns .column.main {
        .gt-lg({ padding: @default--space * 2; });
      }
    }
  }

  .checkout-container {
    .step-title {
      .h6;

      .gt-lg({ .h4; });
    }
  }

  .opc-wrapper,
  .opc-sidebar {
    .gt-md({ float: left; width: 50%; });
  }

  .opc-wrapper {
    .gt-md({ padding-right: @default--space; });
  }
}