/* ============================================
   Kitawa Solar - Responsive Breakpoints
   Mobile-first responsive adjustments
   ============================================ */

.menu-overlay {
  display: none;
}


#_zalo.cskh-online-box.show.mobile:hover {
  transform: scale(1.1);
}
#_zalo.cskh-online-box.show.mobile img {
  width: 45px;
  height: 45px;
  /* border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2); */
}

/* All mobile/tablet where hamburger is visible */
@media (max-width: 991px) {
  #mobile-menu.active {
    left: 0;
    z-index: 99999;
    opacity: 1;
  }

  #mobile-menu.active + .menu-overlay {
    position: fixed;
    left: 0;
    top: 0 !important;
    z-index: 9998;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
}

/* Tablet & below */
@media (max-width: 1024px) {
  /* Responsive rules will be added in each section's CSS */
}

/* Mobile & below */
@media (max-width: 767px) {
  --spacing-section: var(--spacing-section-mobile);

  /* Responsive rules will be added in each section's CSS */
}

/* Small mobile */
@media (max-width: 480px) {
  /* Responsive rules will be added in each section's CSS */
}