/* Small (sm) */
@media (min-width: 576px) {
    .w-sm-10 { width: 10% !important; }
    .w-sm-15 { width: 15% !important; }
    .w-sm-25 { width: 25% !important; }
    .w-sm-50 { width: 50% !important; }
    .w-sm-75 { width: 75% !important; }
    .w-sm-100 { width: 100% !important; }
}

/* Medium (md) */
@media (min-width: 768px) {
    .w-md-10 { width: 10% !important; }
    .w-md-15 { width: 15% !important; }
    .w-md-25 { width: 25% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-75 { width: 75% !important; }
    .w-md-100 { width: 100% !important; }
}

/* Large (lg) */
@media (min-width: 992px) {
    .w-lg-10 { width: 10% !important; }
    .w-lg-15 { width: 15% !important; }
    .w-lg-25 { width: 25% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-75 { width: 75% !important; }
    .w-lg-100 { width: 100% !important; }
}

/* Extra Large (xl) */
@media (min-width: 1200px) {
    .w-xl-10 { width: 10% !important; }
    .w-xl-15 { width: 15% !important; }
    .w-xl-25 { width: 25% !important; }
    .w-xl-50 { width: 50% !important; }
    .w-xl-75 { width: 75% !important; }
    .w-xl-100 { width: 100% !important; }
}