/* Small mobile phones (e.g., iPhone SE, smaller Androids) - portrait */
@media only screen and (max-width: 375px) {
    /* Styles for screens up to 375px wide */
}

/* Large mobile phones (e.g., iPhone 14/15 Pro Max, larger Androids) - portrait */
@media only screen and (min-width: 376px) and (max-width: 428px) {
    /* Styles for screens between 376px and 428px wide */
}

/* Small tablets (e.g., older iPads, 7-8 inch tablets) */
@media only screen and (min-width: 429px) and (max-width: 768px) {
    /* Styles for screens between 429px and 768px wide */
}

/* Large tablets (e.g., newest iPad Pro 12.9", 10-12 inch tablets) */
@media only screen and (min-width: 769px) and (max-width: 991px) {
    /* Styles for screens between 769px and 991px wide */
}

/* Desktop screens (standard range from 992px to 2000px) */
@media only screen and (min-width: 992px) and (max-width: 2000px) {
    /* Styles for screens between 992px and 2000px wide */
}

/* Widescreen desktop (ultra-wide monitors, 4K+ displays) */
@media only screen and (min-width: 2001px) {
    /* Styles for screens wider than 2000px */
}