@import "variables";

// Visibility utilities

.visible-xs {
  .responsive-invisibility();
  @media (max-width: @screen-xs-max) {
    .responsive-visibility();
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-sm {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .responsive-visibility();
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-md {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .responsive-visibility();
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-lg {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
    .responsive-visibility();
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-xlg {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
    .responsive-visibility();
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-fhd {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
    .responsive-visibility();
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-rt {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
    .responsive-visibility();
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-rt15 {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
    .responsive-visibility();
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-uhd {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
    .responsive-visibility();
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-4k {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
    .responsive-visibility();
  }
  &.visible-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-visibility();
    }
  }
}

.visible-8k {
  .responsive-invisibility();
  &.visible-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-visibility();
    }
  }
  &.visible-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-visibility();
    }
  }
  &.visible-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-visibility();
    }
  }
  &.visible-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-visibility();
    }
  }
  &.visible-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-visibility();
    }
  }
  &.visible-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-visibility();
    }
  }
  &.visible-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-visibility();
    }
  }
  &.visible-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-visibility();
    }
  }
  &.visible-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-visibility();
    }
  }
  @media (min-width: @screen-8k-min) {
    .responsive-visibility();
  }
}

// Hidden Utilities
.hidden-xs {
  .responsive-visibility();
  @media (max-width: @screen-xs-max) {
    .responsive-invisibility();
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-sm {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .responsive-invisibility();
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-md {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .responsive-invisibility();
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-lg {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
    .responsive-invisibility();
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-xlg {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
    .responsive-invisibility();
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-fhd {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
    .responsive-invisibility();
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-rt {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
    .responsive-invisibility();
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-rt15 {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
    .responsive-invisibility();
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-uhd {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
    .responsive-invisibility();
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-4k {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
    .responsive-invisibility();
  }
  &.hidden-8k {
    @media (min-width: @screen-8k-min) {
      .responsive-invisibility();
    }
  }
}
.hidden-8k {
  .responsive-visibility();
  &.hidden-xs {
    @media (max-width: @screen-xs-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-sm {
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-md {
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-lg {
    @media (min-width: @screen-lg-min) and (max-width: @screen-lg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-xlg {
    @media (min-width: @screen-xlg-min) and (max-width: @screen-xlg-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-fhd {
    @media (min-width: @screen-fhd-min) and (max-width: @screen-fhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt {
    @media (min-width: @screen-rt-min) and (max-width: @screen-rt-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-rt15 {
    @media (min-width: @screen-rt15-min) and (max-width: @screen-rt15-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-uhd {
    @media (min-width: @screen-uhd-min) and (max-width: @screen-uhd-max) {
      .responsive-invisibility();
    }
  }
  &.hidden-4k {
    @media (min-width: @screen-4k-min) and (max-width: @screen-4k-max) {
      .responsive-invisibility();
    }
  }
  @media (min-width: @screen-8k-min) {
    .responsive-invisibility();
  }
}
