/* Extra small (xs) - sin media query */
.w-xs-25 { width: 25% !important; }
.w-xs-50 { width: 50% !important; }
.w-xs-65 { width: 65% !important; }
.w-xs-75 { width: 75% !important; }
.w-xs-100 { width: 100% !important; }

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

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

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

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

/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  .w-xxl-25 { width: 25% !important; }
  .w-xxl-50 { width: 50% !important; }
  .w-xxl-65 { width: 65% !important; }
  .w-xxl-75 { width: 75% !important; }
  .w-xxl-100 { width: 100% !important; }
}