//media.scss

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

  .HeaderIcon{
    padding-left: 0 !important;
  }

  .HeaderSearch-Icon {
    margin-left: 3vw !important;
    display:block !important;
  }
}

/*1037px*/
/*小于*/
@media screen and (max-width:1037px) {
  .HeaderSearch-button{
    display: flex!important;
  }
}

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


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

  .HeaderSearch {
    position: absolute;
    right: 20px !important;
    display: flex !important;
  }

  .HeaderNav {
    display: none !important;
  }

  .HeaderIcon-box {
    width: 80%!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) {}