#sidebarxs {
     display: none;
}

@media (max-width: 740px){
     .label-xs {
          padding: 0px 0px 10px 10px ;
          border-bottom: 1px solid #2b2a2a;
          color: white;
          font-weight: bold;
     }
     .label-xs:hover {
          cursor: pointer;
     }
     #header-xs,#sidebarxs {
          background:#172B34;
     }
     
     #header-xs {
          position: -webkit-sticky;
          position: sticky;
          z-index:2;
          top:0;
          left:0;
          box-shadow: 0px 0px 25px grey;
          height: 50px;
     }

     #sidebarxs {
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          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: 13px;
     }
     .menuxs a:hover {
          background: #2e2e2e;
     }
     .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%;
     }
}