/* BASIC css start */
#ep-header #magjay-tab {
  position: fixed;
  top: 0;
  left: 0;
  width: 25%;
  min-width:350px;
  z-index: 1;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all var(--speed);
  background: var(--back2);
  box-sizing: border-box;
  padding: var(--p-4) var(--p-2) var(--p-2);
  pointer-events: none;
  border: none;
  text-align: left;
}

#ep-header .header-menu:hover #magjay-tab {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

#ep-header #magjay-tab p {
 padding:5px 0;
  font-size: var(--f-1);
  display: block;
  color: #000;
  cursor: pointer;
}

#ep-header #magjay-tab.shop-tab div {
  display: none;
}

#ep-header #magjay-tab p a {
  font-size: var(--f-1);
  display: block;
  padding: 0;
  color: #000;
  opacity: 1;
}

#ep-header #magjay-tab a {
  font-size: var(--f-0);
  display: block;
  padding: 0 0 var(--p-0);
  color: #000;
  opacity: 0.6;
  transition: all var(--speed);
}

#ep-header #magjay-tab a:hover {
  opacity: 1;
}

#ep-header #magjay-tab a:after {
  display: none;
}

#ep-header #magjay-tab span {
  display: block;
  font-size: 0;
  padding: 0 0 var(--p-2);
}
#magjay-tab > .cateW > ul{
margin-top:30px;
}
#magjay-tab > .cateW > ul:nth-child(1){
margin-top:0;
}
#magjay-tab > .cateW > ul > li:not(.BrandMagjay) {
    display: none;
}
/* BASIC css end */