@charset "UTF-8";
/**
 * Stosowane jednostki wielkości wzorowane na Bootstrap:
 *
 * xs - Extra small devices, Portrait phones (<544px)
 * sm - Small devices, Landscape phones (≥544px - <768px) - iPhone portrait
 * md - Medium devices, Tablets (≥768px - <992px) - iPad portrait
 * lg - Large devices, Desktops (≥992px - <1200px)
 * xl - Extra large devices, Desktops (≥1200px)
*/
/**
 * Mixiny pozwalające ukrywać elementy poniżej danej rozdzielczości ekranu.
 */
/**
 * Klasy CSS pozwalające ukrywać elementy poniżej danej rozdzielczości ekranu.
 */
@media (max-width: 479px) {
  .hide-below-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide-below-sm {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hide-below-md {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hide-below-lg {
    display: none !important;
  }
}

/**
 * Mixiny pozwalające ukrywać elementy powyżej danej rozdzielczości ekranu.
 */
/**
 * Klasy CSS pozwalające ukrywać elementy powyżej danej rozdzielczości ekranu.
 */
@media (min-width: 480px) {
  .hide-above-xs {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide-above-sm {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hide-above-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hide-above-lg {
    display: none !important;
  }
}

/**
 * Mixiny pozwalające pokazywać elementy poniżej danej rozdzielczości ekranu.
 */
/**
 * Klasy CSS pozwalające pokazywać elementy poniżej danej rozdzielczości ekranu.
 */
@media (max-width: 479px) {
  .show-below-xs {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .show-below-sm {
    display: block !important;
  }
}

@media (max-width: 991px) {
  .show-below-md {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .show-below-lg {
    display: block !important;
  }
}

/**
 * Mixiny pozwalające pokazywać elementy powyżej danej rozdzielczości ekranu.
 */
/**
 * Klasy CSS pozwalające pokazywać elementy powyżej danej rozdzielczości ekranu.
 */
@media (min-width: 480px) {
  .show-from-xs {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .show-from-sm {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .show-from-md {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .show-from-lg {
    display: block !important;
  }
}

/*# sourceMappingURL=responsive-design.css.map */