#sidebarxs {
     display: none;
}
@media (max-width: 740px) {
     #header-xs {
          position: -webkit-sticky;
          position: sticky;
          z-index: 2;
          top: 0;
          left: 0;
          background: #2F318A;
          border-bottom: 1px solid #3f2416;
          height: 50px;
     }

     #sidebarxs {
          display: none;
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          background: #2F318A;
          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: #fff;
          font-size: 16px;
     }

     

     .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%;
     }
}
