html, body {
  overflow-x: hidden;
}

/* Lists */
ul {
  margin: 0;
  padding: 0;
}

/* Container */
#container {
  position: relative;
  padding: 20px 40px;
  padding-top: 80px;
}

/* Menu Button */
.menu-btn {
  width: 100px;
  padding: 10px;
  margin-bottom: 30px;
  background: #000;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  border: 0px;
}

.menu-btn:hover {
  opacity: 0.6;
}

/* Header */
.site-header {
  position: fixed;
  background: #000;
  color: #FFF;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  z-index: 9998;
}
.pushy{
    width: 300px; /* Changed the width to 400px */
}

.pushy-left{
    transform: translate3d(-300px,0,0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.pushy-open-left #container,
.pushy-open-left .push {
    transform: translate3d(300px, 0, 0); /* Updated the values */
}

.pushy-right {
    transform: translate3d(300px, 0, 0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.pushy-open-right #container,
.pushy-open-right .push {
    transform: translate3d(-300px, 0, 0); /* Updated the values */
    /* Don't forget the vendor prefixes */
}

.menu-btn  {position:absolute;right:30px;top:30px}
@media (max-width:992px) {
.nav-collapse {display:none;}
}
@media (max-width:800px) {
.menu-btn  {position:absolute;right:30px;top:10px}
}
@media (min-width:993px) {
.menu-btn {display:none;}
}