<style>
    .lib-container {
        width: 100%;
        padding-top: 10px;
    }

    .lib-categories {
        padding-bottom: 15px;
    }

    .lib-categories .cat.active {
        background-color: #9f9fa1;
        color: #fff
    }

    .lib-categories .cat {
        background-color: #f2f2f5;
        color: #000;
        display: block;
        text-align: left;
        padding-left: 15px;
    }

    .lib-categories > button {
        position: relative;
        width: 100%;
        padding: 4px;
        border-style: none;
    }

    .lib-item {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .lib-item > img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .lib-item > a {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lib-subcategories .cat {
        background-color: #f2f2f5;
        color: #000;
        display: block;
        text-align: left;
        padding-left: 15px;
        border-style: none;
        outline: none;
        flex: 1;
    }

    .lib-subcategories .dropdown {
        background-color: #f2f2f5;
        color: #000;
        display: block;
        flex: 1;
    }

    .lib-subcategories .dropdown-toggle {
        width: 100%;
        text-align: left;
        border-style: none;
        outline: none;
        text-align: center;
    }

    .lib-subcategories .dropdown-menu.show {
        padding: 0;
        width: 100%;
        background-color: #f2f2f5;
        border-radius: 0;
    }

    .lib-subcategories .dropdown-item {
        margin-left: initial !important;
        margin-right: initial !important;
        padding: 1px 6px;
        width: 100%;
        font-family: initial !important;
        font-size: 16px !important;
    }

    @media (min-width: 576px) {
        .lib-item {
            width: 50%;
            padding-left: 15px;
            margin-top: 0;
        }
    }

    @media (min-width: 768px) {
        .lib-item {
            width: 33.333%;
        }
    }

    @media (min-width: 992px) {
        .lib-item {
            width: 25%;
        }
    }

    @media (min-width: 992px) {
        .lib-item {
            width: 20%;
        }
    }

    @media (min-width: 1200px) {
        .lib-item > img {
            height: 300px;
        }
    }

    @media (min-width: 1400px) {
        .lib-item {
            width: calc(100% / 6);
        }
    }
</style>
