.orderContainer{
    display: flex;
    flex:1;
    border-radius: 5px; 
border: 1px solid #1F5E80;
padding: 5px;
}
.orderContainer:hover{
border-radius: 5px; 
border: 3px solid #1F5E80;
}
.imgContainer{
    flex:2;

}
.imag{
    width:240px;
    height:200px;
    margin: auto;
}
.detailsContainer{
    flex:2;
    display: grid;
}
.statusContainer{
    flex:2;
    display: block;

}
.salesContainer{
    flex:2;

}
@media screen and (max-width:1024px) {
.orderContainer{
    display: block;
    
}
.imgContainer{
    text-align: center;
    margin-bottom: 10px;
}
.imag{
    width:240px;
    height:200px;
    margin:auto
}
.detailsContainer{
    text-align: center;
}
.statusContainer{
    margin-top: 20px;
    text-align: center;
}
.salesContainer{
    margin-top: 20px;
}
}