#rowVideoSearch {
    margin-top: 5vh;
    display: grid;
    flex-wrap: wrap;
    place-content: inherit;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4, calc(97% / 4));
    /* messo 97 per farlo assomigliare il più possibile alle row delle categorie il problema è con  il mouseover sembra essere l'unica soluzione poichè la regola repeat(4, 1fr) non funziona; */
    overflow-x: clip;
    gap: 10px;
}

#rowCategoriesSearch {
    display: grid;
    grid-template-rows: auto;
    grid-auto-rows: auto;
    grid-template-columns: repeat(4, calc(100% / 4));
}

.search_element_folder img,
.search_element_video img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

#containerFluidSeachValue {
    position: fixed;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: -o-calc(100% - 80px);
    height: calc(100% - 0px);
}

@media screen and (max-width: 991px) {
    #rowCategoriesSearch {
        grid-template-columns: repeat(3, calc(100% / 3));
    }

    #rowVideoSearch {
        grid-template-columns: repeat(3, calc(97% / 3));
    }
}

@media screen and (max-width: 660px) {
    #rowCategoriesSearch {
        grid-template-columns: repeat(2, calc(100% / 2));
    }

    #rowVideoSearch {
        grid-template-columns: repeat(2, calc(97% / 2));
    }
}