.HomeCat {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    /* gap: 1rem 6rem; */
}


    .HomeCat {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .CatBox {
        flex: 0 0 30%;
    }

.HomeCat .CatItem:hover {
    transform: scale(1.1);
}

.HomeCat .CatItem {
    transition: all 0.3s ease-in-out !important;
}
.font-size-small{
    font-size: 0.7rem;
}

@media(min-width:500px){
    .CatBox {
        flex: 0 0 21%;
    }
}
@media(min-width:720px){
    .font-size-small{
        font-size: 1rem;
    }
    
    .CatBox {
        flex: 0 0 16%;
    }
}
@media(min-width:1200px){
    .CatBox {
        flex: 0 0 13%;
   

    }
}