table {
  width: 100%;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #fff;
}
#editing-services.comparison-table thead th {
  background: #fff;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td,
th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
}
#editing-services .head-title {
  display: none;
}
/*
     Max width before this PARTICULAR table gets nasty
     This query will take effect for any screen smaller than 760px
     and also iPads specifically.
     */
@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr {
    border: 1px solid #ccc;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
      0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),
      0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgb(0 0 0 / 12%) inset;
  }

  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
  }

  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 25px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .comparison .comparison-table .content .header {
    margin-top: 30px;
  }
  #editing-services .align-center {
    text-align: right;
  }
  #editing-services .align-center .cross,
  #editing-services .align-center .checkmark {
    padding-right: 10px;
  }
  #editing-services .head-title {
    display: block;
    width: 100%;
    background: #e4e4e4;
    padding: 6px;
    position: absolute;
    color: #d52b1e;
    font-weight: bold;
    left: 0;
    top: 0;
    text-align: center;
  }
  .comparison .table-bordered > thead > tr > th,
  .comparison .table-bordered > tbody > tr > th,
  .comparison .table-bordered > tfoot > tr > th,
  .comparison .table-bordered > thead > tr > td,
  .comparison .table-bordered > tbody > tr > td,
  .comparison .table-bordered > tfoot > tr > td {
    border: 1px solid #efeff0;
  }

  .bor-left{border-left:none!important;}

  .services-cont-wrap .comparison-table td {
    border:none;
    border-top: 1px solid #cbcbcb;
  } 

  td img.mright {
    display: inline-table;
    padding-left: 225px;
  }
  .comparison .comparison-table tbody tr.heading {
    margin-bottom: 0px;
  }
  .comparison .comparison-table thead th:nth-child(1),
  .comparison .comparison-table tbody tr td:nth-child(1) {
    /*width: 100% !important;*/
  }
  .comparison .comparison-table .content {
    padding: 40px 10px 10px 30px;
    display: grid;
  }
  .plan-tabs .link-box{
    width: 100%;
  }
  .link-box.copy-editing a{
    padding: 15px;
  }
  .plan-tabs .link-box a{
    border-right: #ccc 1px solid;
  }
  .comparison .comparison-table tbody tr.heading td:after {
    display: none;
  }
  .comparison .comparison-table tbody td p {
    text-align: left;
    margin-left: 15px;
    margin-top: 0px !important;
  }
  .comparison .comparison-table tbody td .ser-comprison p {
    text-align: left;
    margin-left: 0px;
    margin-top: 0px !important;
    padding-right: 35px;
  }
  .comparison-table .theading {
    display: none;
  }
  .feature-text {
    top: 38px;
  }
  .checkp-head span {
    left: 236px;
    top: 18px;
  }
  #page-cont h2 {
    font-size: 16px !important;
  }
  .ser-comprison ul{
    margin-left: 20px!important;
  }
  .comparison .comparison-table tbody tr.heading h2 {
    padding-top: 10px;
    padding-left: 0px;
    text-align: center;
  }
  .comparison .comparison-table .cross:after {
    color: #f95757;
  }
  .comparison .comparison-table td.recommended:before{
    position: relative;
    margin: 0;
    padding: 0;
    left: 10px;
  } 
  td:nth-of-type(2):before {
    content: "Top Impact Scientific Editing";
    text-align: left;
  }
  td:nth-of-type(3):before {
    content: "Substantive Editing";
    text-align: left;
  }
  td:nth-of-type(4):before {
    content: "Copy Editing";
    text-align: left;
  }
  .plan-tabs .link-box a {
    display: flex;
  }
}
@media (max-width: 480px) and (min-width: 320px) {
  .comparison .comparison-table thead th:nth-child(1),
  .comparison .comparison-table tbody tr td:nth-child(1) {
    width: 95% !important;
  }
}