/* mobile_styles.css */
@media screen and (max-width: 768px) {
      /* Adjust width of dropdowns to fit screen width */
      .dropdown {
        width: 100%;
    }
  
    /* Hide main title on mobile */
    .main-title {
        display: none;
    }
}
    .mobile-dropdown {
      width: 100%;
    }
  
    .main-container {
      display: block !important;
      flex: none !important;
    }
  
    .main-container h1 {
      display: none !important;
    }
  
    .sidebar-container {
      display: none !important;
      flex: none !important;
    }
  
    .sidebar-container-dropdown {
      display: block !important;
      flex: none !important;
      padding-left: 0px !important;
    }
  
    .body-container {
      flex: none !important;
      display: block !important;
    }
  
    .gtitle {
      font-size: 18px !important; /* Adjust the size as needed for mobile devices */
    }
  }
  
  
  .sidebar-container-dropdown {
    display: none;
  }
  
  .content-container {
    width: 90%;
  }
  
  #city-dropdown {
    padding-left: 50px !important;
  }
  
  #type-dropdown {
    padding-left: 50px !important;
    margin-top: 10px;
  }
  
  .js-plotly-plot {
    margin-top: 20px;
    padding-left: 10px;
  }
  
  .sidebar-container button {
    border-radius: 5px;
    border: none !important;
  }
  
  .sidebar-container button:hover {
    background-color: #b4b4b4;
    cursor: pointer;
  }
  
  h1 {
    font-size: 1.5em;
    margin-top: 40px;
  }