.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
  @include breakpoint(xxl) {
    max-width: $main-container + $container-gutters;
    padding-left: $container-padding-left;
    padding-right: $container-padding-right;
  }
}

.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {
  @include breakpoint(xxl) {
    max-width: $main-container + $container-gutters;
    padding-left: $container-padding-left;
    padding-right: $container-padding-right;
  }
  &.header {
    @include breakpoint(xxl) {
      max-width: 1620px + $container-gutters;
      padding-left: $container-padding-left;
      padding-right: $container-padding-right;
    }
  }
  &.large-container {
    @include breakpoint(xxl) {
      max-width: 1680px + $container-gutters;
      padding-left: $container-padding-left;
      padding-right: $container-padding-right;
    }
  }
}
