.table_design01 {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  .table_design01 th,
  .table_design01 td {
    border: 2px solid #fff;
    background-color: #e6f1f6;
    padding: 1em;
  }

  .table_design01 th {
    background-color: #4d9bc1;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 30%;
    min-width: 4em;
  }

  .cell1 {
    width: 20% !important;
  }

  .cell2 {
    width: 15% !important;
  }

  .cell3 {
    width: 25% !important;
  }

  .cell4 {
    width: 40% !important;
  }

  @media screen and (max-width: 640px) {

    .table_design01 th,
    .table_design01 td {
      border-bottom: none;
      display: block;
      width: 100%;
    }

    .cell1 {
      display: none !important;
    }

    .cell1,
    .cell2,
    .cell3,
    .cell4 {
      width: 100% !important;
    }
  }