/* Base styles (Desktop default) */
.heading-image,
.heading-sprinkle {
    max-width: 10% !important;
    border-radius: 0px !important;
}

/* Wide Desktop (≥1200px) */
@media only screen and (min-width: 1200px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Ultra-Wide Desktop (≥1720px) */
@media only screen and (min-width: 1720px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Desktop (980px–1199px) */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Tablet (768px–1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Mobile Landscape (768px–880px) */
@media only screen and (min-width: 768px) and (max-width: 880px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Mobile Portrait (≤767px) */
@media only screen and (max-width: 767px) {
    .heading-image,
    .heading-sprinkle {
        max-width: 10% !important;
    }
}

/* Sprinkle specific spacing */
.heading-sprinkle {
    margin-left: 0rem !important;
}