@media (min-width: 1440px) {

  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 30px;
}

.row {
  --bs-gutter-x: 30px;
}

.gxs-0 {
  --bs-gutter-x: 0px !important;
}

.gx-50 {
  --bs-gutter-x: 50px;

  @media #{$max-laptop} {
    --bs-gutter-x: 30px;
  }
}

.gx-40 {
  --bs-gutter-x: 40px;

  @media #{$max-laptop} {
    --bs-gutter-x: 30px;
  }
}

.gx-60 {
  --bs-gutter-x: 60px;

  @media #{$max-laptop} {
    --bs-gutter-x: 30px;
  }
}

//custom-container
.custom-container {
  max-width: 1520px;
}

.custom-container-1420 {
  max-width: 1420px;
}