.wrapper-head {
  display: grid;
  grid-template-columns: 2fr 8fr 2fr;
  column-gap: 25px;
}
.wrapper-list {
  display: grid;
  grid-template-columns: 2fr 9fr 1fr;
  column-gap: 25px;
}
.wrapper {
  display: grid;
  grid-template-columns: 2fr 7fr 3fr;
  column-gap: 25px;
}

@media only screen and (min-device-width: 0px) and (max-device-width: 735px) {
  .wrapper-head, 
  .wrapper-list,
  .wrapper {
    grid-template-columns: 12fr;
  }
  .dash-before::before {
    display: none;
  }
  .dash-before span {
    padding: 10px 0 0 15px;
  }
}

/* ipad - portrail*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .wrapper-head, 
  .wrapper-list,
  .wrapper {
    grid-template-columns: 12fr;
  }
  .dash-before::before {
    display: none;
  }
  .dash-before span {
    padding: 10px 0 0 15px;
  } 
}