@media screen and (max-width: 992px) {
  /* #region header */
  .header > .top-bg {
    height: 400px;
    height: 53.33333vw;
    object-fit: cover;
  }
  .header > .nav {
    font-size: 22px;
    font-size: 2.93333vw;
    padding: 0 25px;
    padding: 0 3.33333vw;
  }
  .header > .nav > div + div > a:first-child + a + a + a + a {
    margin-right: 0;
  }
  .header > .logo-search-container {
    top: 100px;
    top: 13.33333vw;
  }
  .logo-search-container .banner-logo {
    width: 55%;
    height: auto;
    float: none;
  }
  .search-container {
    margin-top: 40px;
    margin-top: 5.33333vw;
    float: none;
  }
  .search-container > input {
    width: 440px;
    width: 58.66667vw;
    line-height: 60px;
    line-height: 8vw;
    height: 60px;
    height: 8vw;
    font-size: 22px;
    font-size: 2.93333vw;
    padding-left: 17px;
    padding-left: 2.26667vw;
  }
  .search-container > .search-btn {
    font-size: 24px;
    font-size: 3.2vw;
    height: 60px;
    height: 8vw;
    line-height: 60px;
    line-height: 8vw;
    width: 120px;
    width: 16vw;
  }
  .search-container > .search-btn > .ic-search {
    width: 22px;
    width: 2.93333vw;
  }

  .dep-street-pop-container {
    top: 0;
    height: 100%;
    overflow-y: auto;
  }
  .dep-street-pop-container::-webkit-scrollbar {
    width: 5px;
  }
  .dep-street-pop-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
  }
  .dep-street-pop-container > .container {
    padding: 30px;
    padding: 4vw;
  }
  .dep-street-pop-close {
    top: 15px;
    top: 2vw;
  }
  .dep-street-pop-container > .container > .dep-street-section-title {
    font-size: 24px;
    font-size: 3.2vw;
  }
  .dep-street-pop-container > .container > ul > li {
    height: 50px;
    height: 6.66667vw;
    width: 50%;
  }
  .dep-street-pop-container > .container > ul > li > a {
    font-size: 20px;
    font-size: 2.66667vw;
  }
  /* #endregion header */
}