/* sample */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}

/* Atomic interaction ownership. Keep pointer event policy visible as one CSSClass row. */
.pointer-events-auto { pointer-events: auto !important; }
.pointer-events-none { pointer-events: none !important; }
@media (min-width: 576px) {
    .pointer-events-sm-auto { pointer-events: auto !important; }
    .pointer-events-sm-none { pointer-events: none !important; }
}
@media (min-width: 768px) {
    .pointer-events-md-auto { pointer-events: auto !important; }
    .pointer-events-md-none { pointer-events: none !important; }
}
@media (min-width: 992px) {
    .pointer-events-lg-auto { pointer-events: auto !important; }
    .pointer-events-lg-none { pointer-events: none !important; }
}
@media (min-width: 1200px) {
    .pointer-events-xl-auto { pointer-events: auto !important; }
    .pointer-events-xl-none { pointer-events: none !important; }
}
@media (min-width: 1400px) {
    .pointer-events-xxl-auto { pointer-events: auto !important; }
    .pointer-events-xxl-none { pointer-events: none !important; }
}