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

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

/* 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::before {
    display: none;
  }
  .dash-before span {
    padding: 10px 0 0 0;
  }
  h3.dash-before span {
    width: 100%;
  }
  .dropdown {
    float: right;
  }
  .boxhappen-left {
      margin-left: 0;
      width: 100%;
  }
}