@media (max-width: 1199px) {
	.generic-text .text-columns-4 {
		column-count: 2;
	}
}

@media (max-width: 991px) {
	.generic-text .text-columns-3 {
		column-count: 2;
	}
}

@media (max-width: 767px) {
	.generic-text .text-columns-2,
	.generic-text .text-columns-3,
	.generic-text .text-columns-4 {
	    column-gap: initial;
	}
	.generic-text .text-columns-2,
	.generic-text .text-columns-3,
	.generic-text .text-columns-4 {
		column-count: initial;
	}
	.generic-text table > thead {
		display: none;
	}
	.generic-text table > tbody > tr > td {
		display: block;
		text-align: left;
	}
	.generic-text table > tbody > tr > th {
		text-align: center;
	}
	.generic-text table > tbody > tr > td::before {
		content: attr(data-th); 
		display: block;
		text-align: left;
	}
	.generic-text table > tbody > tr > td[data-th] {
		text-align: center;
	}
	.generic-text table > tbody > tr > td[data-th]::before {
		font-weight: 700;
		text-align: center;
	}
}