/* ==== Logo ===== */
/* Default (Large Screens / Desktop) */
#my-logo img {
  max-width: 100%;
  height: auto;
}

/* Extra Large Screens (≥1400px) */
@media (min-width: 1400px) {
  #my-logo img {
    width: 140px;
    padding: 10px 0px;
  }
}

/* Laptop / Desktop (1200px – 1399px) */
@media (max-width: 1399px) {
  #my-logo img {
    width: 110px;
  }
}

/* Tablet Landscape (992px – 1199px) */
@media (max-width: 1199px) {
  #my-logo img {
    width: 100px;
  }
}

/* Tablet Portrait (768px – 991px) */
@media (max-width: 991px) {
  #my-logo img {
    width: 90px;
  }
}

/* Mobile Large (576px – 767px) */
@media (max-width: 767px) {
  #my-logo img {
    width: 80px;
  }
}

/* Mobile Small (≤575px) */
@media (max-width: 575px) {
  #my-logo img {
    width: 105px;
  }
}

/* ==== Logo ===== */

/* ===== Service Hover ====== */
.menu-thumb img {
  width: 100%;
  transition: opacity 0.3s ease-in-out;
}
/* ===== Service Hover ====== */