img {
	max-width: 100%;
}
@media (max-width: 699.98px) {
	.hide-mobile {
		display: none !important;
	}
}
@media (min-width: 700px) and (max-width: 999.98px) {
	.hide-tablet {
		display: none !important;
	}
}
@media (min-width: 1000px) {
	.hide-desktop {
		display: none !important;
	}
}

.responsive-table {
	max-width: 100%;
	overflow-x: auto;
}

@media (min-width: 900px) {
	.modal { 
		max-width: 90vw;
	}
}
@media (min-width: 1200px) {
	.modal { 
		max-width: 70vw;
	}
}
@media (min-width: 1500px) {
	.modal { 
		max-width: 50vw;
	}
}