@media (max-width: 768px) {

  /* GLOBAL RESET */
  body {
    overflow-x: hidden;
  }

  .container {
    padding: 0 12px !important;
  }

  /* HEADER */
  .header-inner {
    flex-wrap: wrap;
    height: auto !important;
    gap: 10px;
  }

  .main-nav {
    display: none !important;
  }

  /* MOBILE MENU FIX */
  .mobile-menu {
    width: 80%;
  }

  /* GRID FIXES */
  .product-detail-grid,
  .shop-layout,
  .cart-grid,
  .form-row,
  .footer-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  /* PRODUCT PAGE */
  .product-gallery {
    position: static !important;
  }

  .main-image {
    width: 100%;
  }

  /* IMAGES */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* BUTTONS */
  .btn {
    width: 100%;
    text-align: center;
  }

  /* FORMS */
  input,
  select,
  textarea {
    width: 100% !important;
    font-size: 14px;
  }

  /* TABLE FIX */
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  /* CART */
  .cart-item {
    grid-template-columns: 1fr !important;
    text-align: center;
  }

  /* CATEGORY CARDS */
  .category-card {
    width: 100% !important;
  }

  /* FOOTER */
  .footer-grid {
    text-align: center;
  }

  /* TEXT FIX */
  h1 {
    font-size: 22px !important;
  }

  h2 {
    font-size: 20px !important;
  }

  p {
    font-size: 14px !important;
  }

  .page-wrapper {
    padding-top: 0 !important;
  }
  /* FORCE HEADER LAYOUT */
  .nav-outer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* FORCE LOGO LEFT */
  .logo-box {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* FORCE LOGO CONTENT LEFT */
  .logo {
    width: auto !important;
    margin: 0 !important;
  }

  .logo a {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    gap: 4px !important;
  }

  /* REMOVE ANY CENTERING */
  .logo,
  .logo-box,
  .logo a {
    text-align: left !important;
  }
  .logo img {
    height: 36px !important;
    margin-right: 5px !important;
  }
  .auto-container {
    padding-left: 4px !important;
    padding-right: 8px !important;
  }

  /* 🔥 REMOVE INNER WRAPPER SPACE */
  .main-box {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* 🔥 PUSH LOGO FULL LEFT */
  .logo-box {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .page-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 🔥 REMOVE HEADER BOTTOM SPACE */
  .main-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 🔥 FIX NAV TABS (BREADCRUMB) */
  .my_Navtabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .nav-tabs {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .navTabs {
    display: none !important; /* 🔥 REMOVE COMPLETELY */
  }
  .speaker-detail {
    padding-top: 25px !important;  /* 🔥 reduce gap */
  }
  .event-info-tabs,
  .event-info-tabs .tabs-content,
  .event-info-tabs .tabs-box,
  .event-info-tabs .tab-buttons {
    text-align: left !important;
  }
  .event-info-tabs .tabs-content {
    display: block !important;
    margin-left: 0 !important;
  }
  .newsletter-section.contact-page-section {
    padding: 0 !important;
    margin: 0 !important;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 🔥 Fix container padding */
  .auto-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* 🔥 Fix input boxes overflow */
  input,
  select,
  textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide ugly multi-select box */
  select[multiple] {
    height: 40px !important;
    overflow: hidden !important;
    position: relative;
  }

  /* When user taps → expand like dropdown */
  select[multiple]:focus {
    height: auto !important;
    max-height: 150px !important;
    overflow-y: auto !important;
    z-index: 9999;
    position: relative;
    background: #fff;
  }
  /* FIX wrong right positioning */
  .navigation li.dropdown:last-child > ul {
    right: auto !important;
    left: 0 !important;
  }

  /* Make dropdown inline (NOT fixed/popup) */
  #myDropdown.dropdown-menu {
    position: static !important;
    width: 100% !important;
    transform: none !important;
    box-shadow: none !important;
  }

  /* IMPORTANT: allow Bootstrap to control display */
  .navigation li.dropdown.open > #myDropdown {
    display: block !important;
  }

  /* Hide by default */
  #myDropdown {
    display: none;
  }

  /* Hide login/signup in mobile menu when logged in */
  body.logged-in .mobile-menu .btn-style-one {
    display: none !important;
  }

  /* Show only before login */
  body.not-logged-in .mobile-menu .btn-style-one {
    display: block !important;
  }

  /* Move buttons to bottom */
  .mobile-menu .menu-box {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }

  .mobile-menu .navigation {
    flex: 1;
    overflow-y: auto;
  }

  .mobile-menu .navigation li:last-child {
    margin-bottom: 10px;
  }

  .mobile-menu .navigation li a.btn-style-one {
    width: 90%;
    margin: 8px auto;
    display: block;
    text-align: center;
  }

}

@media (max-width: 768px) {

    .profile-slider {
        overflow-x: auto !important;
        overflow-y: hidden;
    }

    .profile-track {
        display: flex !important;
        width: max-content; /* 🔥 VERY IMPORTANT */
    }

    .profile-row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .speaker-block {
        flex: 0 0 auto;
        width: 140px;  /* MUST be fixed */
        margin-right: 10px;
    }
}


.logo img {
  height: 40px;
}