::-webkit-scrollbar {
  display: none;
}

.left-hidden {
  left: -2000px;
}

.right-hidden {
  right: -2000px;
}

.left-show {
  left: 0px;
}

.right-show {
  right: 0px;
}

#main_nav_mobile {
  background-image: url('../img/nav_bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width:576px) {
  .left-sm-hidden {
    left: -2000px;
  }
  .left-sm-show {
    left: 0px;
  }
  .right-sm-hidden {
    right: -2000px;
  }
  .right-sm-show {
    right: 0px;
  }
  #main_nav_mobile {
    background-image: url('../img/nav_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (min-width: 768px) {
  .left-md-hidden {
    left: -2000px;
  }
  .left-md-show {
    left: 0px;
  }
  .right-md-hidden {
    right: -2000px;
  }
  .right-md-show {
    right: 0px;
  }
  #main_nav_mobile {
    background-image: url('../img/nav_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (min-width: 992px) {
  .left-lg-hidden {
    left: -2000px;
  }
  .left-lg-show {
    left: 0px;
  }
  .right-lg-hidden {
    right: -2000px;
  }
  .right-lg-show {
    right: 0px;
  }
  #main_nav_mobile {
    background-image: url('../img/nav_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media (min-width: 1200px) {
  .left-xl-hidden {
    left: -2000px;
  }
  .left-xl-show {
    left: 0px;
  }
  .right-xl-hidden {
    right: -2000px;
  }
  .right-xl-show {
    right: 0px;
  }
  #main_nav_mobile {
    background-image: url('../img/nav_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.transition-r {
  -webkit-transition: right 0.8s ease-out;
  -moz-transition: right 0.8s ease-out;
  -o-transition: right 0.8s ease-out;
  transition: right 0.8s ease-out;
}

.transition-l {
  -webkit-transition: left 0.8s ease-out;
  -moz-transition: left 0.8s ease-out;
  -o-transition: left 0.8s ease-out;
  transition: left 0.8s ease-out;
}

.transition-b {
  -webkit-transition: bottom 0.8s ease-out;
  -moz-transition: bottom 0.8s ease-out;
  -o-transition: bottom 0.8s ease-out;
  transition: bottom 0.8s ease-out;
}

.Key1 {
  color: green;
}

ul {
  list-style: none;
  /* Remove default bullets */
}

section ul li::before {
  content: "\2B24";
  font-size: 1em;
  color: green;
  font-weight: bold;
  display: inline-block;
  width: 1.8em;
  margin-left: -1.8em;
}