/* Unter sm (<576px) */
@media (max-width: 575.98px) {
  .px-under-sm-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .px-under-sm-2 { padding-left: 0.5rem !important;  padding-right: 0.5rem !important;  }
  .px-under-sm-3 { padding-left: 1rem !important;    padding-right: 1rem !important;    }
  .px-under-sm-4 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important;  }
  .px-under-sm-5 { padding-left: 3rem !important;    padding-right: 3rem !important;    }
}

/* Unter md (<768px) */
@media (max-width: 767.98px) {
  .px-under-md-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .px-under-md-2 { padding-left: 0.5rem !important;  padding-right: 0.5rem !important;  }
  .px-under-md-3 { padding-left: 1rem !important;    padding-right: 1rem !important;    }
  .px-under-md-4 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important;  }
  .px-under-md-5 { padding-left: 3rem !important;    padding-right: 3rem !important;    }
}

/* Unter lg (<992px) */
@media (max-width: 991.98px) {
  .px-under-lg-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .px-under-lg-2 { padding-left: 0.5rem !important;  padding-right: 0.5rem !important;  }
  .px-under-lg-3 { padding-left: 1rem !important;    padding-right: 1rem !important;    }
  .px-under-lg-4 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important;  }
  .px-under-lg-5 { padding-left: 3rem !important;    padding-right: 3rem !important;    }
}

/* Unter xl (<1200px) */
@media (max-width: 1199.98px) {
  .px-under-xl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .px-under-xl-2 { padding-left: 0.5rem !important;  padding-right: 0.5rem !important;  }
  .px-under-xl-3 { padding-left: 1rem !important;    padding-right: 1rem !important;    }
  .px-under-xl-4 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important;  }
  .px-under-xl-5 { padding-left: 3rem !important;    padding-right: 3rem !important;    }
}

/* Unter xxl (<1400px) */
@media (max-width: 1399.98px) {
  .px-under-xxl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .px-under-xxl-2 { padding-left: 0.5rem !important;  padding-right: 0.5rem !important;  }
  .px-under-xxl-3 { padding-left: 1rem !important;    padding-right: 1rem !important;    }
  .px-under-xxl-4 { padding-left: 1.5rem !important;  padding-right: 1.5rem !important;  }
  .px-under-xxl-5 { padding-left: 3rem !important;    padding-right: 3rem !important;    }
}

.swiper-wrapper {
    width: 50% !important;
}