#nav-box { display: none; }

@media only screen and (max-width: 1099px){

#nav-box{display:block;position:fixed;top:20px;right:20px;z-index:10000;}
#sub-box{display:none;}

#nav-open {
  display:absolute;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  position: absolute;
  top:0;right:0;
  border:2px solid #A89B73;
  padding:14px 18px 0;
  cursor: pointer;
  z-index:10000;
  color:#A89B73;
  font-size:14px;
  font-weight:900;
  font-style:italic;
}

.menutxt{margin:30px 0 0 -10px;}

#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  transition: all 0.4s;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background:#A89B73;
  display: block;
  content: '';
  cursor: pointer;
  z-index: 9999;
}

#nav-open span:before {bottom: -12px;}
#nav-open span:after {bottom: -24px;}

#nav-content {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: .2s ease-in-out;
}

#nav-content.open {
  display: block;
  opacity: 1;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.9);
  overflow: hidden;
}

#nav-content.open:before {
  content: '';
  overflow: hidden;
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
  z-index: -1;
}

.hamburger-top {height: 40px;}

.category {
  text-align: left;
  font-size: 18px;
  width: max-content;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.category li{list-style:none;margin-bottom:15px;color:#A89B73;}
.category li a{color:#A89B73;}

.category-title {padding:0.5rem;margin-left:-2rem;list-style:none;}
.category-title a{color:#A89B73;text-decoration:none;}

#nav-open.active span {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
  background-color: #A89B73;
}

#nav-open.active span:before {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
  opacity: 0;
}

#nav-open.active span:after {
  -webkit-transform: translateY(-24px) rotate(45deg);
  transform: translateY(-24px) rotate(90deg);
  background-color: #A89B73;
}

} /* end @media */