header {
   background-color: transparent;
   position: fixed;
   position: -webkit-sticky;
   top: -2px;
   left: 0;
   z-index: 99;
   z-index: 9000;
   right: 0
}

.header-container {
   padding: 0 50px
}

.logo-img {
   width: 100%
}

.header-wrap {
   display: flex;
   justify-content: space-between;
   align-items: center
}

.right-menu {
   display: flex
}

.right-menu ul {
   list-style-type: none;
   display: flex
}

.right-menu ul li {
   margin-right: 20px
}

.menu-form {
   position: absolute;
   right: 0;
   width: 388px;
   height: 680px;
   background: #f9d050;
   top: 2px
}

.menu-icon {
   position: absolute
}

.menu-icon img {
   padding: 0 10px
}

.menubar-div {
   position: relative
}
.menu-box p{
   margin-bottom: 16px;
   margin-top: 0px;
}
.menu-box {
   margin-bottom: 20px;
   margin-top: 30px;
   padding: 0 72px
}

.close-box {
   padding: 40px 52px 12px 0;
}
.close-box i{
   float: right;
}
.menu-box p a {
   color: #4e3c07;
   font-size: 18px;
   line-height: 21px
}

.menu-box p a:hover {
   text-decoration: none;
   font-weight: 700;
   color: #000
}

.close-box a {
   text-decoration: none;
   color: #000;
   float: right;
   margin-top: -59px;
   font-size: 29px
}

.menubar-view {
   width: 388px;
   padding: 0 0 12px 0;
   justify-content: center;
   display: flex;
   background: #f9e165
}

.menubar-view-button {
   margin-bottom: 0;
   color: #000;
   width: 319px;
   height: 50px;
   margin-top: 12px;
   border: 1px solid rgba(0, 0, 0, .1);
   text-decoration: none;
   border-radius: 0;
   padding: 12px;
   text-align: center;
   font-weight: nor
}

.menubar-view-button:hover {
   font-weight: 700;
   border: 1px solid red;
   color: red;
   text-decoration: none
}

@media screen and (max-width:600px) {
   .menu-box p {
      margin-bottom: 12px;
   }
   .header-container {
       padding: 0 30px
   }
}