.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 {
    grid-template-columns: 12fr;
  }  
}

/* ipad - portrail*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .wrapper {
    grid-template-columns: 12fr;
  } 
}