/*-- parent nav--*/

/*-- Hide by default--*/
.mobileNavContainer nav > ul,
.mobileNavContainer nav > ul > li > ul,
.mobileNavContainer nav > ul > li > ul > li > ul,
.mobileNavContainer nav > ul > li > ul > li > ul > li > ul,
.mobileNavContainer nav > ul > li > ul > li > ul > li > ul ul {
  /*-- level-3--*/
  position: fixed;
  /* top: 250px;*/
  top: 40px;
  display: none;
  height: calc(100vh - 30px);
  /*height: 100%;*/
  background-color: #28387b;
  width: 100%;
  /* z-index: 1000;*/
  z-index: 100000000000;
}
.navMobileNavContainer {
  transition: transform 1s ease-in-out;
}
/*
.navMobileNavContainer.move-to-up {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.navMobileNavContainer.move-to-down {
  opacity: 1;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
}*/

.mobileNavContainer nav > ul {
  left: 0px;
}
/*-- level-2--*/
.mobileNavContainer nav > ul > li > ul {
  left: 0px;
}
/*-- level-3--*/
.mobileNavContainer nav > ul > li > ul > li > ul {
  left: 0px;
}
/*-- level-4--*/
.mobileNavContainer nav > ul > li > ul > li > ul > li > ul {
  left: 0px;
  z-index: 3;
}

.mobileNavContainer nav > ul > li > ul > li > ul > li > ul ul {
  visibility: visible;
  display: none;
}

@media only screen and (min-width: 360px) {
  .mobileNavContainer nav > ul {
    left: 0px !important;
  }
  /*-- level-2--*/
  .mobileNavContainer nav > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-3--*/
  .mobileNavContainer nav > ul > li > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-4--*/
  .mobileNavContainer nav > ul > li > ul > li > ul > li > ul {
    left: 0px !important;
  }
}

@media only screen and (min-width: 768px) {
  .mobileNavContainer nav > ul {
    left: 0px !important;
  }
  /*-- level-2--*/
  .mobileNavContainer nav > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-3--*/
  .mobileNavContainer nav > ul > li > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-4--*/
  .mobileNavContainer nav > ul > li > ul > li > ul > li > ul {
    left: 0px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .mobileNavContainer nav > ul {
    left: 0px !important;
  }
  /*-- level-2--*/
  .mobileNavContainer nav > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-3--*/
  .mobileNavContainer nav > ul > li > ul > li > ul {
    left: 0px !important;
  }
  /*-- level-4--*/
  .mobileNavContainer nav > ul > li > ul > li > ul > li > ul {
    left: 0px !important;
  }
}

/* For small device */

.mobileNavContainer > .ct-dropdown-content {
  width: 100vw;
  background-color: #28387b;
  z-index: 10000;
  height: 100%;
  overflow-y: scroll;
}
.mobileNavContainer .ct-dropdown-content_sp li a,
.cmsmobileNavContainer .ct-dropdown-content_sp li a {
  padding: 0 30px;
  float: left;
  width: 100% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.mobileNavContainer > .ct-dropdown-content li > a {
  width: 100%;
}

nav .cd-dropdown ul {
  height: 200px;
  overflow: hidden;
  overflow-y: scroll;
}
.class-category-special-shopby-small {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .class-category-special-shopby-small {
    display: block !important;
  }
  .class-category-special-shopby-big {
    display: none;
  }
}
.navMobileNavContainer,
.navcmsMobileNavContainer {
  background-color: #28387b;
}
.mobileNavContainer ul a,
.cmsmobileNavContainer ul a {
  display: block;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-width: 1px;
  border-color: #242643;
  border-style: solid;
}
.navMobileNavContainer ul li,
.navcmsMobileNavContainer ul li {
  line-height: 35px;
  height: 35px;
}
.shop_by_category_small_header,
.cms_nav_menu_small_header {
  display: none;
  position: fixed;
  top: -20px;
  left: 0px;
  z-index: 10000;
  width: 100%;
  /* color: #585a70;*/
  background-color: #111433;
  border-bottom: 1px solid #242643;
  height: 60px;
  line-height: 60px;
}
.shop_by_category_small_header h2,
.cms_nav_menu_small_header h2 {
  position: relative;
  z-index: 10000;
  color: #585a70;
  font-weight: 700;
}
.shop_by_category_small_header a,
.cms_nav_menu_small_header a {
  position: absolute;
  z-index: 10000;
  right: 0;
  top: 0;
  overflow: hidden;
  /*text-indent: 100%;*/
  white-space: nowrap;
  color: white;
  padding: 5px;
  border: white 1px solid;
}

/*CMS Menu*/
/*-- Hide by default--*/
.cmsmobileNavContainer nav > ul,
.cmsmobileNavContainer nav > ul > li > ul,
.cmsmobileNavContainer nav > ul > li > ul > li > ul,
.cmsmobileNavContainer nav > ul > li > ul > li > ul > li > ul,
.cmsmobileNavContainer nav > ul > li > ul > li > ul > li > ul ul {
  /*-- level-3--*/
  position: fixed;
  left: 0px;
  /* top: 250px;*/
  top: 40px;
  display: none;
  height: calc(100vh - 30px);
  /*height: 100%;*/
  background-color: #28387b;
  width: 100%;
  /* z-index: 1000;*/
  z-index: 100000000000;
}
.cmsmobileNavContainer {
  transition: transform 1s ease-in-out;
}