/*Additional width and height with responsive options*/
.mw-25 {
  max-width: 25% !important;
}

.vw-25 {
  width: 25vw !important;
}

.mw-50 {
  max-width: 50% !important;
}

.vw-50 {
  width: 50vw !important;
}

.mw-75 {
  max-width: 75% !important;
}

.vw-75 {
  width: 75vw !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.mw-auto {
  max-width: auto !important;
}

.vw-auto {
  width: autovw !important;
}

.mw-110 {
  max-width: 110% !important;
}

.vw-110 {
  width: 110vw !important;
}

.mw-120 {
  max-width: 120% !important;
}

.vw-120 {
  width: 120vw !important;
}

.mw-130 {
  max-width: 130% !important;
}

.vw-130 {
  width: 130vw !important;
}

.mw-140 {
  max-width: 140% !important;
}

.vw-140 {
  width: 140vw !important;
}

.mw-150 {
  max-width: 150% !important;
}

.vw-150 {
  width: 150vw !important;
}

.w-40 {
  width: 40% !important;
}
  
  @media (min-width: 576px) {
    .h-sm-20 {
      height: 20% !important;
    }
    .w-sm-20 {
      width: 20% !important;
    }
    .h-sm-25 {
      height: 25% !important;
    }
  
    .w-sm-25 {
      width: 25% !important;
    }
  
    .mw-sm-25 {
      max-width: 25% !important;
    }
  
    .vw-sm-25 {
      width: 25vw;
    }
  
    .h-sm-50 {
      height: 50% !important;
    }
  
    .w-sm-50 {
      width: 50% !important;
    }
  
    .mw-sm-50 {
      max-width: 50% !important;
    }
  
    .vw-sm-50 {
      width: 50vw;
    }
  
    .h-sm-75 {
      height: 75% !important;
    }
  
    .w-sm-75 {
      width: 75% !important;
    }
  
    .mw-sm-75 {
      max-width: 75% !important;
    }
  
    .vw-sm-75 {
      width: 75vw;
    }
  
    .h-sm-100 {
      height: 100% !important;
    }
  
    .w-sm-100 {
      width: 100% !important;
    }
  
    .mw-sm-100 {
      max-width: 100% !important;
    }
  
    .vw-sm-100 {
      width: 100vw;
    }
  
    .h-sm-auto {
      height: auto !important;
    }
  
    .w-sm-auto {
      width: auto !important;
    }
  
    .mw-sm-auto {
      max-width: auto !important;
    }
  
    .vw-sm-auto {
      width: autovw;
    }
  
    .h-sm-110 {
      height: 110% !important;
    }
  
    .w-sm-110 {
      width: 110% !important;
    }
  
    .mw-sm-110 {
      max-width: 110% !important;
    }
  
    .vw-sm-110 {
      width: 110vw;
    }
  
    .h-sm-120 {
      height: 120% !important;
    }
  
    .w-sm-120 {
      width: 120% !important;
    }
  
    .mw-sm-120 {
      max-width: 120% !important;
    }
  
    .vw-sm-120 {
      width: 120vw;
    }
  
    .h-sm-130 {
      height: 130% !important;
    }
  
    .w-sm-130 {
      width: 130% !important;
    }
  
    .mw-sm-130 {
      max-width: 130% !important;
    }
  
    .vw-sm-130 {
      width: 130vw;
    }
  
    .h-sm-140 {
      height: 140% !important;
    }
  
    .w-sm-140 {
      width: 140% !important;
    }
  
    .mw-sm-140 {
      max-width: 140% !important;
    }
  
    .vw-sm-140 {
      width: 140vw;
    }
  
    .h-sm-150 {
      height: 150% !important;
    }
  
    .w-sm-150 {
      width: 150% !important;
    }
  
    .mw-sm-150 {
      max-width: 150% !important;
    }
  
    .vw-sm-150 {
      width: 150vw;
    }
  }
  @media (min-width: 768px) {
    .h-md-20 {
      height: 20% !important;
    }
    .w-md-20 {
      width: 20% !important;
    }
    .h-md-25 {
      height: 25% !important;
    }
  
    .w-md-25 {
      width: 25% !important;
    }
  
    .mw-md-25 {
      max-width: 25% !important;
    }
  
    .vw-md-25 {
      width: 25vw;
    }
  
    .h-md-50 {
      height: 50% !important;
    }
  
    .w-md-50 {
      width: 50% !important;
    }
  
    .mw-md-50 {
      max-width: 50% !important;
    }
  
    .vw-md-50 {
      width: 50vw;
    }
  
    .h-md-75 {
      height: 75% !important;
    }
  
    .w-md-75 {
      width: 75% !important;
    }
  
    .mw-md-75 {
      max-width: 75% !important;
    }
  
    .vw-md-75 {
      width: 75vw;
    }
  
    .h-md-100 {
      height: 100% !important;
    }
  
    .w-md-100 {
      width: 100% !important;
    }
  
    .mw-md-100 {
      max-width: 100% !important;
    }
  
    .vw-md-100 {
      width: 100vw;
    }
  
    .h-md-auto {
      height: auto !important;
    }
  
    .w-md-auto {
      width: auto !important;
    }
  
    .mw-md-auto {
      max-width: auto !important;
    }
  
    .vw-md-auto {
      width: autovw;
    }
  
    .h-md-110 {
      height: 110% !important;
    }
  
    .w-md-110 {
      width: 110% !important;
    }
  
    .mw-md-110 {
      max-width: 110% !important;
    }
  
    .vw-md-110 {
      width: 110vw;
    }
  
    .h-md-120 {
      height: 120% !important;
    }
  
    .w-md-120 {
      width: 120% !important;
    }
  
    .mw-md-120 {
      max-width: 120% !important;
    }
  
    .vw-md-120 {
      width: 120vw;
    }
  
    .h-md-130 {
      height: 130% !important;
    }
  
    .w-md-130 {
      width: 130% !important;
    }
  
    .mw-md-130 {
      max-width: 130% !important;
    }
  
    .vw-md-130 {
      width: 130vw;
    }
  
    .h-md-140 {
      height: 140% !important;
    }
  
    .w-md-140 {
      width: 140% !important;
    }
  
    .mw-md-140 {
      max-width: 140% !important;
    }
  
    .vw-md-140 {
      width: 140vw;
    }
  
    .h-md-150 {
      height: 150% !important;
    }
  
    .w-md-150 {
      width: 150% !important;
    }
  
    .mw-md-150 {
      max-width: 150% !important;
    }
  
    .vw-md-150 {
      width: 150vw;
    }
  }
  @media (min-width: 992px) {
    .h-lg-20 {
      height: 20% !important;
    }
    .w-lg-20 {
      width: 20% !important;
    }
    .h-lg-25 {
      height: 25% !important;
    }
  
    .w-lg-25 {
      width: 25% !important;
    }
  
    .mw-lg-25 {
      max-width: 25% !important;
    }
  
    .vw-lg-25 {
      width: 25vw;
    }
  
    .h-lg-50 {
      height: 50% !important;
    }
  
    .w-lg-50 {
      width: 50% !important;
    }
  
    .mw-lg-50 {
      max-width: 50% !important;
    }
  
    .vw-lg-50 {
      width: 50vw;
    }
  
    .h-lg-75 {
      height: 75% !important;
    }
  
    .w-lg-75 {
      width: 75% !important;
    }
  
    .mw-lg-75 {
      max-width: 75% !important;
    }
  
    .vw-lg-75 {
      width: 75vw;
    }
  
    .h-lg-100 {
      height: 100% !important;
    }
  
    .w-lg-100 {
      width: 100% !important;
    }
  
    .mw-lg-100 {
      max-width: 100% !important;
    }
  
    .vw-lg-100 {
      width: 100vw;
    }
  
    .h-lg-auto {
      height: auto !important;
    }
  
    .w-lg-auto {
      width: auto !important;
    }
  
    .mw-lg-auto {
      max-width: auto !important;
    }
  
    .vw-lg-auto {
      width: autovw;
    }
  
    .h-lg-110 {
      height: 110% !important;
    }
  
    .w-lg-110 {
      width: 110% !important;
    }
  
    .mw-lg-110 {
      max-width: 110% !important;
    }
  
    .vw-lg-110 {
      width: 110vw;
    }
  
    .h-lg-120 {
      height: 120% !important;
    }
  
    .w-lg-120 {
      width: 120% !important;
    }
  
    .mw-lg-120 {
      max-width: 120% !important;
    }
  
    .vw-lg-120 {
      width: 120vw;
    }
  
    .h-lg-130 {
      height: 130% !important;
    }
  
    .w-lg-130 {
      width: 130% !important;
    }
  
    .mw-lg-130 {
      max-width: 130% !important;
    }
  
    .vw-lg-130 {
      width: 130vw;
    }
  
    .h-lg-140 {
      height: 140% !important;
    }
  
    .w-lg-140 {
      width: 140% !important;
    }
  
    .mw-lg-140 {
      max-width: 140% !important;
    }
  
    .vw-lg-140 {
      width: 140vw;
    }
  
    .h-lg-150 {
      height: 150% !important;
    }
  
    .w-lg-150 {
      width: 150% !important;
    }
  
    .mw-lg-150 {
      max-width: 150% !important;
    }
  
    .vw-lg-150 {
      width: 150vw;
    }
  }
  @media (min-width: 1200px) {
    .h-xl-20 {
      height: 20% !important;
    }
    .w-xl-20 {
      width: 20% !important;
    }
    .h-xl-25 {
      height: 25% !important;
    }
  
    .w-xl-25 {
      width: 25% !important;
    }
  
    .mw-xl-25 {
      max-width: 25% !important;
    }
  
    .vw-xl-25 {
      width: 25vw;
    }
  
    .h-xl-50 {
      height: 50% !important;
    }
  
    .w-xl-50 {
      width: 50% !important;
    }
  
    .mw-xl-50 {
      max-width: 50% !important;
    }
  
    .vw-xl-50 {
      width: 50vw;
    }
  
    .h-xl-75 {
      height: 75% !important;
    }
  
    .w-xl-75 {
      width: 75% !important;
    }
  
    .mw-xl-75 {
      max-width: 75% !important;
    }
  
    .vw-xl-75 {
      width: 75vw;
    }
  
    .h-xl-100 {
      height: 100% !important;
    }
  
    .w-xl-100 {
      width: 100% !important;
    }
  
    .mw-xl-100 {
      max-width: 100% !important;
    }
  
    .vw-xl-100 {
      width: 100vw;
    }
  
    .h-xl-auto {
      height: auto !important;
    }
  
    .w-xl-auto {
      width: auto !important;
    }
  
    .mw-xl-auto {
      max-width: auto !important;
    }
  
    .vw-xl-auto {
      width: autovw;
    }
  
    .h-xl-110 {
      height: 110% !important;
    }
  
    .w-xl-110 {
      width: 110% !important;
    }
  
    .mw-xl-110 {
      max-width: 110% !important;
    }
  
    .vw-xl-110 {
      width: 110vw;
    }
  
    .h-xl-120 {
      height: 120% !important;
    }
  
    .w-xl-120 {
      width: 120% !important;
    }
  
    .mw-xl-120 {
      max-width: 120% !important;
    }
  
    .vw-xl-120 {
      width: 120vw;
    }
  
    .h-xl-130 {
      height: 130% !important;
    }
  
    .w-xl-130 {
      width: 130% !important;
    }
  
    .mw-xl-130 {
      max-width: 130% !important;
    }
  
    .vw-xl-130 {
      width: 130vw;
    }
  
    .h-xl-140 {
      height: 140% !important;
    }
  
    .w-xl-140 {
      width: 140% !important;
    }
  
    .mw-xl-140 {
      max-width: 140% !important;
    }
  
    .vw-xl-140 {
      width: 140vw;
    }
  
    .h-xl-150 {
      height: 150% !important;
    }
  
    .w-xl-150 {
      width: 150% !important;
    }
  
    .mw-xl-150 {
      max-width: 150% !important;
    }
  
    .vw-xl-150 {
      width: 150vw;
    }
}
/*Additional width and height with responsive options*/
.mw--25 {
  min-width: 25% !important;
}
.mw--50 {
  min-width: 50% !important;
}
.mw--75 {
  min-width: 75% !important;
}
.mw--100 {
  min-width: 100% !important;
}
.mw--110 {
  min-width: 110% !important;
}
.mw--120 {
  min-width: 120% !important;
}
.mw--130 {
  min-width: 130% !important;
}
.mw--140 {
  min-width: 140% !important;
}
.mw--150 {
  min-width: 150% !important;
}