@media (pointer: coarse), (orientation: portrait) {
  #dash7 {
    flex-direction: column !important;
    height: auto !important;
    padding-bottom: 40px !important;
  }

  #dash7-row1 {
    max-width: none !important;
    width: 100% !important;
    height: 60px !important;
    flex: none !important;
  }

  #dash7-row2 {
    flex-direction: column !important;
    width: 100% !important;
    height: 3000px !important;
    flex: none !important;
  }

  #dash7-column1 {
    width: 100% !important;
    height: 2200px !important;
    flex: none !important;
  }

  #dash7-column2 {
    width: 100% !important;
    height: 700px !important;
    flex: none !important;
  }

  #dash7-column3 {
    width: 100% !important;
    height: 400px !important;
    flex: none !important;
  }

  #dash7-row3 {
    flex-direction: column !important;
    width: 100% !important;
    height: 1000px !important;
    flex: none !important;
  }

  #dash7-row4 {
    flex-direction: column !important;
    width: 100% !important;
    height: 700px !important;
    flex: none !important;
  }

  #dash7-row5 {
    flex-direction: column !important;
    width: 100% !important;
    height: 700px !important;
    flex: none !important;
  }

  #dash7-donutChar1 {
    width: 100% !important;
    height: 700px !important;
    flex: 1 !important;
  }

  #dash7-horizontalBarChart1 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash7-verticalBarPilledChart1 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash7-verticalBarPilledChart2 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash7-verticalBarPilledChart3 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash7-weigthsPane1 {
    width: 100% !important;
    height: 100px !important;
  }

  #dash7-verticalBarPilledChart4 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }
}