.project-filters {
    display: block;
}

.filter-btn-container {
    display: none;
}

.project-filters .kb-query-label {
    cursor: pointer;
}

.project-filters .checkbox-options {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.22s ease;
}

.project-filters .kb-query-label.active+.checkbox-options {
    max-height: 100%;
    opacity: 1;
}

@media (min-width: 768px) {
    .project-filters {
        display: none;
    }

    .project-filters.show-filters {
        display: block;
    }

    .filter-btn-container {
        display: block;
    }
}