@media (max-width: 768px) {
    body {
      background-size: contain; /* Adjust for smaller screens */
    }
    .navbar-nav{
      padding: 48px 0px;
    }
  }
  /* Mobile-specific adjustments */
@media (max-width: 576px) {
    .responsive-table {
      font-size: 10px; /* Reduce font size for mobile */
    }
    .responsive-table th,
    .responsive-table td {
      padding: 4px; /* Reduce padding */
    }
  
    .responsive-table tbody tr {
      height: 40px; /* Set a smaller height for rows */
    }
  }

  .marquee-item {
    font-size: 12px; /* Reduce font size for mobile */
    padding: auto;
  }