.productswrapper{
    
    width:100%;
    height:auto;
    /* min-height:260%; */
    margin:0%;
    /* padding:5px; */
    padding-top:20px;
    padding-bottom:20px;
    font-size: large;
    
    color:black;


    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}




.product{
 
   position:relative;
   max-width:80%;
   /* overflow: auto; */
   padding:10px;
margin:auto;
margin-top:30px;
/* box-shadow:0 0 4px 1px #e4e4e4; */
    /* background:blue; */
/* background:white; */
    display: flex;
    /* flex-direction: row-reverse; */
    flex-wrap: wrap;
    position:relative;
}

.ProductImageArea{
    position:relative;
    width:48%;
    min-height:4cm;
    min-width:5cm;
    max-width:7cm;
    margin:auto;
    /* background:red; */
    /* box-shadow:0px 1px 1px 1px whitesmoke; */

}

#productimage{

    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: contain;
    box-shadow: 0px 0px 8px 0px gray;
    
}

#descriptiondata{
    min-width:5cm;
    
    margin:auto;
    margin-top:1px;
    max-width:6cm;
    width:48%;
    padding:4px;
    

}
.ProductPrice{
    margin:5px;
} 


.Moreinfos{
    font-weight: bold;
    font-size: small;
    
}

.ProductName{
    width:100%;
    font-weight:bold;
    margin:auto;

    /* background:cyan; */

}

.ProductDetails{
    width:100%;
    margin:auto;
    /* height:2em; */
     max-height:2em;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  
    margin-bottom: 5px;

    /* background:salmon; */

}


.numberofunits{
}

.AddToCart{
    color:white;
}

.subtotal{

    
}