@media screen and (max-width: 855px) {
  .today-forecast,
  .hourly-forecast,
  .daily-forecast {
    padding: 0px 5px;
  }

  .today-forecast {
    flex-direction: column;
  }

  .small-box {
    flex: 1 1 30%;
  }

  .hourly-forecast .long-box {
    flex-direction: column;
  }

  .transparent-box {
    flex: 1 1 45%;
  }

  .daily-forecast {
    flex-direction: column;
  }

  .long-box {
    overflow: hidden;
  }
}