@media (max-width: 800px){
     .iconopenclose-container {
          height: 50px;
     }
     .sidebarxs {
          display: none;
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          background :white;
          height: 100vh;
          box-shadow: 0px 0px 25px grey;
          color: #333;
     }
     .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: #333;
          font-size: 18px;
          border-bottom: 1px solid #e2e2e2;
          padding: 20px 0px;
     }
     .menuxs a:hover {
          color: #4B61DD;
     }
     .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;
          color: #333;
     }
     .menuxs li ul {
          display: none;
          padding-left:5%;
     }
}

@media (min-width: 801px){
     .sidebarxs {
          display: none;
     }
}