.black-dpl {
           color: white;
           border-color: white;

           background-color: black;
           font-size: 11px;
           margin: 4px;

           border-radius: 5px;
           padding: auto;
           min-height: 30px;
       }

       .black-dpl:hover {
           background-color: #003126;
           transition: 0.1s;
       }

         .point-dpl {
                  color: white;
                  border-color: white;
                  background-color: black;
                  font-size: 11px;
                  margin: 2px;
                  border-radius: 5px;
                  min-height: 30px;
                  min-width:50px;
              }
              .point-dpl:hover {
                  background-color: #003126;
                  transition: 0.1s;
              }

.listbox-style {
    width:auto;
}
@media (max-width: 600px) and (max-height: 1200px) {
  .listbox-style {
    /* Adjust the size and styles to fit the mobile screen */
    width: 25vw !important;
    /* Add your specific styles for mobile devices here */
  }
}
@media (max-width: 1200px) and (max-height: 600px) {
  .listbox-style {
    /* Adjust the size and styles to fit the mobile screen */
    width:auto!Important;
    /* Add your specific styles for mobile devices here */
  }
}