.category {
   background-color: white;
   padding: 35px 0;
   width: 100%;
   display: flex;
   justify-content: center;
   /*margin: 50px 0;*/
   max-width: none;
}

.category .container {
   max-width: 1600px;
   width: 100%;
}

.category .wrapper {
   padding: 0px;
}

.categories {
   padding: 0;
   
}

.categorie {
   display: flex;
   flex-flow: row wrap;
   padding: 0px 10px;
   margin: 0;
}

.catList {
    width: 100%;
    display: flex;
    flex-flow: row wrap !important;
    justify-content: space-around !important;
    gap: .2rem;
}
.subCat {
   transition: all 0.2s linear;
   text-align: center;
   display: flex;
   width: min(12rem, 100%);
}

.titleCat {
        height: 10rem;
        width: 100% !important;
        background-color: red;
        border-radius: 0.3rem;
        position: relative;
        overflow: hidden;
    }
    .color1 {
        z-index: 10;
        text-align: center !important;
        width: 100% !important;
    }

    .color1>p {
        font-size: 2rem;
        font-weight: bold;
        width: 100% !important;
        background-color: rgba(200, 200, 200, 0.7);
        border-radius: 0.3rem;
        padding: 2rem;
    }
    
    

/*STYLE ALL __________________________________
    .category {
        background-color: white;
        padding: 25px 0;
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0px 0;
        max-width: none;
    }

    h1 {
        font-family: 'Nunito', sans-serif !important;
        font-weight: 900;
    }

    .category .container {
        max-width: 1600px;
        width: 100%;
    }

    .category .wrapper {
        padding: 0 10px;
    }

    .categories {
        padding: 0;
    }

    .categorie {
        display: flex;
        flex-flow: column wrap;
        padding: 0;
        margin: 0;
    }

    .titleCat {
        height: 10rem;
        width: 100% !important;
        background-color: red;
        border-radius: 0.3rem;
        position: relative;
        overflow: hidden;
    }

    .color1 {
        z-index: 10;
        text-align: center !important;
        width: 100% !important;
    }

    .color1>p {
        font-size: 2rem;
        font-weight: bold;
        width: 100% !important;
        background-color: rgba(200, 200, 200, 0.7);
        border-radius: 0.3rem;
        padding: 2rem;
    }

    .catList {
        overflow: auto;
        display: flex;
        flex-flow: row wrap !important;
        justify-content: center;
    }

    .subCat {
        margin: .6rem;
        min-width: 11rem !important;
        height: 14.5rem !important;
        position: relative;
        overflow: hidden;
        padding: 0.5rem;
        transition: 0.4s;
    }

    .subCatTitle {
        padding-top: 1rem;
    }

    .subCat:hover .subCatImage>img {
        opacity: 0.8;
        background-color: rgba(0, 0, 0, 0.9) !important;
    }
@media screen and (min-width: 640px) {
    .category {
        background-color: white;
        padding: 35px 0;
        display: flex;
        justify-content: center;
        margin: 50px 0;
    }
    .subCat {
        margin: .9rem;
        
    }
    .category .wrapper {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1024px) {
    .categorie {
        flex-flow: row nowrap;
    }

    .titleCat {
        width: 30%;
        height: 45rem;
    }

    .color1 {
        width: 100% !important;
    }

    .subCat {
        margin: 1rem 1rem !important;
    }

    .catList {
        padding: 2rem;
        overflow: auto;
        max-height: 45rem;
    }
}_*/

@media (min-width: 640px) {
    .catList {
        gap: .7rem;
    }
}
@media (min-width: 1024px) {
    .categorie {
        display:flex;
        flex-flow: row nowrap; 
    }
    .titleCat {
        min-height: 50vh;
        width: 30% !important;
        border-radius: 0.3rem;
        position: relative;
        overflow: hidden;
    }
    
}