.header-replace{
  width: 100%;
}
.header-wrap{
  left: 0;
  z-index:100;
  width: 100%;
  position: relative;

}

  .header-top .area-left{
    width:auto;
  }
  .header-top .area-center{
    width:auto;

  }
  .header-top .area-right{
    width:auto;
  }
  .header-top-bg{
    background-color:#f4f4f4; 
  }
  .header-top,
  .header-top-bg{
    height:42px;
  }
  .header-top .logo{
    height:42px;
    line-height:42px;
  }
  .header-top .area-left{
    padding-right:8px;
  }
  .header-top .area-center{
    padding-left:8px;
    padding-right:8px;
  }
  .header-top .area-right{
    padding-left:8px;
  }
  .header-top .area-left .header-content-wrap,
  .header-top .area-left .header-content-wrap > .widget{
    margin-right:25px;
  }
  .header-top .area-center .header-content-wrap,
  .header-top .area-right .header-content-wrap,
  .header-top .area-center .header-content-wrap > .widget,
  .header-top .area-right .header-content-wrap > .widget{
    margin-left:25px;
  }

  


  .header-top .header-content-wrap,.header-top .widget,.header-top .header-content-wrap > a,.header-top .header-content-wrap > a:link,.header-top .header-content-wrap > a:active,.header-top .header-content-wrap > a:visited,.header-top .topbar-contact a,.header-top .topbar-contact a:link,.header-top .topbar-contact a:active,.header-top .topbar-contact a:visited{color:#424242;font-size:14px;font-weight:normal;}
  .header-top .header-content-wrap > a:hover,
  .header-top .topbar-contact a:hover{
    color:#d1ae29;
  }


  .floating-active .header-top-bg:after{
    content:none;
  }
 
.header-center-bg{
  background-color:#ffffff; 

}


.header-center .area-left{
  width:200px;
}
.header-center .area-center{
  width:auto;
}
.header-center .area-right{
  width:700px;
}

.header-center,
.header-center-bg{
  height:100px;
}
.header-center .logo{
  height:100px;
  line-height:100px;
}
.header-center .area-left{
  padding-right:8px;
}
.header-center .area-center{
  padding-left:8px;
  padding-right:8px;
}
.header-center .area-right{
  padding-left:8px;
}
.header-center .area-left .header-content-wrap,
.header-center .area-left .header-content-wrap > .widget{
  margin-right:50px;
}
.header-center .area-center .header-content-wrap,
.header-center .area-right .header-content-wrap,
.header-center .area-center .header-content-wrap > .widget,
.header-center .area-right .header-content-wrap > .widget{
  margin-left:50px;
}


  .header-center .header-content-wrap,.header-center .widget,.header-center .header-content-wrap > a,.header-center .header-content-wrap > a:link,.header-center .header-content-wrap > a:active,.header-center .header-content-wrap > a:visited,.header-center .topbar-contact a,.header-center .topbar-contact a:link,.header-center .topbar-contact a:active,.header-center .topbar-contact a:visited{color:#333333;font-size:16px;font-weight:normal;}

.header-center .header-content-wrap > a:hover,
.header-center .topbar-contact a:hover{
  color:#d1ae29;
}
  .floating-active .header-center-bg:after{
    content:"";
    position:absolute;
    top: 0;
    left: -15px;
    bottom: 0;
    right: 0;
    z-index: 3;
    pointer-events:none; 
    -webkit-box-shadow: 6px 10px 10px -11px rgba(0,0,0,0.2);
    box-shadow: 6px 10px 10px -11px rgba(0,0,0,0.2);
  }
  
.header-bottom-bg{
  background-color:#7b4597; 
}
.header-bottom-bg:after{
  
}
.header-bottom .area-left{
  width:auto;
}
.header-bottom .area-center{
  width:auto;
}
.header-bottom .area-right{
  width:auto;
}

.header-bottom,
.header-bottom-bg{
  height:57px;
}
.header-bottom .logo{
  height:57px;
  line-height:57px;
}
.header-bottom .area-left{
  padding-right:8px;
}
.header-bottom .area-center{
  padding-left:8px;
  padding-right:8px;
}
.header-bottom .area-right{
  padding-left:8px;
}
.header-bottom .area-left .header-content-wrap,
.header-bottom .area-left .header-content-wrap > .widget{
  margin-right:0px;
}
.header-bottom .area-center .header-content-wrap,
.header-bottom .area-right .header-content-wrap,
.header-bottom .area-center .header-content-wrap > .widget,
.header-bottom .area-right .header-content-wrap > .widget{
  margin-left:0px;
}



  .header-bottom .header-content-wrap, .header-bottom .widget,  .header-bottom .header-content-wrap > a,  .header-bottom .header-content-wrap > a:link,  .header-bottom .header-content-wrap > a:active,  .header-bottom .header-content-wrap > a:visited,.header-bottom .topbar-contact a,.header-bottom .topbar-contact a:link,.header-bottom .topbar-contact a:active,.header-bottom .topbar-contact a:visited{color:#ffffff;font-size:14px;font-weight:normal;}

.header-bottom .header-content-wrap > a:hover,
.header-bottom .topbar-contact a:hover{
  color:#ffffff;
}
  .dark-split-line .area-left,
  .dark-split-line .area-center,
  .floating-active .floating-dark-split-line .area-left,
  .floating-active .floating-dark-split-line .area-center{
    border-right:1px solid rgba(0,0,0,.1);
  }
  .dark-bottom-line,
  .floating-active .floating-dark-bottom-line{
    border-bottom:1px solid rgba(0,0,0,.1);
  }

  .light-split-line .area-left,
  .light-split-line .area-center,
  .floating-active .floating-light-split-line .area-left,
  .floating-active .floating-light-split-line .area-center{
    border-right:1px solid rgba(255,255,255,.3);
  }
  .light-bottom-line,
  .floating-active .floating-light-bottom-line{
    border-bottom:1px solid rgba(255,255,255,.3);
  }

  .floating-active .floating-off-split-line .area-left,
  .floating-active .floating-off-split-line .area-center{
    border-right-color:transparent;
  }
  .floating-active .floating-off-bottom-line{
    border-bottom-color:transparent;
  }

  

  .floating-active .header-bottom-bg:after{
    content:none;
  }
   
  .side-panel.side-panel-active,
  .side-panel.side-static-left,
  .side-panel.side-static-right{
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
  }
  
  .side-panel .nav-top{
    border-bottom:1px dashed #b8b8b8;
  }
  .side-panel .nav-bottom{
    border-top:1px dashed #b8b8b8;
  }


  .side-panel .side-panel-main{
  background-color:#FFFFFF; 
  }

  .side-panel .side-panel-main{color:#373737;font-size:14px;font-weight:normal;}


  .side-panel {
    left: -300px;
    width: 300px;
  }
    
  .side-panel.side-right {
    right: -300px;
  }  
  .side-panel-active.side-panel.side-left .close-panel > .fa{
    left: 312px;
  }

  .side-panel-active.side-panel.side-right .close-panel > .fa{
    right: 312px;
  } 
  .side-panel.side-push-right {
    right: -300px;
  }
  .side-push-left-active body{
    margin-left: 300px;
  }
  
  .side-push-right-active body{
    margin-left: -300px;
  }

  .side-push-left-active .side-panel .close-panel > .fa{
   transform: translateX(300px);
    -webkit-transform: translateX(300px);
  }
  .side-push-right-active .side-panel .close-panel > .fa{
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
  }

  .side-panel-main,
  .side-reval-left-active .side-reval-left,
  .side-reval-right-active .side-reval-right{
    width: 300px;
  }
 .side-reval-left-active body {
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
  }
  
  .side-reval-right-active body {
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
  }
  .body-side-static-left {
    margin-left:300px;
  }
  .body-side-static-right {
    margin-right: 300px;
  }
  .side-static-left.side-panel-active {
    left: -300px;
  }
  .side-static-right.side-panel-active {
    right: -300px;
  }
  .side-panel .close-panel > .fa {
    left: 312px;
  }
  .body-side-static-left .sticky-fixed .floating-nav.floating-nav-sticky, 
  .body-side-static-left .floating-nav.floating-active{
    padding-left: 300px;
  }
  .body-side-static-right .sticky-fixed .floating-nav.floating-nav-sticky, 
  .body-side-static-right .floating-nav.floating-active{
    padding-right: 300px;
  }

  .side-panel-btn.style_custom{
    background-color: #ffffff;
  }
  .side-panel-btn.style_custom .icons i{
    background-color: #20a3f0;
  }
  .side-panel-btn.style_custom.active,
  .side-panel-btn.style_custom:hover{
    background-color: #20a3f0;
  }
  .side-panel-btn.style_custom.active .icons i,
  .side-panel-btn.style_custom:hover .icons i{
    background-color: #ffffff;
  }
  

.side-panel .nav-top{
  padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;
}
.side-panel .nav-bottom{
  padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;
}


  .side-panel a,  .side-panel a:link,  .side-panel a:active,  .side-panel a:visited{color:#373737;font-size:14px;font-weight:normal;}

.side-panel a:hover{
  color:#d1ae29;
}


  #dng-leftmenu > ul > li > a,  #dng-leftmenu > ul > li > a:link,  #dng-leftmenu > ul > li > a:active,  #dng-leftmenu > ul > li > a:visited,  #dng-leftmenu > ul > li > span{color:#424242;font-size:14px;font-weight:normal;}


  #dng-leftmenu li li a,  #dng-leftmenu li li a:link,  #dng-leftmenu li li a:active,  #dng-leftmenu li li a:visited,  #dng-leftmenu li li span{color:#373737;font-size:12px;font-weight:normal;}


#dng-leftmenu ul.menu_list li.active > a ,
#dng-leftmenu ul.menu_list li:hover > a ,
#dng-leftmenu ul.menu_list li > a:hover,
#dng-leftmenu ul.menu_list li.current-menu-parent > a ,
#dng-leftmenu ul.menu_list li.current-menu-ancestor > a ,
#dng-leftmenu ul.menu_list li.current-menu-item > a,
#dng-leftmenu ul.menu_list li > a.current-anchor {
  color:#d1ae29;
}

#dng-leftmenu ul.menu_list li.active > span:after,
#dng-leftmenu ul.menu_list li:hover > span:after,
#dng-leftmenu ul.menu_list li.current-menu-parent > span:after,
#dng-leftmenu ul.menu_list li.current-menu-ancestor > span:after ,
#dng-leftmenu ul.menu_list li.current-menu-item > span:after {
  border-color:#d1ae29;
}
.dng-overlay-reveal{
  background-color:rgba(0,0,0,0.9); 
}
.dng-overlay{
  background-color:rgba(0,0,0,0.9); 

}

.dng-overlay .mm-menu .mm-listview, .dng-overlay .mm-menu .mm-navbar a, .dng-overlay .mm-menu .mm-navbar > *, .dng-overlay .mm-title:after, .dng-overlay .mm-next:after{color:#ffffff;font-size:30px;font-weight:500;line-height:52px;}

.dng-overlay .lnr{
color:#ffffff
}
.dng-overlay .mm-navbar .mm-title:hover:after,
.dng-overlay .mm-menu a:hover,
.dng-overlay .lnr:hover,
.overlay-menu-html a:hover{
  color:#d1ae29;
}

 .dng-overlay .overlay-menu-html,  .dng-overlay .overlay-menu-html .widget-title,  .dng-overlay .overlay-menu-html a,   .dng-overlay .overlay-menu-html a:link,   .dng-overlay .overlay-menu-html a:active,   .dng-overlay .overlay-menu-html a:visited{color:#ffffff;font-size:14px;font-weight:normal;}
  
.dng-overlay .overlay-menu-html a:hover{
  color:#d1ae29;
}

.overlay-menu li.current-menu-parent > a ,
.overlay-menu li.current-menu-ancestor > a ,
.overlay-menu li.current-menu-item > a {
  color:#d1ae29;
}
.overlay-menu li.current-menu-parent > .mm-next:after,
.overlay-menu li.current-menu-ancestor > .mm-next:after,
.overlay-menu li.current-menu-item > .mm-next:after{
  color:#d1ae29;
}



  .floating-active .header-center .header-content-wrap,
  .floating-active .header-center .widget,
  .floating-active .header-center .header-content-wrap > a,
  .floating-active .header-center .header-content-wrap > a:link,
  .floating-active .header-center .header-content-wrap > a:active,
  .floating-active .header-center .header-content-wrap > a:visited,
  .floating-active .header-center #dng-megamenu .primary-structure>li>a, 
  .floating-active .header-center #dng-megamenu .primary-structure>li>a:link, 
  .floating-active .header-center #dng-megamenu .primary-structure>li>a:active, 
  .floating-active .header-center #dng-megamenu .primary-structure>li>a:visited{  
    color:#424242;
  }
  .floating-active .header-top .search-text {
      border-bottom: 1px solid rgba(0,0,0,0.9);
  }
  .floating-active .header-top .search-text .text,
  .floating-active .header-top .search-text .submit{
      color: #333333;
  }
  
  .floating-nav.floating-active .header-center-bg{
    background-color:#ffffff; 

  }


/*floating*/

.dng-main.boxed .floating-nav.floating-active{
  top:0;
}

.floating-nav-sticky.header-wrap{
  transition: 		background-color ease-in 200ms;
  -moz-transition: 	background-color ease-in 200ms; /* Firefox 4 */
  -webkit-transition:     background-color ease-in 200ms; /* Safari and Chrome */
  -o-transition: 		background-color ease-in 200ms; /* Opera */
  -ms-transition: 	background-color ease-in 200ms; /* IE9? */	
}



.floating-nav-fade.floating-active .floating-display-none{
  display:none;
}
.floating-nav-slide.floating-active .floating-display-none{
  display:none;
}
.floating-nav-sticky .header-top,
.floating-nav-sticky .header-center,
.floating-nav-sticky .header-bottom,
.floating-nav-sticky .header-top-bg,
.floating-nav-sticky .header-center-bg,
.floating-nav-sticky .header-bottom-bg,
.floating-nav-sticky .logo,
.floating-nav-scrollup .header-top,
.floating-nav-scrollup .header-center,
.floating-nav-scrollup .header-bottom,
.floating-nav-scrollup .header-top-bg,
.floating-nav-scrollup .header-center-bg,
.floating-nav-scrollup .header-bottom-bg,
.floating-nav-scrollup .logo{
  -moz-transition: 	all ease-out 250ms; /* Firefox 4 */
  -webkit-transition: all ease-out 250ms; /* Safari and Chrome */
  -o-transition: 		all ease-out 250ms; /* Opera */
  -ms-transition: 	all ease-out 250ms; /* IE9? */	
  transition: 		all ease-out 250ms;
}

.floating-nav-sticky.floating-active .header-top-bg.floating-display-none,
.floating-nav-sticky.floating-active .header-center-bg.floating-display-none,
.floating-nav-sticky.floating-active .header-bottom-bg.floating-display-none,
.floating-nav-sticky.floating-active .header-top-bg.floating-display-none .header-top,
.floating-nav-sticky.floating-active .header-center-bg.floating-display-none .header-center,
.floating-nav-sticky.floating-active .header-bottom-bg.floating-display-none .header-bottom,
.floating-nav-scrollup.floating-active .header-top-bg.floating-display-none,
.floating-nav-scrollup.floating-active .header-center-bg.floating-display-none,
.floating-nav-scrollup.floating-active .header-bottom-bg.floating-display-none,
.floating-nav-scrollup.floating-active .header-top-bg.floating-display-none .header-top,
.floating-nav-scrollup.floating-active .header-center-bg.floating-display-none .header-center,
.floating-nav-scrollup.floating-active .header-bottom-bg.floating-display-none .header-bottom{
  overflow: hidden;
  height:0px;
  border-width:0px;
  padding-top:0;
  padding-bottom:0;
}
.floating-nav-sticky .logo,
.floating-nav-sticky .logo{
  overflow: hidden;
}

.floating-nav.floating-active .header-top,
.floating-nav.floating-active .header-top-bg{
  height:42px;
}
.floating-nav.floating-active .header-top .logo{
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center;
  transform-origin: center;
  height:42px;
  line-height:42px;
}



.floating-nav.floating-active .header-center,
.floating-nav.floating-active .header-center-bg{
  height:70px;
}
.floating-nav.floating-active .header-center .logo{
  -webkit-transform-origin: center;
  transform-origin: center;
  height:70px;
  line-height:70px;
}


.floating-nav.floating-active .header-bottom,
.floating-nav.floating-active .header-bottom-bg{
  height:42px;
}
.floating-nav.floating-active .header-bottom .logo{
  height:42px;
  line-height:42px;
}

.overlay-panel-content:before{
  opacity:0.97;
  background-color:#ffffff;
  background: -webkit-linear-gradient(right top, #ffffff, #ffffff);  
  background: -o-linear-gradient(right top, #ffffff, #ffffff);   
  background: -moz-linear-gradient(right top, #ffffff, #ffffff);   
  background: linear-gradient(to right top,#ffffff, #ffffff);
}
.overlay-panel-box .icon_list{
  background-color:#20a3f0;
}
.overlay-panel-box .icon_list:hover{
  background-color:#333333;
}

.sticky-fixed .floating-nav.floating-nav-scrollup{
  -webkit-transition:none;
  transition:none;

}

.sticky-fixed .floating-nav.floating-nav-scrollup{
  -webkit-transition:none;
  transition:none;
}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active{
  opacity: 0;
  margin-top: -100px;
}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active.floating-active-down{
  opacity: 1;
  -webkit-transition: opacity linear 300ms 300ms, margin linear 300ms ;
  transition: opacity linear 300ms 300ms, margin linear 300ms 300ms;
  margin-top: 0;

}
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active.floating-active-up{
  -webkit-transition: opacity linear 300ms, margin linear 300ms;
  transition: opacity linear 300ms, margin linear 300ms;
  opacity: 0;
  margin-top: -100px;
}


/*hover-accent*/
.header-top .header-content-wrap > a:hover,
.header-top .hover-accent:hover,
.header-top .hover-accent.active{
  color:#d1ae29;
}
.header-top .border-accent{
  border-color:#d1ae29!important;
}
.header-top .bg-accent{
  color:#FFF!important;
  background-color:#d1ae29;
}
.header-top .color-accent{
  color:#d1ae29;
}
.header-top .hover-bg-accent:hover{
  background-color:#d1ae29;
}

.header-center .header-content-wrap > a:hover,
.header-center .hover-accent:hover,
.header-center .hover-accent.active{
  color:#d1ae29;
}

.header-center .border-accent{
  border-color:#d1ae29!important;
}
.header-center .bg-accent{
  color:#FFF!important;
  background-color:#d1ae29;
}
.header-center .color-accent{
  color:#d1ae29;
}
.header-center .hover-bg-accent:hover{
  background-color:#d1ae29;
}



.header-bottom .header-content-wrap > a:hover,
.header-bottom .hover-accent:hover,
.header-bottom .hover-accent.active{
  color:#ffffff;
}

.header-bottom .border-accent{
  color:#FFF!important;
  border-color:#ffffff!important;
}
.header-bottom .bg-accent{
  background-color:#ffffff;
}
.header-bottom .color-accent{
  color:#ffffff;
}
.header-bottom .hover-bg-accent:hover{
  background-color:#ffffff;
}



/*menu*/

#dng-megamenu .primary-structure>li>a{
  padding-top:5px;padding-right:50px;padding-bottom:5px;
}

/*hoverstyle_1*/
#dng-megamenu.hoverstyle_1 > .primary-structure > li > a:before {
  left:px;
  border-width:2px;
  border-color:#ffffff
}
#dng-megamenu.hoverstyle_1 > ul > li:hover > a:before,
#dng-megamenu.hoverstyle_1 > ul > li.current-menu-item > a:before,
#dng-megamenu.hoverstyle_1 > ul > li.current-menu-ancestor > a:before,
#dng-megamenu.hoverstyle_1 > ul > li.menu_hover > a:before,
#dng-megamenu.hoverstyle_1 > ul > li > a.current-anchor:before {
  right:50px;
}
#dng-megamenu.hoverstyle_1 > ul > li:hover > a,
#dng-megamenu.hoverstyle_1 > ul > li.current-menu-item > a,
#dng-megamenu.hoverstyle_1 > ul > li.menu_hover > a,
#dng-megamenu.hoverstyle_1 > ul > li > a.current-anchor {
  color:#ffffff!important;
}
 
  #dng-megamenu .flyout-menu .slide-menu,
  #dng-megamenu .flyout-menu .sub-menu {
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
 
#dng-megamenu .boxslide{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}


  #dng-megamenu .primary-structure>li>a, #dng-megamenu .primary-structure>li>a:link, #dng-megamenu .primary-structure>li>a:active,#dng-megamenu .primary-structure>li>a:visited{color:#ffffff;font-family:"Roboto Slab";font-size:16px;font-weight:normal;line-height:20px;}

#dng-megamenu .flyout-menu .slide-menu,
#dng-megamenu .flyout-menu .sub-menu {
  background-color:#ffffff; 
}
 #dng-megamenu .flyout-menu li, #dng-megamenu .flyout-menu li a{color:#333333;font-size:13px;font-weight:normal;line-height:39px;}

#dng-megamenu .flyout-menu li:hover>a, 
#dng-megamenu .flyout-menu li.subcurrent>a{
  background-color:#d1ae29
}

#dng-megamenu .boxslide{
  background-color:#ffffff; 
}

#dng-megamenu .boxslide:not(.megamenu-content) a, #dng-megamenu .boxslide:not(.megamenu-content) a:link, #dng-megamenu .boxslide:not(.megamenu-content) a:active, #dng-megamenu .boxslide:not(.megamenu-content) a:visited{color:#666666;font-size:13px;font-weight:normal;line-height:35px;}


    #dng-megamenu .mega-menu .boxslide > .slide-menu > li > a,#dng-megamenu .mega-menu .boxslide > .slide-menu > li.hide-title > div > ul >li > a,.boxslide.megamenu-content .widget-title{color:#424242;font-size:15px;font-weight:500;line-height:35px;}

  #dng-megamenu .menuslide > .boxslide:not(.megamenu-content) a:hover{
    background-color:#d1ae29;
  }
  #dng-megamenu .mega-menu .boxslide > .slide-menu > li > a:hover ,
  #dng-megamenu .mega-menu .boxslide > .slide-menu > li.hide-title > div > ul >li > a:hover{
    color:#d1ae29;
  }

  #dng-megamenu .mega-menu .boxslide > .line span{
    border-color:#dcdcdc;
  }

 
  .mobile-header{
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }
  
    #dng-mobilemenu,
    .mobile-header-replace{
      display:none;
    }
    .header-wrap p{
      margin: 0;
    }

    /*mobile header*/

    @media only screen and (max-width: 992px) {
      .header-wrap,
      .header-replace{
        display:none;
      }
      #dng-mobilemenu, 
      .mobile-header-replace{
        display:block
      }
      .mobile-header{
      display:table;
        width:100%;
      }
      .mobile-header .logo{
        display:table-cell;
        vertical-align: middle;
      }
      .mobile-header .navbar-tool{
        display:table-cell;
        text-align: right;
        vertical-align: middle;
      }
      .navbar-tool{
        white-space: nowrap;
      }
      .navbar-tool > .widget,
      .navbar-tool > .mobile-menu-icon{
        display: inline-block;
        vertical-align: middle;
        white-space:normal;
        margin-left: 12px;
        cursor: pointer;
      }
      .navbar-tool > .mobile-menu-icon{

      }
      .navbar-tool > .mobile-menu-icon .lnr{
      }
      .mobile-header .search-popup-box{
        display: inline-block;
      }
      
      .mobile_menu_show{
        overflow: hidden
      }

      #dng-mobilemenu{
        left:auto;
        right:0;
        top:64px;
        background-color:#FFFFFF; 
      }    

      .mobile-header .search-popup-box .icon,.mobile-header .mobile-menu-icon{color:#333333;font-size:18px;font-weight:normal;}
 
  .mobile-header .search-popup-box .icon:hover, 
  .mobile-header .mobile-menu-icon:hover,
  .mobile-header .mobile-menu-icon .active{
    color:#d1ae29;
  }


      
     #dng-mobilemenu .mm-listview,#dng-mobilemenu .mm-listview>li>a{color:#666666;font-size:15px;font-weight:normal;}
    
      
      #dng-mobilemenu .mm-listview > li .mm-next:after, 
      #dng-mobilemenu .mm-listview > li .mm-arrow:after{
        border-color:#666666
      }
     
        #dng-mobilemenu .mm-title{color:#333333;font-size:20px;font-weight:500;}
     
      #dng-mobilemenu .mm-close:after,
      #dng-mobilemenu .mm-btn.mm-prev:after{
        color:#666666!important;
      }
    
      #dng-mobilemenu #panel-wrap-0 .mm-listview>li>a{color:#333333;font-size:18px;font-weight:normal;}
     
      #dng-mobilemenu .mm-listview>li:hover>a,
      #dng-mobilemenu .mm-listview>li.mm-selected>a,
      #dng-mobilemenu .mm-listview>li>a.current-anchor{
        color:#d1ae29!important;
      }
      #dng-mobilemenu .mm-listview > li:hover .mm-next:after, 
      #dng-mobilemenu .mm-listview > li:hover .mm-arrow:after,
      #dng-mobilemenu .mm-listview > li.mm-selected .mm-next:after, 
      #dng-mobilemenu .mm-listview > li.mm-selected .mm-arrow:after{
        border-color:#d1ae29;
      }
      .mobile-header{
        z-index: 1000;
      background-color:#FFFFFF; 
        height:64px;
     
      padding-left:15px;
      padding-right:15px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
			position:fixed;
      width:100%;
    }
    .mobile-header{color:#333333;font-size:18px;font-weight:normal;}
    .mobile-header-replace{
      height:64px;
    }
		.mobile-header > *{
			height:64px;
		}
    .mobile-header > .logo{
      text-align:left;
      padding-top:12px;padding-bottom:12px;
    }
		.mobile-header img{
			max-height:100%;
		}
		.mobile-header .search-popup-box .icon.active, 
		.mobile-header .search-popup-box:hover .icon,
    .mobile-header .mobile-menu-icon:hover .fa-bars:before,
		.mobile-header .search-popup-box .submit:hover,
		.mobile-header .search-popup-box .popup-close:hover,
		.mobile-header .shop-cart-list .shop-list .remove:hover,
		.mobile-header .shop-cart-list .shop-list .price-info span,
		.mobile-header .shop-cart-list .shop-list .number-box .number-up:hover,
		.mobile-header .mobile-header .shop-cart-list .shop-list .number-box .number-down:hover{
			color:#d1ae29;
		}
		.mobile-header .shopping-cart-box .shopping-cart-content{
			border-top-color:#d1ae29;
		}
		.mobile-header .shopping-cart-box .shopping-cart-content:before{
			border-bottom-color:#d1ae29;
		}
		.mobile-header .shopping-cart-box .icon .badge,
		.mobile-header .shop-cart-list .shop-cart-footer > .footer-btn:hover{
			background-color:#d1ae29;
		}
		.mobile_menu_show .mobile-menu-icon .fa-bars:before{
			content:"\f00d";
			color:#d1ae29;
		}
      
    .mm-slideout.mobile_menu_show{
      overflow: hidden;
    }
     
    .body-side-static-left {
      margin-left: 0;
    }

    .body-side-static-right {
      margin-right: 0;
    }

    /* search-popup-box */
    .search-popup-box .popup-close{
      right: 13px;
      top: 0;
      height:64px;
      line-height:64px;
      transition: 		color ease-in 200ms, opacity ease-in 200ms 200ms !important;
      -moz-transition: 	color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Firefox 4 */
      -webkit-transition:     color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Safari and Chrome */
      -o-transition: 		color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Opera */
      -ms-transition: 	color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* IE9? */

      z-index: 1;
    }
    .search-popup-box .popup-close .lnr{
      line-height:64px;
    }
    .search-popup-box .popup-reveal{
      display: none;
    }
    .search-popup-box .popup-content{
      opacity: 0;
      visibility: hidden;
      color: #666;
      
      transform: translateX(0%);
      -ms-transform: translateX(0%); /* Internet Explorer */
      -moz-transform: translateX(0%); /* Firefox */
      -webkit-transform: translateX(0%); /* Safari 和 Chrome */
      -o-transform: translateX(0%); /* Opera */
  
      transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
    }
    .search-popup-box .popup-content.active{
      opacity: 1;
      visibility: visible;

      transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -webkit-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
    }
    .search-popup-box .popup-content .popup-center{
      transform: scale(1.1) !important;
      -ms-transform: scale(1.1) !important; /* Internet Explorer */
      -moz-transform: scale(1.1) !important; /* Firefox */
      -webkit-transform: scale(1.1) !important; /* Safari 和 Chrome */
      -o-transform: scale(1.1) !important; /* Opera */

      transition-delay: 0ms !important;
      -moz-transition-delay: 0ms !important; /* Firefox 4 */
      -webkit-transition-delay: 0ms !important; /* Safari 和 Chrome */
      -o-transition-delay: 0ms !important; /* Opera */
      -ms-transition-delay: 0ms !important; /* IE9? */

      transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
      -moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Firefox 4 */
      -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Safari 和 Chrome */
      -o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Opera */
      -ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* IE9? */

    }
    .search-popup-box .popup-content.active .popup-center{
      transform: scale(1) !important;

    }
     
    }

    @media only screen and (max-width: 767px) {
      .mobile-header{
        height:64px;
      }
      .mobile-header > *{
        height:64px;
      }
       .mobile-header-replace{
        height:64px;
      }
      .mobile-header logo img{
        max-height:64px;
      }
      #dng-mobilemenu{
        top:64px;
      }    

      /* search-popup-box */
      .search-popup-box .popup-close{
        right: 13px;
        top: 0;
        height:64px;
        line-height:64px;
      }
      .search-popup-box .popup-close .lnr{
        line-height:64px;
      }
      
    }