

	:root {

		--columns: 6;

	}

	.section .baps .bav {

		width: calc(100% / 6);

	}

	@media( max-width: 1200px) {

		.section .baps[data-cols="10"] .bav,

		.section .baps[data-cols="9"] .bav {

			width: calc(100% / 7);

		}

	}

	@media( max-width: 1100px) {

		.section .baps[data-cols="10"] .bav2,

		.section .baps[data-cols="9"] .bav2,

		.section .baps[data-cols="8"] .bav2,

		.section .baps[data-cols="7"] .bav2,

		.section .baps[data-cols="6"] .bav2,

		.section .baps[data-cols="5"] .bav2 {

			width: calc(100% / 4);

		}

	}

	@media( max-width: 950px) {

		.section .baps[data-cols="10"] .bav,

		.section .baps[data-cols="9"] .bav {

			width: calc(100% / 5);

		}

		.section .baps[data-cols="8"] .bav,

		.section .baps[data-cols="7"] .bav,

		.section .baps[data-cols="6"] .bav {

			width: calc(100% / 4);

		}

		.section .baps[data-cols="8"] .bav2,

		.section .baps[data-cols="7"] .bav2,

		.section .baps[data-cols="6"] .bav2 {

			width: calc(100% / 3);

		}

	}

	@media( max-width: 750px) {

		.section .baps[data-cols="10"] .bav,

		.section .baps[data-cols="9"] .bav {

			width: calc(100% / 4);

		}

		.section .baps[data-cols="8"] .bav2,

		.section .baps[data-cols="7"] .bav2,

		.section .baps[data-cols="6"] .bav2,

		.section .baps[data-cols="5"] .bav2,

		.section .baps[data-cols="6"] .bav {

			width: calc(100% / 3);

		}

	}

		@media( max-width: 650px) {

			.section .baps[data-cols="10"] .bav,

			.section .baps[data-cols="9"] .bav,

			.section .baps[data-cols="8"] .bav,

			.section .baps[data-cols="7"] .bav,

			.section .baps[data-cols="6"] .bav,

			.section .baps[data-cols="5"] .bav,

			.section .baps[data-cols="4"] .bav,

			.section .baps[data-cols="3"] .bav {

				width: calc(100% / 3);

			}

		}

	