/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1675px) {
  .nav-and-btn-wrapper .btn-primary {
display: none;
}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1320px) {

  .nav-and-btn-wrapper .btn-primary{
    display: none;
  }
  .rts-header-nav-area-one .nav-area ul li a {
    padding: 20px 13px;
  }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
  .accont-wishlist-cart-area-header> img {
      display: none;
  }
  .nav-and-btn-wrapper .right-btn-area {
    display: none;
  }
  .rts-header-nav-area-one .nav-area ul li a {
    padding: 22px 6px;

  }
}


@media only screen and (max-width: 1024px) {

  .rts-header-nav-area-one .nav-area ul li a {
    padding: 22px 4px;
    border-right: 1px dotted green;
  }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {

}










/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 320px) {

}

/* Extra small devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {
  .logo-search-category-wrapper a.logo-area .logo-title {
    display: none;
  }
}

/* Quick override: keep desktop-style navbar visible on small devices */
@media only screen and (max-width: 991px) {
  .rts-header-nav-area-one .nav-area,
  .rts-header-nav-area-one .nav-area nav {
    display: block !important;
  }

  /* Ensure collapse wrapper (if present) is visible */
  .rts-header-nav-area-one .nav-area .navbar-collapse {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }

  /* Keep parent nav horizontal like desktop, allow wrapping */
  .rts-header-nav-area-one .nav-area .parent-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 0.25rem;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .rts-header-nav-area-one .nav-area .parent-nav li {
    display: inline-block !important;
    margin: 0 !important;
  }

  .rts-header-nav-area-one .nav-area .parent-nav li a {
    display: block !important;
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  /* Hide any mobile toggle buttons we added earlier */
  .mobile-menu-btn,
  .navbar-toggle {
    display: none !important;
  }
}

/* Strong override: make sure header nav is visible and on top on small screens */
@media only screen and (max-width: 991px) {
  .rts-header-nav-area-one {
    position: relative !important;
    z-index: 99999 !important;
    background: transparent !important;
  }

  .rts-header-nav-area-one .nav-and-btn-wrapper {
    display: block !important;
  }

  .rts-header-nav-area-one .nav-area {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .rts-header-nav-area-one .nav-area nav {
    display: block !important;
  }

  .rts-header-nav-area-one .nav-area .parent-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.25rem !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    background: rgba(255,255,255,0.98) !important;
  }

  .rts-header-nav-area-one .nav-area .parent-nav li {
    display: inline-block !important;
    margin: 0 !important;
  }

  .rts-header-nav-area-one .nav-area .parent-nav li a {
    display: inline-block !important;
    padding: 8px 10px !important;
    color: #111 !important;
    white-space: nowrap !important;
  }

  /* If any script hides nav by adding a "hidden" or "hide" class, force show */
  .rts-header-nav-area-one .nav-area .parent-nav.hidden,
  .rts-header-nav-area-one .nav-area .parent-nav.hide,
  .rts-header-nav-area-one .nav-area .parent-nav[aria-hidden="true"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }
}