@use "../variables";
/*------ Width -------*/

.wd-5 {
	width: 5% !important;
}
.w-10 {
	width: 10% !important;
}
.w-15 {
	width: 15% !important;
}
.w-20 {
	width: 20% !important;
}
.w-25 {
	width: 25% !important;
}
.w-30 {
	width: 30% !important;
}
.w-35 {
	width: 35% !important;
}
.w-40 {
	width: 40% !important;
}
.w-45 {
	width: 45% !important;
}
.w-50 {
	width: 50% !important;
}
.w-55 {
	width: 55% !important;
}
.w-60 {
	width: 60% !important;
}
.w-65 {
	width: 65% !important;
}
.w-70 {
	width: 70% !important;
}
.w-75 {
	width: 75% !important;
}
.w-80 {
	width: 80% !important;
}
.w-85 {
	width: 85% !important;
}
.w-90 {
	width: 90% !important;
}
.w-95 {
	width: 95% !important;
}
.w-100 {
	width: 100% !important;
}
.w-150 {
	width: 150% !important;
}
.w-200 {
	width: 200% !important;
}
.w-auto {
	width: auto !important;
}
.w-0 {
	width: 0 !important;
}
.w-1 {
	width: 0.25rem !important;
}
.w-2 {
	width: 0.5rem !important;
}
.w-3 {
	width: 0.75rem !important;
}
.w-4 {
	width: 1rem !important;
}
.w-5 {
	width: 1.5rem !important;
}
.w-6 {
	width: 2rem !important;
}
.w-7 {
	width: 3rem !important;
}
.w-8 {
	width: 4rem !important;
}
.w-9 {
	width: 6rem !important;
}
.w-100h {
	width: 100px !important;
}
.w-200 {
	width: 200px !important;
}
.w-250 {
	width: 250px !important;
}
.w-300 {
	width: 300px !important;
}
.w-350 {
	width: 350px !important;
}
.w-400 {
	width: 400px !important;
}
.w-450 {
	width: 450px !important;
}
.w-500 {
	width: 500px !important;
}
.mw-100 {
	max-width: 100% !important;
}
.w-200 {
	width: 200px;
  }
.mw-10 {
	min-width: 10rem !important;
}
.mw-12 {
	min-width: 12rem !important;
}
@media (max-width:1400px) {
	.w-lg-max-30 {
		width: 30% !important;
	}
}
@media (max-width:991.98px) {
	.w-md-max-20 {
		width: 20% !important;
	}
	.w-md-max-70 {
		width: 70% !important;
	}
}

@media (min-width:992px) {
	.w-lg-90 {
		width: 90% !important;
	}
}
@media(min-width:768px) and (max-width:991.98px) {
	.w-md-lg-85 {
		width: 85% !important;
	}
}