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

  #dash5-column1 {
    max-width: none !important;
    width: 100% !important;
    height: 900px !important;
  }

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

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

  .dash5-labels {
    width: 100% !important;
    height: auto !important;
  }

  #dash5-row1 {
    flex-direction: column !important;
    width: 100% !important;
    height: 700px !important;
  }

  #dash5-row2 {
    flex-direction: column !important;
    width: 100% !important;
    height: 466px !important;
  }

  #dash5-row3 {
    flex-direction: column !important;
    width: 100% !important;
    height: 200px !important;
  }

  #dash5-row4 {
    flex-direction: column !important;
    width: 100% !important;
    height: 800px !important;
  }

  #dash5-row5 {
    flex-direction: column !important;
    width: 100% !important;
    height: 200px !important;
  }

  #dash5-row6 {
    flex-direction: column !important;
    width: 100% !important;
    height: 200px !important;
  }

  #dash5-row7 {
    width: 100% !important;
    height: 200px !important;
  }

  #dash5-multipleSelection1 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash5-visualLabel3 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash5-visualLabel4 {
    width: 100% !important;
    height: auto !important;
    flex: 1 !important;
  }

  #dash5-horizontalBarChart1 {
    width: 100% !important;
    height: 400px !important;
  }

  #dash5-verticalBarChart1 {
    width: 100% !important;
    height: 400px !important;
  }
}