/*

.nav-toggler { display:none; }

@media (max-width: 768px) {
  .nav-toggler { display:block;position:absolute;right:10px;top:10px;z-index:10; }

  #main-nav { display:none; }
  #main-nav.toggled { display:block;position:absolute;top:0;left:0;right:0;z-index:9;background:#000; }

  #main-nav li { display:block;float:none; }
  #main-nav li a { display:block;float:none;color:#fff; }
}

*/

/* fix for mobile nav */
/*
body.noScrollX {
  overflow-x:hidden !important;
}
body.noScrollX #site-wrap {
  position:absolute;
}

@media (min-width: 768px) {
  #main-nav-button, #mobile-nav {
    display:none !important;
  }
  #main-nav {
    display:block;
  } 
}

@media (max-width: 767px) {
  #main-nav {
    display:none;
  }  
  #main-nav-button {
    display:block;
  	position: absolute;
    cursor:pointer;
    top: 10px;
    right: 10px;
  }

  #mobile-nav {
    position:relative;
    float: left;
    background-color: #333;
    box-shadow:inset -5px 0px 5px rgba(0,0,0,0.2);
    width: 200px;
    display: none;
    overflow: hidden;
  }
  #mobile-nav > ul {
    width:200px;
  }
  #mobile-nav li {
    display: block;
    clear: both;
    list-style:none;
    padding-left:0px;
    width:100%;
  }

  #mobile-nav li > a {
    display: block;
    padding:7px 10px 7px 10px;
    color:#ccc;
    font-weight: normal;
    border-bottom: 1px #777 solid;
  }

  #mobile-nav li > ul {
    display:none;
  }

  #mobile-nav li.active > ul {
    display:block;
  }

  #mobile-nav li.active > a {
    color:#fff;
    font-weight:bold;
  }

  #mobile-nav li.level-1 > a {  padding-left: 10px; }
  #mobile-nav li.level-2 > a {  padding-left: 20px; }
  #mobile-nav li.level-3 > a {  padding-left: 30px; }
  #mobile-nav li.level-4 > a {  padding-left: 40px; }
  #mobile-nav li.level-5 > a {  padding-left: 50px; }

  #mobile-nav ul {
    padding:0;
  } 
  .mobile-nav-x {
    display:block;
    text-align: right;
    color: #fff;
    padding:5px;
    cursor:pointer;
  }
}

*/