@media (max-width: 767px) {
  .data-entry .cell1,
  .data-entry .cell2,
  .data-entry .cell3,
  .data-entry .cell4,
  .data-entry .cell5,
  .data-entry .cell6 {
    white-space: inherit;
  }

  .data-entry .cell1,
  .data-entry .cell2 {
    width: 49%;
  }

  .data-entry .cell3,
  .data-entry .cell5 {
    width: 19%;
  }

  .data-entry .cell4,
  .data-entry .cell6 {
    width: 30%;
  }
}

@media (max-width: 480px) {
  .sm-flex-colums {
    flex-direction: column;
  }

  .data-entry .cell3,
  .data-entry .cell5,
  .data-entry .cell4,
  .data-entry .cell6 {
    width: 49%;
  }
}