/* Custom width utilities */
.w-10 {
    width: 10%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-33 {
    width: 33.33%;
}

.w-50 {
    width: 50%;
}

.w-66 {
    width: 66.66%;
}

.w-75 {
    width: 75%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}

/* Responsive width utilities */
.w-sm-50 {
    width: 50%;
}

.w-md-50 {
    width: 50%;
}

.w-lg-50 {
    width: 50%;
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .w-md-50 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: 50%;
    }
}