.top-nav ul.nav-menu.toggled-on, .hamburger {
    display: inline-block;
    float: right; }
    /* hamburger menu */
.hamburger {
    margin: -60px 0 0;
    float: right;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    overflow: visible; }
  
  .hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative; }
  
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
  
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 19px;
    height: 2px;
    background-color: #fff;
    border-radius: 0;
    position: absolute;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  
  .hamburger-inner::before,
  .hamburger-inner::after {
    content: "";
    display: block; }
  
  .hamburger-inner::before {
    top: -7px; }
  
  .hamburger-inner::after {
    bottom: -7px; }
  
  /*  3DXY Reverse */
  .hamburger--3dxy-r .hamburger-box {
    perspective: 80px; }
  
  .hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  
  .hamburger.is-active {
       position: fixed;
    z-index: 120;
    right: 84px;
    top: 100px; }
  
  .hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 4px, 0) rotate(50deg);
    background: #333; }
  
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-50deg);
    background: #333; }
/*
    @media (max-width: 640px) {
        .main-header .logo-wrap {
          max-width: 240px; }
      
        .main-header .logo-wrap img {
          width: 70%; }
      
        .hamburger {
          margin-top: 10px; }
      
        .fixed-header .hamburger {
          margin-top: 10px; }
      
        .hamburger.is-active {
          margin-top: -25px; }
      
        .fixed-header .hamburger.is-active {
          margin-top: 10px; }
      
        .top-nav ul li {
          font-size: 18px; }
      
        .top-nav li .submenuToggle {
          top: 0.778em;
          width: 1.667em;
          height: 1.667em;
          background-size: 1.389em;
         }
}
*/
          @media (min-width: 1025px) {
            .hamburger,
            .top-nav li .submenuToggle {
              display: none; }
          }  
          @media (max-width: 1024px){
              .submenu .submenuOpened > a {
    font-weight: 700;
}
            .top-nav ul li a {
                display: block;
                color: #333;
                font-weight: 400;
            }
            .top-nav ul li ul {
                display: none;
            }
            .top-nav ul li ul {
                background: transparent;
            }
              .top-nav ul li ul li {border-bottom: none;}
              nav ul li ul li a {padding: 8px 0px 8px 10px !important;}
            .top-nav.menu-opened {
                opacity: 1;
                visibility: visible;
                z-index: 100;
                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s; 
            }
            .top-nav, .top-nav.menu-opened {
                position: fixed;
                top: 0;
                left: 0;
                width: calc(100% - 60px);
                height: 100%;
                background: #f8f8f8;
                flex-wrap: wrap;
                display: inline-block;
            }
            .top-nav {
                opacity: 0;
                visibility: hidden;
                z-index: -10;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
            }
            .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {
                margin: auto;
                width: 100%;
            }
            .top-nav.menu-opened ul.nav-menu, .top-nav div.nav-menu > ul {
                display: block;
            }
              .top-nav li .submenuToggle {
            position: absolute;
    top: 14px;
    right: 5px;
    width: 1.818em;
    height: 14px;
    background: url(../images/menu-right-arrow.svg) no-repeat center;
    background-size: 1.291em;
    display: block;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;}
            
            .menu-top-primary-menu-container {
    width: 100%;
    text-align: left;
    padding: 90px 20px 20px 20px;
}
              
          }
 @media (max-width: 767px){         
 nav ul li ul li a {padding: 8px 0 !important;}
}
        
       
@media (min-width: 1025px){
.hamburger, .top-nav li .submenuToggle {
    display: none;
}
}