.w-xs-10 {
  width: 10% !important;
}

.w-15,
.w-xs-15 {
  width: 15% !important;
}

.w-20,
.w-xs-20 {
  width: 20% !important;
}

.w-30,
.w-xs-30 {
  width: 30% !important;
}

.w-40,
.w-xs-40 {
  width: 40% !important;
}

.w-60,
.w-xs-60 {
  width: 60% !important;
}

.w-70,
.w-xs-70 {
  width: 70% !important;
}

.w-90,
.w-xs-90 {
  width: 90% !important;
}

/* BREAKPOINTS */
/* SM breakpoint */
@media (min-width: 576px) {
  /* CUSTOM WIDTHS */
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
}
/* MD breakpoint*/
@media (min-width: 768px) {
  /* CUSTOM WIDTHS */
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
}
/* LG breakpoint */
@media (min-width: 992px) {
  /* CUSTOM WIDTHS */
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}/*# sourceMappingURL=sd.css.map */