#sidebarxs {
     display: none;
}
@media (max-width: 740px) {
     #header-xs {
          position: -webkit-sticky;
          position: sticky;
          z-index: 2;
          top: 0;
          left: 0;
          background: #FF671F;
          box-shadow: 0px 0px 25px grey;
          height: 70px;
          padding-right: 10px;
          display: grid;
          justify-items: flex-end;
          align-items: center;
     }

     #sidebarxs {
          display: none;
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          background: #FF671F;
          opacity: 0.9;
          filter: alpha(opacity=90);
          height: 100vh;
          box-shadow: 0px 0px 25px grey;
          color: #fff;
     }

     #sidebarxs-container {
          overflow-y: auto;
          height: 85vh;
     }


     .iconopenclose:hover {
          cursor: pointer;
          opacity: 0.5;
          filter: alpha(opacity=50);
     }

     .menuxs a {
          display: block;
          padding: 10px;
          color: white;
          font-size: 16px;
     }

     .menuxs a:hover {
          background: #1C6758;
     }

     .menuxs .parent {
          background: url(../../../images/frontend/2/parent.png) center right no-repeat;
     }

     .menuxs .parent:hover {
          background: url(../../../images/frontend/2/parent.png) center right no-repeat #2e2e2e;
     }

     .menuxs li ul {
          display: none;
          padding-left: 5%;
     }
}
