//media.scss

/*480px*/
/*小于*/
@media screen and (max-width: 480px) {
  .Header {
    position: fixed !important;
    z-index: 99;
  }

  .phone-box {
    display: block !important;
  }
}

/*1037px*/
@media screen and (min-width:1037px) {
  .HeaderSearch {
    display: none !important;
  }
}

/*小于*/
@media screen and (max-width: 1037px) {
  .Header-container {
    height: 50px !important;
  }

  .HeaderSearch-Icon {
    display: none !important;
  }

  .HeaderSearch {
    display: flex !important;
  }

  .HeaderNav {
    display: none !important;
  }

  .HeaderIcon-box {
    width: 100% !important;
    height: 100% !important;
  }

  .phone_top_logo {
    display: block !important;
    margin-bottom: 5px;
  }

  .Header-container {
    display: flex;
    justify-content: left !important;
    padding-left: 40px;
  }

}

/*1333px*/
/*小于*/
@media screen and (max-width: 1333px) {
  .Header-container {
    width: 100%;
  }

  .HeaderNav {
    padding-left: 5vw !important;
  }

  .Header-container {
    font-size: 12px !important;
  }

  .HeaderNav-navItems {
    padding: 0 20px !important;
  }
}

/*大于*/
@media screen and (min-width: 1333px) {}

/*1440px*/
/*小于*/
@media screen and (max-width: 1440px) {}