.custom-tooltip {
     max-width: 300px;
     /* Set the maximum width */
     height: 140px !important;
     width: 180px !important;
     padding: 0px;
     background-color: #fff;
     border: 1px solid #ccc;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
     font-family: Arial, sans-serif;
     font-size: 14px;
 }

 @media (max-width: 768px) {
     .col-sm-12 {
         width: 100% !important;
         /* Override Bootstrap's default width */
         float: none !important;
         /* Remove float */
         clear: both;
         /* Clear any float */
     }
}