.hideonxs {
	@include media-breakpoint-only(xs) {
		display: none !important;
	}
}

.hideonsm {
	@include media-breakpoint-only(sm) {
		display: none !important;
	}
}

.hideonmd {
	@include media-breakpoint-only(md) {
		display: none !important;
	}
}

.hideonlg {
	@include media-breakpoint-only(lg) {
		display: none !important;
	}
}

.hideonxl {
	@include media-breakpoint-only(xl) {
		display: none !important;
	}
}

.hideonxxl {
	@include media-breakpoint-only(xxl) {
		display: none !important;
	}
}
.w-auto\@sm {
	@include media-breakpoint-up(sm) {
		width: auto !important;
	}
}
.w-auto\@md {
	@include media-breakpoint-up(md) {
		width: auto !important;
	}
}
.w-auto\@lg {
	@include media-breakpoint-up(lg) {
		width: auto !important;
	}
}
.w-auto\@xl {
	@include media-breakpoint-up(xl) {
		width: auto !important;
	}
}
.w-auto\@xxl {
	@include media-breakpoint-up(xxl) {
		width: auto !important;
	}
}