: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);
    }
}