.navobile-mobile-only {
    display: none;
}

#navobile-device-pixel {
  width: 0;
}

@media screen and (min-width: 0px) and (max-width: 992px) {
    html,
    .navobile-bound {
      overflow-x: hidden;
      overflow-y: scroll;
      height: auto;
      width: 100%;
    }

    .overflowscrolling {
      -webkit-overflow-scrolling: touch;
    }
    
    #navobile-device-pixel {
      width: 1px;
    }

    .navobile-mobile-only {
      display: block;
    }

    .navobile-desktop-only {
      display: none;
    }

    .navobile-navigation {
      height: 100%;
      left: -100%;
      overflow: auto;
      position: absolute;
      top: -100%;
      width: 80%;
      z-index: -1;
      
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    .navobile-bound .navobile-navigation {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 1;
    }

    .navobile-navigation ul {
      overflow: hidden;
    }

    .navobile-navigation li {
      float: none;
      overflow: hidden;
    }

    .navobile-content {
      position: relative;
      z-index: 3;

      -webkit-transition: -webkit-transform 0.2s linear;
      -moz-transition: -moz-transform 0.2s linear;
      -o-transition: -ms-transform 0.2s linear;
      -ms-transition: -o-transform 0.2s linear;
      transition: transform 0.2s linear;
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translateX(80%);
      -moz-transform: translateX(80%);
      -ms-transform: translateX(80%);
      -o-transform: translateX(80%);
      transform: translateX(80%);
    }

    .csstransforms #content.navobile-content-hidden {
      -webkit-transform: translate3d(80%,0,0);
      -moz-transform: translate3d(80%,0,0);
      -ms-transform: translate3d(80%,0,0);
      -o-transform: translate3d(80%,0,0);
      transform: translate3d(80%,0,0);
    }
    #show-navobile {
    background: black !important;
    padding: 10px 10px 10px 15px;
    }
    #show-navobile i {
        color: white;
        font-size: 22px;
    }
#navobile-navigation {
    background: #1f1f1f;
    color: white;
}
#navobile-navigation a {
    color: white !important;
    text-decoration: none !important;

}
.parent-items {
    padding: 20px;
}
.parent-items li {
    border-bottom: 1px solid #ccc;
    margin:0;
}
.parent-items li a {
    padding: 3px 0;
    display: block;
}
.megamenu {
    padding: 0;
    margin: 20px 0 0 0px;
}
.item h3 {
    font-weight: 200;
    font-size: 14px;
    text-decoration: underline;
}
.child-items {
    padding: 0;
    margin:0;
}
.child-items li {
    border: 0;
    margin: 0 !important;
}
.child-items li a {
    font-size: 13px;
    padding: 0;
} 
.megamenu li {
    width: 50%;
    float: left;
    border-bottom: 0;
    margin-bottom: 20px;
}   
.logo {
    padding: 10px 10px 10px 10px;
}
.item h3 {
    color: white;
    text-decoration: none;
    text-align: left;
}
}
@media screen and (min-width: 993px) {
.item h3 {
    text-align: left;
    font-size: 15px;
}
#navigation {

    position: relative;
}
.parent-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.parent-items li {
    display: inline-block;
    float: left;
    margin-bottom: 0 !important;
}
.active-link a {
    background: black;
    color: white !important;
    transition: all .25s ease;
}
.parent-items li:hover a {
    background: black;
    color: white;
    transition: all .75s ease;
}
.cf:after {
    display: block;
    clear: both;
    content: '';
}
.parent-items li a {
    padding: 15px 25px;
    display: block;
    color: black;
    text-decoration: none;
    font-size: 13px;
}
.parent-items li a:hover {
    text-decoration: none;
}
.parent-items .megamenu {display: none;}
.parent-items li:hover .megamenu {display:block;}
.megamenu {
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    margin: 0;
    padding: 0;
    background: white;
    padding: 20px !important;
    border: 1px solid #ccc;
    z-index: 10;
}
.megamenu li {
    width: 18%;
    border: 0 !important;
    0: 1px
    solid #ccc !important;
    margin-right: 2%;
}
.megamenu .item {
    font-size: 11px !important;
    font-weight: lighter;
}
.child-items li {
    border: 0 !important;
    display: block !important;
    width: 50% !important;
    margin: 0 !important;
}
.child-items {
    margin: 0;
    padding: 0;
}
.child-items li a {
    padding: 0;
    background: white !important;
    color: black !important;
}
.child-items li:hover a {
    background: white !important;
    color: black !important;
}
.child-items li:hover a {
    background: white !important;
    color: black !important;
}
.child-items li a:hover {
    text-decoration: underline;
    transition: all .25s ease;
}
}