.bgc-postlist {
	[data-columns] {
		display: grid;
		grid-gap: 40px;
		justify-content: space-between;
		grid-template-columns: repeat(auto-fill, 100%);
	}

	@media only screen and (min-width: 768px) {
		[data-columns='2'] {
			grid-template-columns: repeat(auto-fill, calc(1 / 2 * 100% - (1 - 1 / 2) * 40px));
		}
	}

	@media only screen and (min-width: 992px) {
		[data-columns='3'] {
			grid-template-columns: repeat(auto-fill, calc(1 / 3 * 100% - (1 - 1 / 3) * 40px));
		}

		[data-columns='4'] {
			grid-template-columns: repeat(auto-fill, calc(1 / 4 * 100% - (1 - 1 / 4) * 40px));
		}
	}
}
