/* =====for header logo====== */
 .custom-logo {
  max-width: 50%;
  height: auto;
}

@media (max-width: 768px) {
  .custom-logo {
    width: 120px; /* Adjust this value as needed for mobile */
  }
}

@media (max-width: 480px) {
  .custom-logo {
    width: 100px; /* Further adjustment for smaller screens */
  }
}