.w-10 { width: 10%  !important; }
.w-20 { width: 20%  !important; }
.w-25 { width: 25%  !important; }
.w-30 { width: 30%  !important; }
.w-40 { width: 40%  !important; }
.w-50 { width: 50%  !important; }
.w-50 { width: 50%  !important; }
.w-60 { width: 60%  !important; }
.w-70 { width: 70%  !important; }
.w-75 { width: 75%  !important; }
.w-80 { width: 80%  !important; }
.w-90 { width: 90%  !important; }
.w-100 { width: 100% !important; }

.w-10-mobile {  @include mobile { width: 10%  !important; } }
.w-20-mobile {  @include mobile { width: 20%  !important; } }
.w-25-mobile {  @include mobile { width: 25%  !important; } }
.w-30-mobile {  @include mobile { width: 30%  !important; } }
.w-40-mobile {  @include mobile { width: 40%  !important; } }
.w-50-mobile {  @include mobile { width: 50%  !important; } }
.w-50-mobile {  @include mobile { width: 50%  !important; } }
.w-60-mobile {  @include mobile { width: 60%  !important; } }
.w-70-mobile {  @include mobile { width: 70%  !important; } }
.w-75-mobile {  @include mobile { width: 75%  !important; } }
.w-80-mobile {  @include mobile { width: 80%  !important; } }
.w-90-mobile {  @include mobile { width: 90%  !important; } }
.w-100-mobile {  @include mobile { width: 100% !important; } }

.w-10-tablet {  @include tablet { width: 10%  !important; } }
.w-20-tablet {  @include tablet { width: 20%  !important; } }
.w-25-tablet {  @include tablet { width: 25%  !important; } }
.w-30-tablet {  @include tablet { width: 30%  !important; } }
.w-40-tablet {  @include tablet { width: 40%  !important; } }
.w-50-tablet {  @include tablet { width: 50%  !important; } }
.w-50-tablet {  @include tablet { width: 50%  !important; } }
.w-60-tablet {  @include tablet { width: 60%  !important; } }
.w-70-tablet {  @include tablet { width: 70%  !important; } }
.w-75-tablet {  @include tablet { width: 75%  !important; } }
.w-80-tablet {  @include tablet { width: 80%  !important; } }
.w-90-tablet {  @include tablet { width: 90%  !important; } }
.w-100-tablet {  @include tablet { width: 100% !important; } }

.w-10-desktop {  @include desktop { width: 10%  !important; } }
.w-20-desktop {  @include desktop { width: 20%  !important; } }
.w-25-desktop {  @include desktop { width: 25%  !important; } }
.w-30-desktop {  @include desktop { width: 30%  !important; } }
.w-40-desktop {  @include desktop { width: 40%  !important; } }
.w-50-desktop {  @include desktop { width: 50%  !important; } }
.w-50-desktop {  @include desktop { width: 50%  !important; } }
.w-60-desktop {  @include desktop { width: 60%  !important; } }
.w-70-desktop {  @include desktop { width: 70%  !important; } }
.w-75-desktop {  @include desktop { width: 75%  !important; } }
.w-80-desktop {  @include desktop { width: 80%  !important; } }
.w-90-desktop {  @include desktop { width: 90%  !important; } }
.w-100-desktop {  @include desktop { width: 100% !important; } }

.h-25  { height: 25%  !important; }
.h-50  { height: 50%  !important; }
.h-75  { height: 75%  !important; }
.h-100 { height: 100% !important; }