.UserMyorder {
  width: 100%;
  margin-bottom: 150px;
}
.UserMyorder .MyorderItems {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 7px;
  background-color: #eefaff;
  border-radius: 11px;
  border: 1px solid #fcfcfc;
}
.UserMyorder .MyorderItems.OrderHeader {
  background-color: #a4dff9;
  font-weight: bold;
}
.UserMyorder .MyorderItems .row {
  width: 20%;
  padding: 7px 13px;
  text-align: center;
}
.UserMyorder .MyorderItems .row .statusPay1 {
  color: brown;
}
.UserMyorder .MyorderItems .row .statusPay5 {
  color: darkgreen;
}
.UserMyorder .MyorderItems .orderMob {
  display: none;
}
@media (max-width: 500px) {
  .UserMyorder .MyorderItems {
    flex-wrap: wrap;
    padding: 10px;
  }
  .UserMyorder .MyorderItems .row {
    width: 100%;
  }
  .UserMyorder .MyorderItems .dateOrder {
    display: inline;
  } 
  .UserMyorder .MyorderItems.OrderHeader {
    display: none;
  }
  .UserMyorder .MyorderItems .orderMob {
    display: inline;
    font-weight: bold;
  }
}