/*
xxs > 0 && <= 438
xs > 0 && <= 768
smx >=576 && < 768
sm >= 768 && < 992
md >= 992 && < 1200
lg >= 1200

.hide-width,.hide-height,.hide-max-width,.hide-max-height - classes that allow for css width animations
*/

@import "./ack-sizes";


@media (max-width: 437px) {
  .hide-xxs, .hidden-xxs {
    display: none !important;
  }
  .hide-width-xxs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-xxs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-xxs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-xxs{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 767px) {
  .hide-xs, .hidden-xs {
    display: none !important;
  }
  .hide-width-xs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-xs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-xs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-xs{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .hide-smx, .hidden-smx {
    display: none !important;
  }
  .hide-width-smx{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-smx{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-smx{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-smx{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hide-sm, .hidden-sm {
    display: none !important;
  }
  .hide-width-sm{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-sm{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-sm{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-sm{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-md, .hidden-md {
    display: none !important;
  }
  .hide-width-md{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-md{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-md{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-md{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (min-width: 1200px) {
  .hide-lg, .hidden-lg {
    display: none !important;
  }
  .hide-width-lg{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lg{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lg{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lg{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media print {
  .print-no-bg{
    background-color:transparent !important;
  }

  .hide-print, .hidden-print {
    display: none !important;
  }
}


/* HIDDEN ABOVES */
@media (min-width: 439px) {
  .hide-gt-xxs, .hide-above-xxs, .hidden-above-xxs {
    display: none !important;
  }
  .hide-width-gt-xxs, .hide-width-above-xxs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-gt-xxs, .hide-height-above-xxs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-gt-xxs, .hide-max-width-above-xxs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-gt-xxs, .hide-max-height-above-xxs{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (min-width: 769px) {
  .hide-gt-xs, .hide-above-xs, .hidden-above-xs {
    display: none !important;
  }
  .hide-width-gt-xs, .hide-width-above-xs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-gt-xs, .hide-height-above-xs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-gt-xs, .hide-max-width-above-xs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-gt-xs, .hide-max-height-above-xs{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (min-width: 577px) {
  .hide-gt-smx, .hide-above-smx, .hidden-above-smx {
    display: none !important;
  }
  .hide-width-gt-smx, .hide-width-above-smx{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-gt-smx, .hide-height-above-smx{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-gt-smx, .hide-max-width-above-smx{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-gt-smx, .hide-max-height-above-smx{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (min-width: $px-sm) {
  .hide-gt-sm, .hide-above-sm, .hidden-above-sm{
    display: none !important;
  }
  .hide-width-gt-sm, .hide-width-above-sm{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-gt-sm, .hide-height-above-sm{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-gt-sm, .hide-max-width-above-sm{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-gt-sm, .hide-max-height-above-sm{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (min-width: $px-md) {
  .hide-gt-md, .hide-above-md, .hidden-above-md{
    display: none !important;
  }
  .hide-width-gt-md, .hide-width-above-md{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-gt-md, .hide-height-above-md{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-gt-md, .hide-max-width-above-md{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-gt-md, .hide-max-height-above-md{
    max-height:0 !important;overflow:hidden !important;
  }
}


/* HIDDEN BELOWS */
@media (max-width: 439px) {
  .hide-lte-xxs, .hidden-lte-xxs {
    display: none !important;
  }
  .hide-width-lte-md{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lte-md{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lte-md{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lte-md{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 437px) {
  .hide-lt-xxs, .hide-below-xxs, .hidden-below-xxs, .hidden-lt-xxs {
    display: none !important;
  }
  .hide-width-lt-xxs, .hide-width-below-xxs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lt-xxs, .hide-height-below-xxs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lt-xxs, .hide-max-width-below-xxs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lt-xxs, .hide-max-height-below-xxs{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (max-width: 769px) {
  .hide-lte-xs, .hidden-lte-xs{
    display: none !important;
  }
  .hide-width-lte-xs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lte-xs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lte-xs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lte-xs{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 767px) {
  .hide-lt-xs, .hide-below-xs, .hidden-below-xs, .hidden-lt-xs {
    display: none !important;
  }
  .hide-width-lt-xs, .hide-width-below-xs{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lt-xs, .hide-height-below-xs{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lt-xs, .hide-max-width-below-xs{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lt-xs, .hide-max-height-below-xs{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (max-width: 577px) {
  .hide-lte-smx, .hidden-lte-smx{
    display: none !important;
  }
  .hide-width-lte-smx{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lte-smx{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lte-smx{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lte-smx{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 575px) {
  .hide-lt-smx, .hide-below-smx, .hidden-below-smx, .hidden-lt-smx {
    display: none !important;
  }
  .hide-width-lt-smx, .hide-width-below-smx{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lt-smx, .hide-height-below-smx{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lt-smx, .hide-max-width-below-smx{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lt-smx, .hide-max-height-below-smx{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (max-width: 993px) {
  .hide-lte-sm, .hidden-lte-sm{
    display: none !important;
  }
  .hide-width-lte-sm{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lte-sm{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lte-sm{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lte-sm{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 991px) {
  .hide-lt-sm, .hide-below-sm, .hidden-below-sm, .hidden-lt-sm{
    display: none !important;
  }
  .hide-width-lt-sm, .hide-width-below-sm{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lt-sm, .hide-height-below-sm{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lt-sm, .hide-max-width-below-sm{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lt-sm, .hide-max-height-below-sm{
    max-height:0 !important;overflow:hidden !important;
  }
}

@media (max-width: 1201px) {
  .hide-lte-md, .hidden-lte-md{
    display: none !important;
  }
  .hide-width-lte-md{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lte-md{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lte-md{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lte-md{
    max-height:0 !important;overflow:hidden !important;
  }
}
@media (max-width: 1199px) {
  .hide-lt-md, .hide-below-md, .hidden-below-md, .hidden-lt-md{
    display: none !important;
  }
  .hide-width-lt-md, .hide-width-below-md{
    width:0 !important;overflow:hidden !important;
  }
  .hide-height-lt-md, .hide-height-below-md{
    height:0 !important;overflow:hidden !important;
  }
  .hide-max-width-lt-md, .hide-max-width-below-md{
    max-width:0 !important;overflow:hidden !important;
  }
  .hide-max-height-lt-md, .hide-max-height-below-md{
    max-height:0 !important;overflow:hidden !important;
  }
}