@media (min-width: 1000px) {
    .product_img{
        width: 200px;
        height: 200px;
        border-radius: 20px;
    }
    .box-cat{
        width: 200px;
        height: 200px;
        border-radius: 20px;
    }
    .banner-cat{
        width: 100%;
        height: 20%;
        border-radius: 20px 20px 0px 0px;
        background-color: #fff ;
        font-size: x-large;
        
    }

    .overlayDiv {
        visibility: hidden;
    }

    .title_abort h1{
        font-size: 300px;
        font-weight: bolder;
    }
    
    
    

.icon-item{
    width: 50px;
}
    
.img-search{
    width: 40%;
}

.card{
    font-size: large;
}
    
}

@media (max-width: 990px) {
    .product_img{
        width: 150px;
        height: 150px;
        border-radius: 20px;
    }

    .box-cat{
        width: 125px;
        height: 125px;
        border-radius: 20px;
    }
    .nav{
        visibility: hidden;
        position: fixed
    }

   
}


@media (max-width: 576px) {
    .product_img{
        width: 125px;
        height: 125px;
        border-radius: 20px;
    }

    .box-cat{
        width: 125px;
        height: 125px;
        border-radius: 20px;
    }
}

@media (max-width: 480px) {
    .product_img{
        width: 100px;
        height: 100px;
        border-radius: 20px;
    }

    .box-cat{
        width: 100px;
        height: 110px;
        border-radius: 20px;
    }
   
    
    
}