#header {
    background: #fff;
    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: #b898e4; }
      #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 .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: #fff;
        transition: all ease-in-out .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 #b898e4;
        border-radius: 5px;
        color: #b898e4;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-signin:hover, #header nav .btn-orders:hover {
          background: #b898e4;
          color: #fff; }
      #header nav .btn-checkout {
        background: #b898e4;
        border-color: #b898e4;
        border-radius: 5px;
        color: #fff;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-checkout:hover {
          background: #715697;
          border-color: #715697; }
      #header nav .btn-search {
        background: #b898e4;
        border-color: #b898e4;
        border-radius: 5px;
        color: #fff;
        transition: all ease-in-out .15s;
        text-align: center; }
        #header nav .btn-search:hover {
          background: #715697;
          border-color: #715697; }
      #header nav .close-dropdown {
        background: #fff;
        border: 1px solid #ABB4BB;
        border-radius: 5px;
        color: #ABB4BB;
        transition: all ease-in-out .15s;
        text-align: center;
        border: none; }
        #header nav .close-dropdown:hover {
          background: #fff;
          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: #fff;
      background: #b898e4; }
    #header .main-nav .dropdown-menu li {
      height: 44px; }
    #header .main-nav .dropdown-menu a {
      padding: 4px 10px; }
      #header .main-nav .dropdown-menu a:hover {
        background: #e2e2e2;
        color: #b898e4; }
      #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;
        height: 36px; }
    #header .main-nav .link_shelf_second, #header .main-nav .link_shelf_third {
      background: #fff; }
      #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 > a:after, #header .main-nav .link_shelf_third > li > a:after {
            bottom: -1px;
            border-bottom: 1px solid #e2e2e2;
            content: "";
            position: absolute;
            left: 5%;
            width: 90%; }
        #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: #b898e4; }
        #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 .collection-all .collection {
      background: #e2e2e2;
      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: #b898e4; }
    #header .main-nav .collection-all .collection:hover .products {
      display: block; }
      #header .main-nav .collection-all .collection:hover .products a:hover {
        background: none;
        color: #b898e4; }
    #header .main-nav .dropdown-menu {
      padding: 0px;
      border: 1px solid #e2e2e2; }
      #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: #b898e4; }
          #header .main-nav .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
            color: #b898e4; }
    #header .main-nav .link_shelf_third {
      border: 1px solid #e2e2e2;
      display: none;
      left: 100%;
      position: absolute;
      top: -1px;
      width: 100%; }
    #header .main-nav .link_shelf_second .relative:hover .link_shelf_third {
      display: block; }
    #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: #fc648c !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; } }