#header .logo {
    max-width: 300px;
    max-height:  140px;
    padding: 19px 0;
}



/* Laptop (max width 1440px or smaller) */
@media (max-width: 1440px) {
  #header .logo {
    max-width: 250px;
    max-height: 120px;
    padding: 15px 0;
  }
}

/* Tablet (max width 1024px or smaller) */
@media (max-width: 1024px) {
  #header .logo {
    max-width: 200px;
    max-height: 100px;
    padding: 12px 0;
    object-fit: contain;
  }
}

/* Mobile (max width 768px or smaller) */
@media (max-width: 768px) {
  #header .logo {
    max-width: 160px;
    max-height: 80px;
    padding: 10px 0;
    object-fit: contain;
  }
}

/* Small phones (max width 480px or smaller) */
@media (max-width: 480px) {
   #header .logo {
   width:140px !important;
  }
  #header .img-responsive {
        max-width: 110px !important;
        max-height: 75px;
        padding: 8px 0;
        object-fit: contain;
  }
}