@media(max-width:1400px) {

  .header-wrapper {
    gap: 15px;
  }

  .header-icons {
    gap: 15px;
  }

  .menu li a {
    padding: 20px 12px;
    font-size: 14px;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-left {
    min-height: 760px;
  }
}

@media(max-width:991px) {

  .topbar {
    display: none;
  }

  .header-wrapper {
    flex-wrap: wrap;
  }

  .search-box {
    order: 3;
    width: 100%;
    max-width: 100%;
  }

  .navbar {
    display: none;
  }

  .mobile-toggle {
    display: block;
  }

  .logo img {
    width: 180px;
  }
}

@media(max-width:768px) {
  .container {
    padding: 0 16px;
  }

  .main-header {
    padding: 15px 0;
  }

  .header-icons {
    gap: 10px;
  }

  .icon-box {
    min-width: auto;
  }

  .icon-box h4,
  .icon-box p {
    display: none;
  }

  .search-box input {
    height: 52px;
    font-size: 11px;
  }

  .search-btn {
    height: 52px;
  }


  .hero {
    padding: 20px 0 30px;
  }

  .hero-left {
    border-radius: 26px;
    min-height: auto;
  }


  .allProduct {
    grid-template-columns: repeat(3, 1fr);
  }

  .allProces {
    grid-template-columns: repeat(2, 1fr);
  }


  .allFoot {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media(max-width:576px) {

  .container {
    padding: 0 16px;
  }

  .header-wrapper {
    justify-content: space-between;
  }

  .logo img {
    width: 150px;
  }

  .search-box input {
    padding-left: 15px;
  }

  .count {
    right: -5px;
  }

  .mobile-menu {
    width: 85%;
  }

  .hero-left {
    min-height: auto;
  }


  .allProduct {
    grid-template-columns: repeat(2, 1fr);
  }

  .allProces {
    grid-template-columns: repeat(1, 1fr);
  }

  .allFoot {
    grid-template-columns: repeat(1, 1fr);
  }

}