/**
 * wupeize-april Responsive Styles
 *
 * @package wupeize-april
 * @since 0.001
 */

/* ==========================================================================
   Breakpoints
   ========================================================================== */

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) {
    /* Small device styles */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container {
        padding: 0 var(--spacing-lg);
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container {
        padding: 0 var(--spacing-xl);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: var(--container-width);
    }
}