TemplateStyle:RCol.css

/* Responsive column templates */
.rcol {
	width: 100%;
	display: grid;
	column-gap: 15px;
}
@media only screen and (min-width: 768px) {
	.rcol2 { grid-template-columns: 1fr 1fr; }
	.rcol3 { grid-template-columns: 1fr 1fr 1fr; }
	.rcol4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
	.rcol5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
	.rcol6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
	.rcol7 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
}
@media only screen and (max-width: 767px) {
	.rcol2,	.rcol3,	.rcol4,	.rcol5,	.rcol6,	.rcol7 { grid-template-columns: 1fr; }
}