.dng-mobilemenu.mobile_menu {
  right: 0;
  left: 0;
  top: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  z-index: 1010;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  display: block;
  padding-top: 4.5714rem;
}

.mobile_menu_show .dng-mobilemenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.dng-mobilemenu .mobile-menu-icon {
  position: absolute;
  top: 1.3571rem;
  right: 0.2143rem;
  color: #FFF;
}


.dng-mobilemenu .panel-wrap .current a span,
.dng-mobilemenu .panel-wrap .subcurrent a span {
  font-weight: 600 !important;
}

.header-mobile .dg-menu-anime {}

.dng-mobilemenu .mobile-menu-icon {
  -webkit-transition: margin 0.4s ease-in-out;
  transition: margin 0.4s ease-in-out;

}

.mobile-menu-icon .dg-menu-anime {
  -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.dng-mobilemenu .mobile-menu-icon .dg-menu-anime.active i:after {
  opacity: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.dng-mobilemenu .mobile-menu-icon .dg-menu-anime.active:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1.7857rem;
}

.dng-mobilemenu .mobile-menu-icon .dg-menu-anime.active:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 1.7857rem;
}

.header-mobile .dg-menu-anime.active {
  -webkit-transform: translateX(3.5714rem);
  transform: translateX(3.5714rem);
  opacity: 0;
}

.header-mobile .dg-menu-anime.active i:after {
  -webkit-transform: none;
  transform: none;
}

.header-mobile .dg-menu-anime.active:before {
  top: 1.2143rem;
}

.header-mobile .dg-menu-anime.active:after {
  top: 0.2143rem;
}