@media (max-width: 740px){
     #tomboljumptopendaftaran {
          color: white;
         padding: 10px;
         background: #B553B6;
         display: grid;
         justify-content: center;
         align-content: center;
     }

     .header-xs {
          position: -webkit-sticky;
          position: sticky;
          z-index:2;
          top:0;
          left:0;
          background:#4A3F9B;
          box-shadow: 0px 0px 25px grey;
          display: grid;
          grid-template-columns: max-content 1fr;
     }

     .open-menu-xs-container {
         padding: 15px;
         display: grid;
         justify-content: flex-end;
     }

     #open-menu-xs {
        color: white;
        padding: 10px;
        background: #B553B6;
     }
     #open-menu-xs:hover,#tomboljumptopendaftaran:hover {
        cursor: pointer
     }

     .sidebarxs {
          display: none;
          position: fixed;
          top: 0;
          z-index: 100;
          width: 90vw;
          background:#4A3F9B;
          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 li {
          display: block;
          padding: 20px 10px;
          color: white;
          font-size: 15px;
          border-bottom: 1px solid #6256b8;
     }
     .menuxs:hover,.menuxs .highlight {
         background: #454545;
     }
}

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