html, body {
  overflow-x: hidden;
}



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

/* Menu Button */
.menu-btn {

  padding: 10px;

  color: #000;
  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 */
    height:100vh;
}

.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  {margin-top:0;}
@media (max-width:992px) {
.nav-collapse {display:none;}
}

@media (min-width:993px) {
.menu-btn {display:none;}
}