.select-groups, .select-subgroups {
    gap: 8px;
}

.select-groups > .select-group,
.select-subgroups > .select-group,
.subgroup-item,
.select-subgroup {
    box-sizing: border-box;
}

.subgroup-item {
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .groups-location .select-groups > .select-group,
    .groups-location .select-subgroups > .select-group,
    .groups-location .subgroup-item,
    .groups-location .select-subgroup {
        width: calc(25% - 8px);
    }
}

@media (max-width: 1023px) {
    .groups-location .select-groups > .select-group,
    .groups-location .select-subgroups > .select-group,
    .groups-location .subgroup-item,
    .groups-location .select-subgroup {
        width: calc(33.333% - 8px);
    }
}

@media (max-width: 767px) {
    .groups-location .select-groups > .select-group,
    .groups-location .select-subgroups > .select-group,
    .groups-location .subgroup-item,
    .groups-location .select-subgroup {
        width: calc(50% - 8px);
    }
}