$grid-gutter-width: 10px;

@import "patch-bootstrap";

// Bootstrap 5.0 Grid
@import "~bootstrap/scss/bootstrap-grid";

/**
 * Grid Modifications Start Here
 */
@include media-breakpoint-down(lg) {
  .container {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

main.checkoutwc .woocommerce-checkout .row {
  display: flex;
}

// Tame Bootstrap 5.x max container width
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}