.wrapper {
  display: grid;
  grid-template-columns: 2fr 10fr;
  column-gap: 25px;
}

@media only screen and (min-device-width: 0px) and (max-device-width: 735px) {
  .wrapper {
    grid-template-columns: 12fr;
  } 
  h3.dash-before span {
    width: 45%;
  }
  .dash-before span {
    padding: 10px 0 0 5px;
  } 
  .dropdown {
    float: right;
  }
  .dash-before::before {
    width: 30px;
  }
}

/* ipad - portrail*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .wrapper {
    grid-template-columns: 12fr;
  } 
  .dash-before span {
    padding: 10px 0 0 5px;
  } 
  .dropdown {
    float: right;
  }
}