#header {
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
  }
  #header .logo img {
    height: 50px;
  }
  #header nav {
    display: inline-block;
    vertical-align: top;
  }
  #header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #header nav a {
    color: #565656;
    display: inline-block;
    line-height: 30px;
    text-decoration: none;
    width: 100%;
  }
  #header nav svg {
    fill: #565656;
    vertical-align: middle;
  }
  #header nav svg:hover {
    fill: #d49e6a;
  }
  #header nav .dropdown-menu {
    font-size: 15px;
    border-radius: 0;
    margin: 0;
    padding: 10px;
    top: 100% !important;
    transform: none !important;
    width: 100%;
  }
  #header nav .dropdown-menu .collection-all {
    display: flex;
  }
  #header nav .dropdown-menu.collection_link_shelf .static {
    max-height: 70vh;
  }
  #header nav .search .search-area {
    display: flex;
  }
  #header nav .search form {
    flex: 1;
  }
  #header nav .search .form-area {
    display: flex;
    width: 100%;
  }
  #header nav .search .form-area input {
    font-size: 15px;
    flex: 1;
    margin-right: 5px;
    width: 170px;
  }
  #header nav .search .form-area button {
    font-size: 15px;
    margin-right: 5px;
    padding: 0;
    width: 60px;
  }
  #header nav .search .form-area > * {
    height: 40px;
  }
  #header nav .search a.close-dropdown {
    cursor: pointer;
    text-align: center;
    width: 40px;
  }
  #header nav .btn-logout, #header nav .btn-orders, #header nav .btn-login, #header nav .btn-signin, #header nav .btn-search, #header nav .close-dropdown, #header nav .btn-checkout {
    border-style: none;
    line-height: 38px;
  }
  #header nav .btn-logout, #header nav .btn-login {
    background: #ABB4BB;
    border-color: #ABB4BB;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  #header nav .btn-logout:hover, #header nav .btn-login:hover {
    background: #86919B;
    border-color: #86919B;
  }
  #header nav .btn-signin, #header nav .btn-orders {
    border: 1px solid #d49e6a;
    border-radius: 5px;
    color: #d49e6a;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  #header nav .btn-signin:hover, #header nav .btn-orders:hover {
    background: #d49e6a;
    color: #ffffff;
  }
  #header nav .btn-checkout {
    background: #d49e6a;
    border-color: #d49e6a;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  #header nav .btn-checkout:hover {
    background: #A00000;
    border-color: #A00000;
  }
  #header nav .btn-search {
    background: #d49e6a;
    border-color: #d49e6a;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  #header nav .btn-search:hover {
    background: #cab69b;
    border-color: #cab69b;
  }
  #header nav .close-dropdown {
    background: #ffffff;
    border: 1px solid #ABB4BB;
    border-radius: 5px;
    color: #ABB4BB;
    transition: all ease-in-out 0.15s;
    text-align: center;
    border: none;
  }
  #header nav .close-dropdown:hover {
    background: #ffffff;
    border-color: #86919B;
    color: #86919B;
  }
  #header .container:before, #header .container:after {
    width: 0;
  }
  
  @media (min-width: 992px) {
    #header .link_shelf_top > li {
      display: inline-block;
    }
    #header .link_shelf_top > li > a {
      padding: 10px;
    }
    #header .main-nav a {
      font-size: 14px;
    }
    #header .main-nav .link_shelf_top .show > a, #header .main-nav .link_shelf_top > li > a:hover {
      color: #ffffff;
      background: #d49e6a;
    }
    #header .main-nav .dropdown-menu li {
      height: 44px;
    }
    #header .main-nav .dropdown-menu a {
      align-items: center;
      display: flex;
      height: 100%;
      padding: 4px 10px;
    }
    #header .main-nav .dropdown-menu a:hover {
      background: #a3a3a3;
      color: #d49e6a;
    }
    #header .main-nav .dropdown-menu a span {
      display: -webkit-box;
      display: block\0 ;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 18px;
    }
    #header .main-nav .link_shelf_second, #header .main-nav .link_shelf_third {
      background: #ffffff;
    }
    #header .main-nav .link_shelf_second > li, #header .main-nav .link_shelf_third > li {
      position: relative;
    }
    #header .main-nav .link_shelf_second > li > a, #header .main-nav .link_shelf_third > li > a {
      align-items: center;
      display: flex;
    }
    #header .main-nav .link_shelf_second > li.relative:hover > a, #header .main-nav .link_shelf_second > li.relative:hover > a:hover, #header .main-nav .link_shelf_third > li.relative:hover > a, #header .main-nav .link_shelf_third > li.relative:hover > a:hover {
      color: #d49e6a;
    }
    #header .main-nav .link_shelf_second > li.relative:hover > a:hover:after, #header .main-nav .link_shelf_second > li > a:hover:after, #header .main-nav .link_shelf_third > li.relative:hover > a:hover:after, #header .main-nav .link_shelf_third > li > a:hover:after {
      border-bottom: none;
    }
    #header .main-nav .link_shelf_second > li:not(:last-child) > a:after, #header .main-nav .link_shelf_third > li:not(:last-child) > a:after {
      bottom: -1px;
      border-bottom: 1px solid #a3a3a3;
      content: "";
      position: absolute;
      left: 5%;
      width: 90%;
    }
    #header .main-nav .collection-all .collection {
      background: #a3a3a3;
      width: 20%;
    }
    #header .main-nav .collection-all .title, #header .main-nav .collection-all .products .col-md-3 {
      height: 44px;
    }
    #header .main-nav .collection-all .products {
      display: none;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 80%;
    }
    #header .main-nav .collection-all .products .col-md-3 {
      padding: 0;
    }
    #header .main-nav .collection-all .collection:hover .title a {
      color: #d49e6a;
    }
    #header .main-nav .collection-all .collection:hover .products {
      display: block;
    }
    #header .main-nav .collection-all .collection:hover .products a:hover {
      background: none;
      color: #d49e6a;
    }
    #header .main-nav .dropdown-menu {
      padding: 0px;
      border: 1px solid #a3a3a3;
    }
    #header .main-nav .dropdown-menu .link_shelf_contents {
      max-height: 70vh;
    }
    #header .main-nav .dropdown-menu .row {
      margin: 0;
    }
    #header .main-nav .dropdown-menu .row .title a {
      color: #565656;
    }
    #header .main-nav .dropdown-menu .row li:not(.title) a {
      color: #a3a3a3;
    }
    #header .main-nav .dropdown-menu .row .col-sm-2 {
      padding: 0;
    }
    #header .main-nav .dropdown-menu .row .col-sm-2:hover .title a {
      background: none;
      color: #d49e6a;
    }
    #header .main-nav .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
      color: #d49e6a;
    }
    #header .main-nav .link_shelf_third {
      border: 1px solid #a3a3a3;
      display: none;
      left: 100%;
      position: absolute;
      top: -1px;
      width: 100%;
    }
    #header .main-nav .dropdown-menu .link_shelf_second, #header .main-nav .dropdown-menu .link_shelf_third {
      max-height: 50vh;
    }
    #header .tool-nav {
      float: right;
    }
    #header .tool-nav .dropdown > a {
      padding: 10px;
    }
    #header .tool-nav .link_shelf_top > li {
      position: relative;
    }
    #header .tool-nav .link_shelf_top .dropdown-menu {
      left: auto !important;
      right: 0;
    }
    #header .tool-nav .customer_account .dropdown-menu, #header .tool-nav .cart .dropdown-menu {
      width: 300px;
      padding: 5px 0;
    }
    #header .tool-nav .search .dropdown-menu {
      padding: 15px;
      width: 300px;
    }
    #header .tool-nav .button, #header .tool-nav .total {
      margin: 10px 15px;
    }
    #header .tool-nav .total .global-cart-total {
      color: #e55555 !important;
      padding-left: 5px;
    }
    #header .tool-nav .cart_list {
      max-height: 50vh;
    }
    #header .tool-nav .cart_list p {
      margin: 0;
    }
    #header .tool-nav .cart_list a {
      line-height: 1.3;
    }
    #header .tool-nav .cart_list .product_item {
      display: flex;
      margin: 0 15px;
      padding: 10px 0;
    }
    #header .tool-nav .cart_list .product_item:not(:first-child) {
      border-top: 1px solid #a3a3a3;
    }
    #header .tool-nav .cart_list .product_item > * {
      margin-right: 10px;
    }
    #header .tool-nav .cart_list .product_item > *.thumb-img {
      flex: 0 0 50px;
    }
    #header .tool-nav .cart_list .product_item > *.thumb-img img {
      opacity: 1;
    }
    #header .tool-nav .cart_list .product_item > * .item-info {
      flex: 0 0 calc(100% - 70px);
    }
    #header .tool-nav .cart_list .product_item > * .item-info .description, #header .tool-nav .cart_list .product_item > * .item-info .amount {
      color: #a3a3a3;
      font-size: 14px;
    }
  }
  @media (max-width: 991px) {
    #header .container {
      padding: 0;
      min-width: 100%;
    }
    #header .mobile-nav {
      width: 100%;
    }
    #header .mobile-nav a {
      padding: 0;
    }
    #header .mobile-nav ul {
      display: flex;
    }
    #header .mobile-nav ul > li {
      height: 50px;
      line-height: 50px;
      text-align: center;
      padding: 0 5px;
    }
    #header .mobile-nav .sidebar-menu-icon, #header .mobile-nav .member, #header .mobile-nav .cart, #header .mobile-nav .search {
      min-width: 10%;
    }
    #header .mobile-nav .logo {
      flex: 1;
      padding: 5px;
    }
    #header .mobile-nav .logo a {
      height: 100%;
      vertical-align: top;
    }
  }
  @media (max-width: 450px) {
    #header .mobile-nav svg {
      height: 20px;
    }
  }

  

  #header {
    background: #0e0a08;
    box-shadow: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
    padding: 0 30px;
    font-size: 14px;
    transition: all 0.6s;
  }
  
  #header .navtop-logo {
    display: block;
    width: 204px;
    height: 195px;
    border-radius: 0 0 102px 102px;
    background-color: #e5dbd6;
    padding-top: 18px;
    position: absolute;
  }
  
  #header .scroll-logo {
    display: block;
    width: 204px;
    height: 80px;
    padding-top: 22px;
  }
  
  #header .mobile-nav .logo {
    display: block;
    height: 50px;
    border-radius: initial;
    background-color: transparent;
    padding-top: 18px;
  }
  
  #header .logo img {
    height: auto;
  }
  
  #header.nav-top {
    background: transparent;
    position: fixed;
    z-index: 10;
    width: 100%;
  }
  
  #header .navtop-logo {
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s;
  }
  #header .scroll-logo {
    opacity: 1;
    transition: all 0.6s;
  }
  #header.nav-top .navtop-logo {
    opacity: 1;
    pointer-events: all;
  }
  #header.nav-top .scroll-logo {
    opacity: 0;
  }
  
  #header .roundborder {
    border: 1px solid #7d7b79;
    border-radius: 40px;
  }
  
  @media (max-width: 991px) {
    #header {
      padding: 0 5px;
      height: 50px;
    }
    #header.nav-top {
      top: 0;
      left: 0;
      width: 100%;
      background: #000000;
      height: 50px;
    }
  }
  
  #header .computer_nav {
    text-align: center;
    position: relative;
  }
  
  #header .computer_nav .cart {
    background-color: #8d7022;
  }
  #header .computer_nav .cart.roundborder {
    border: 1px solid #8d7022;
  }
  
  #header nav {
    display: inline-block;
    vertical-align: top;
  }
  
  #header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  
  #header nav a {
    color: #ffffff;
    display: inline-block;
    line-height: 30px;
    text-decoration: none;
    width: 100%;
  }
  
  #header nav svg {
    fill: #ffffff;
    margin-right: 5px;
    vertical-align: middle;
  }
  
  #header nav svg:hover {
    fill: #ffffff;
  }
  
  #header nav .dropdown-menu {
    border-radius: 0;
    margin: 0;
    padding: 10px;
    top: 100% !important;
    transform: none !important;
    width: 100%;
  }
  
  #header nav .dropdown-menu .collection-all {
    display: flex;
  }
  
  #header nav .global-cart-count {
    color: #fff;
    font-size: 14px;
    height: 25px;
    line-height: 25.5px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
  }
  #header nav .global-cart-count::before {
    content: "(";
  }
  #header nav .global-cart-count::after {
    content: ")";
  }
  
  #header nav .search .search-area {
    display: flex;
  }
  
  #header nav .search form {
    flex: 1;
  }
  
  #header nav .search .form-area {
    display: flex;
    width: 100%;
  }
  
  #header nav .search .form-area input {
    flex: 1;
    margin-right: 5px;
    width: 170px;
  }
  
  #header nav .search .form-area button {
    margin-right: 5px;
    padding: 0;
    width: 60px;
  }
  
  #header nav .search a.close-dropdown {
    cursor: pointer;
    text-align: center;
    width: 40px;
  }
  
  #header nav .btn-logout,
  #header nav .btn-orders,
  #header nav .btn-login,
  #header nav .btn-signin,
  #header nav .btn-search,
  #header nav .close-dropdown,
  #header nav .btn-checkout {
    line-height: 38px;
  }
  
  #header nav .btn-logout,
  #header nav .btn-login {
    background: #ABB4BB;
    border-color: #ABB4BB;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  
  #header nav .btn-logout:hover,
  #header nav .btn-login:hover {
    background: #86919B;
    border-color: #86919B;
  }
  
  #header nav .btn-signin,
  #header nav .btn-orders {
    border: 1px solid #d49e6a;
    border-radius: 5px;
    color: #d49e6a;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  
  #header nav .btn-signin:hover,
  #header nav .btn-orders:hover {
    background: #d49e6a;
    color: #ffffff;
  }
  
  #header nav .btn-checkout {
    background: #d49e6a;
    border-color: #d49e6a;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  
  #header nav .btn-checkout:hover {
    background: #A00000;
    border-color: #A00000;
  }
  
  #header nav .btn-search {
    background: #d49e6a;
    border-color: #d49e6a;
    border-radius: 5px;
    color: #ffffff;
    transition: all ease-in-out 0.15s;
    text-align: center;
  }
  
  #header nav .btn-search:hover {
    background: #cab69b;
    border-color: #cab69b;
  }
  
  #header nav .close-dropdown {
    background: #ffffff;
    border: 1px solid #ABB4BB;
    border-radius: 5px;
    color: #ABB4BB;
    transition: all ease-in-out 0.15s;
    text-align: center;
    border: none;
  }
  
  #header nav .close-dropdown:hover {
    background: #ffffff;
    border-color: #86919B;
    color: #86919B;
  }
  
  @media (min-width: 992px) {
    #header .link_shelf_top>li {
      display: inline-block;
    }
  
    #header .link_shelf_top>li>a {
      padding: 10px;
    }
  
    #header .main-nav a {
      font-size: 18px;
    }
  
    #header .main-nav .link_shelf_top .show>a,
    #header .main-nav .link_shelf_top>li>a:hover {
      color: #e5dbd6;
      background: transparent;
    }
  
    #header .main-nav .dropdown-menu li {
      height: 44px;
    }
  
    #header .main-nav .dropdown-menu a {
      align-items: center;
      display: flex;
      height: 100%;
      padding: 4px 10px;
    }
  
    #header .main-nav .dropdown-menu a:hover {
      background: #a3a3a3;
      color: #d49e6a;
    }
  
    #header .main-nav .dropdown-menu a span {
      display: -webkit-box;
      display: block\0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 18px;
    }
  
    #header .main-nav .two-dimension .dropdown-menu {
      padding: 10px;
      border: 1px solid #a3a3a3;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row {
      margin: 0;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row .title a {
      color: #565656;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row li:not(.title) a {
      color: #a3a3a3;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row .col-sm-2 {
      padding: 0;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row .col-sm-2:hover .title a {
      background: none;
      color: #d49e6a;
    }
  
    #header .main-nav .two-dimension .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
      color: #d49e6a;
      background: none;
    }
  
    #header .main-nav .three-dimension .dropdown-menu {
      padding: 0px;
    }
  
    #header .main-nav .three-dimension .dropdown-menu a:hover {
      color: #d49e6a;
      background: none;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third {
      background: #ffffff;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li {
      position: relative;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li>a,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li>a {
      align-items: center;
      display: flex;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li.relative:hover>a,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li.relative:hover>a:hover,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li.relative:hover>a,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li.relative:hover>a:hover {
      color: #d49e6a;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li.relative:hover>a:hover:after,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li>a:hover:after,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li.relative:hover>a:hover:after,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li>a:hover:after {
      border-bottom: 1px solid #a3a3a3;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_second>li:not(:last-child)>a:after,
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third>li:not(:last-child)>a:after {
      bottom: -1px;
      border-bottom: 1px solid #a3a3a3;
      content: "";
      position: absolute;
      left: 5%;
      width: 90%;
    }
  
    #header .main-nav .three-dimension .dropdown-menu .link_shelf_third {
      border: 1px solid #a3a3a3;
      display: none;
      left: 100%;
      position: absolute;
      top: -1px;
      width: 100%;
    }
  
    #header .main-nav .collection-all.dropdown-menu {
      padding: 0px;
    }
  
    #header .main-nav .collection-all .collection {
      background: #faeee1;
      width: 20%;
    }
  
    #header .main-nav .collection-all .title,
    #header .main-nav .collection-all .products .col-md-3 {
      height: 44px;
    }
  
    #header .main-nav .collection-all .products {
      display: none;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 80%;
    }
  
    #header .main-nav .collection-all .products .col-md-3 {
      padding: 0;
    }
  
    #header .main-nav .collection-all .collection:hover .title a {
      color: #d49e6a;
      background: none;
    }
  
    #header .main-nav .collection-all .collection:hover .products {
      display: block;
    }
  
    #header .main-nav .collection-all .collection:hover .products a:hover {
      background: none;
      color: #d49e6a;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu {
      padding: 10px;
      border: 1px solid #a3a3a3;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row {
      margin: 0;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row .title a {
      color: #565656;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row li:not(.title) a {
      color: #a3a3a3;
      background: none;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row .col-sm-2 {
      padding: 0;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row .col-sm-2:hover .title a {
      background: none;
      color: #d49e6a;
    }
  
    #header .main-nav .collection_link_shelf.dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
      color: #d49e6a;
    }
  
    #header .tool-nav {
      float: none;
      position: absolute;
      right: 0;
      top: 20px;
    }
  
    #header .main-nav {
      position: absolute;
      top: 15px;
      left: 284px;
    }
  
    #header .tool-nav .dropdown>a {
      padding: 5px 20px;
    }
  
    #header .tool-nav .link_shelf_top>li {
      position: relative;
      margin-right: 10px;
      transition: all 0.6s;
    }
  
    #header .tool-nav .link_shelf_top>li:hover {
      background-color: #b50920;
      border: 1px solid #b50920;
    }
  
    #header .tool-nav .link_shelf_top .dropdown-menu {
      left: 50% !important;
      transform: translate3d(-50%, 10px, 0px) !important;
      right: 0;
    }
  
    #header .tool-nav .customer_account .dropdown-menu,
    #header .tool-nav .cart .dropdown-menu {
      width: 300px;
      padding: 5px 0;
    }
  
    #header .tool-nav .search .dropdown-menu {
      padding: 15px;
      width: 300px;
    }
  
    #header .tool-nav .button,
    #header .tool-nav .total {
      margin: 10px 15px;
    }
  
    #header .tool-nav .total .global-cart-total {
      color: #e55555 !important;
      padding-left: 5px;
    }
  
    #header .tool-nav .cart_list {
      max-height: 50vh;
      overflow-y: scroll;
    }
  
    #header .tool-nav .cart_list p {
      margin: 0;
    }
  
    #header .tool-nav .cart_list a {
      line-height: 1.3;
    }
  
    #header .tool-nav .cart_list .product_item {
      display: grid;
      display: -ms-grid;
      -ms-grid-columns: 60px auto;
      grid-template-columns: 60px auto;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
      margin: 0 10px;
      padding: 10px 0;
    }
  
    #header .tool-nav .cart_list .thumb-img {
      grid-column: 1;
      -ms-grid-column: 1;
      grid-row: 1/3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
    }
  
    #header .tool-nav .cart_list .thumb-img img {
      opacity: 1;
    }
  
    #header .tool-nav .cart_list .title {
      grid-column: 2;
      -ms-grid-column: 2;
      grid-row: 1;
      -ms-grid-row: 1;
    }
  
    #header .tool-nav .cart_list .amount {
      grid-column: 2;
      -ms-grid-column: 2;
      grid-row: 2;
      -ms-grid-row: 2;
    }
  }
  
  @media (max-width: 991px) {
    #header .container {
      padding: 0;
      min-width: 100%;
    }
  
    #header .mobile-nav {
      width: 100%;
    }
  
    #header .mobile-nav a {
      padding: 0;
    }
  
    #header .mobile-nav ul {
      display: flex;
    }
  
    #header .mobile-nav ul>li {
      height: 50px;
      line-height: 50px;
      text-align: center;
      padding: 0 5px;
    }
  
    #header .mobile-nav .sidebar-menu-icon,
    #header .mobile-nav .member,
    #header .mobile-nav .cart,
    #header .mobile-nav .search {
      min-width: 50px;
    }
  
    #header .mobile-nav .logo {
      flex: 1;
      padding: 10px 5px;
    }
  
    #header .mobile-nav .logo a {
      height: 100%;
      vertical-align: top;
    }
  }
  
  @media (max-width: 450px) {
    #header .mobile-nav svg {
      height: 20px;
    }
    #header .mobile-nav .logo {
      flex: 1;
      padding: 12px 5px;
    }
  }
  
  .drawer-nav {
    background-color: #e5dad4;
  }