#content table {
    width: 100%;
    width: auto;
    border: 1px solid #f0f0f0;
    border-collapse: collapse;
    width: 100%;
}

table.contenttable {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#content .ce-textpic.ce-right .ce-bodytext {
    width: 70%;
}

#content table th {
    background-color: #3F92B3;
    color: #fff;
    padding: 5px 10px;
    position: relative;
    text-align: left;
}

#content table td {
    padding: 10px;
    position: relative;
    font-size: 14px;
    line-height: 21px;
}

#content table p {
  margin-bottom: 0;
}

#content th {
  display: none;
}
#content td {
  display: block;
}
#content td:last-child {
  padding-bottom: .5em;
}
#content td:before {
  content: attr(data-th);
  font-weight: bold;
  margin-right: 5px;
  /*display: inline-block;*/
  display: block;
}

table[summary="left"] th {
    width: 35%;
    float: left;
}
table[summary="left"] td {
    width: 50%;
    float: left;
}

#content [summary="left"] th {
  display: block;
}
#content [summary="left"] td::before {
    display: none;
}



@media (min-width: 600px) {
  #content td:before {
    display: none;
  }
}
#content th, #content td {
/*  text-align: left;*/
}
@media (min-width: 600px) {
  #content th, #content td {
    display: table-cell;
  }

}
@media (max-width: 599px) {
  #content table {
    border-top: 1px solid #dadada;
  }
  #content table td {
    box-sizing: border-box;
    margin: 0;
    padding: 10px;
    text-align: left;
    vertical-align: top;
    width: 100%;
  }
  table[summary="left"] th,
  table[summary="left"] td {
    width: 100%;
  }
  #content table[summary="left"] tr:nth-child(odd) th,
  #content table[summary="left"] tr:nth-child(even) th {
    border: 0;
  }
  #content table[summary="left"] tr:nth-child(odd) th {
      background: #fff;
      color: #000;
      padding-bottom: 0;
  }

  #content table[summary="left"] tr:nth-child(even) th {
      background: #f0f0f0;
      color: #000;
      padding-bottom: 0;
  }
}