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

.wrapper2 {
  display: grid;
  grid-template-columns: 2fr 10fr;
}

.wrapper3 {
  display: grid;
  grid-template-columns: 8fr 4fr;
}

.new-feature-slider {
  height: 300px;
}

.dash-before span {
  display: inline-table;
}

@media only screen and (min-device-width: 0px) and (max-device-width: 735px) {
  .wrapper {
    grid-template-columns: 12fr;
  }
  .wrapper2 {
    grid-template-columns: 12fr;
  } 
  .new-feature-slider {
    height: 300px;
  }
  .feature-slide-content {
    height: 280px;
  }
  .section-report-2 {
    height: 1000px;
  }
  .dash-before::before {
    width: 50px;
  }
  .dash-before span {
    padding: 10px 0 0 5px;
    width: 82%;
  }
  .redDiv,
  .greenDiv {
    margin-left: 0;
  }
}

/* ipad - portrail*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .wrapper {
    grid-template-columns: 12fr;
  }
  .wrapper2 {
    grid-template-columns: 12fr;
  } 
  .new-feature-slider {
    height: 300px;
  }
  .feature-slide-content {
    height: 275px;
  }
  .section-report-2 {
    height: 620px;
  }
  .dash-before::before {
    width: 50px;
  }
  .dash-before span {
    padding: 10px 0 0 5px;
    width: 82%;
  }
  .redDiv,
  .greenDiv {
    margin-left: 0;
  }
}

/* ipad - landscape */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1080px) and (orientation : landscape) {
  .feature-slide-image {
      margin-right: 20px;
  }
  .feature-slide-content {
      width: 380px;
  }
}