@media (max-width: 740px){
     .header-xs {
          position: -webkit-sticky;
          position: sticky;
          z-index:2;
          top:0;
          left:0;
          background:black;
          box-shadow: 0px 0px 25px grey;
          height: 50px;
     }

     .sidebarxs {
          display: none;
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          background:black;
          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: 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%;
     }
}

@media (min-width: 741px){
     .sidebarxs {
          display: none;
     }
}
