/* ---------- Tablet / Mobile ---------- */
@media (max-width: 991.98px) {
.breadbackbg {
    background: #31bef7!important;
    background-size: cover!important;
    text-align: center;
    padding-top: 102px;!important;
    mxa-height: 400px;
    min-height: 258px!important;
}
.brand-logo img {
    height: 54px !important;
    position: static !important;
}
.main-nav {
        border-radius: 30px;
        padding: 4px 10px;margin-top: 10px;
    }
  .search-toggle { width: 44px; height: 44px; order: 0; margin-left: 0; }
  .brand-logo { order: 1; }
  .brand-logo img { height: 60px; }
  .nav-toggle { order: 2; }
  .menu-area { order: 3; width: 100%; flex-basis: 100%; }
  .menu-area .navbar-nav { padding: 8px 4px 12px; gap: 0; }
  .menu-area .nav-link { padding: 10px 12px; }
  .hot-badge { left: 76px; }
  .category-menu { box-shadow: none; background: #f7f0fc; margin-bottom: 6px; }
}

@media (max-width: 575.98px) {
  .topbar-links a { font-size: .95rem; }
  .topbar-actions { flex-wrap: wrap; justify-content: center; }
  .btn-pill { padding: 6px 16px; font-size: .9rem; }
  .brand-logo img { height: 52px; }
  .search-panel { padding-left: 16px; }
  .btn-search { padding: 8px 18px; }
}
/* ---------- Desktop: dropdown on hover ---------- */
@media (min-width: 992px) {

  .menu-area .dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
  .menu-area .dropdown-toggle::after { vertical-align: .2em; }
  .brand-logo { order: 2; }
  .menu-area { order: 1; flex-grow: 0; }
  .header-search { order: 3; }
  .call-support { order: 4; }
  .main-nav { flex-wrap: nowrap; }
  .brand-logo { margin: 0 auto 0 0; }
  .menu-area { margin-right: auto; }
  .brand-logo { margin-left: 0; }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px;
    }
}