.navbar-collapse {
      overflow: visible;
  }

  /* scrollbar hide */
  .navlinks::-webkit-scrollbar {
      display: none;
  }

  .navlinks {
      scrollbar-width: none;
  }

  /* items fix */
  .navlinks .nav-item {
      flex: 0 0 auto;
  }


  @media (max-width: 1024px) {

      .navbar-collapse {
          display: block !important;
      }

      .navbar-nav {
          flex-direction: row !important;

      }

      .navlinks {
          display: flex !important;
          flex-wrap: nowrap !important;
          overflow-x: auto !important;
          overflow-y: hidden;
          white-space: nowrap;
          width: 100%;
          border-bottom: 1px solid #cacaca;
          padding: 4px 6px;
          border-radius: 7px;
          border-top: 1px solid #cacaca;
      }

      .navlinks .nav-item {
          flex: 0 0 auto;
      }
  }



  @media (max-width: 991px) {
      body {
          padding-top: 118px !important;
      }
  }

  @media (max-width: 480px) {
      body {
          padding-top: 108px !important;
      }

      .products-sec .row > [class*="col-"] {
          padding-left: 6px;
          padding-right: 6px;
      }
  }

  /* new responsive code  */
  @media (max-width: 376px) {
      .site-header .brand img {
          width: 195px !important;
          max-width: 250px !important;
          margin-left: -8px !important;
          padding: 4px 0 !important;
      }

  }

  @media (max-width: 480px) {

      .index-banner .home_right_banner {
          display: none !important;
      }

      .index-banner .col-lg-8 {
          width: 100% !important;
          max-width: 100% !important;
          flex: 0 0 100% !important;
      }

      .top-cat-title h2 {
          font-size: 22px !important;
          padding-bottom: 5px;

      }

      .cat-section {
          padding: 0px 0 2px;
      }

      .top-cat-title h2::after {
          content: "";
          position: absolute;
          left: 49%;
          top: 34px;
          transform: translateX(-50%);
          width: 152px;
          height: 4px;
          background: #1b8f12;
          border-bottom-left-radius: 16px;
          border-bottom-right-radius: 16px;
      }

      .checkoutHero__title {
          font-size: 22px !important;
          margin-bottom: 5px;
      }

      .checkoutHero__text {
          color: rgba(255, 255, 255, .82);
          font-size: 10px !important;
      }

      .cat-slider {
          padding: 0px;
      }

      .cat-track {
          gap: 0px;
      }

      .new-stock-99 {
          padding: 0px 6px !important;
      }



      .cat-title {
          font-size: 12px;
      }

      .cat-arrow.right {
          display: none;
      }

      .cat-arrow.left {
          display: none;
      }

      .cat-thumb img {
          width: 50px;
          height: 50px;
      }

      .cat-section .container {
          padding: 0px !important;
      }

      .cat-thumb {
          margin-bottom: 0px;
      }

      .top-cat-card {
          width: 94px;
          height: 130px;
      }

      .view-all-wrap {
          margin-top: 0px;
      }

      .view-all-btn-2 {
          font-size: 12px;
          padding: 6px 11px;

      }

      .bottom-categories .bc-content {
          width: 100% !important;
          flex: 0 0 86% !important;
          min-width: 0 !important;
      }

      .new-stock h2 {
          display: flex;
          justify-content: center;
          font-size: 22px;
          margin-bottom: 8px !important;
      }

      .new-stock {
          margin: 20px 0 25px !important;
      }

      .new-stock h2::after {
          content: "";
          position: absolute;
          left: 49%;
          top: 30px !important;
          transform: translateX(-50%);
          width: 152px;
          height: 4px;
          background: #1b8f12;
          border-bottom-left-radius: 16px;
          border-bottom-right-radius: 16px;
      }





      .p-card__body {
          padding: 10px 10px 6px;
      }

      .p-card__title {
          font-size: 14px;
          line-height: 1.25;
          margin-bottom: 0px !important;
          min-height: 36px;
      }

      .p-card__sub {
          font-size: 12px;
          line-height: 1.3;
          margin-bottom: 0;
          min-height: 32px;
      }

      .p-card__bottom {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          padding: 0px 8px 0px;
          min-height: 38px;
          height: auto;
          margin-bottom: 0px;
      }

      .p-card__btn_all {
          background-color: #87ce51;
          color: #fff;
          margin-top: 10px !important;
          font-size: 13px !important;
          font-weight: 700 !important;
          padding: 3px 6px !important;
      }

      .p-card__prices {
          display: block;
          flex-direction: column;
          align-items: flex-start;
          gap: 2px;
          min-width: 0;
      }

      .p-card__price {
          font-size: 12px;
          line-height: 1.4;
          font-weight: 800;
      }

      .p-card__old {
          font-size: 13px;
          line-height: 1.1;
      }

      .cart-control {
          flex: 0 0 auto;
          margin-top: 10px;
      }

      .cg-card {
          position: relative;
          overflow: hidden;
          border-radius: 5px !important;
      }

      .navbar-toggler {
          display: none;
      }

      .popular-plants-row {
          gap: 12px;
          justify-content: space-between;
      }

      .room-card-link {
          width: 44%;
          text-decoration: none;
      }

      .room-card .room-label {
          font-size: 15px;
          padding: 6px 1px;
      }

      .view-all-btn-populor a {
          color: #fff;
          background-color: #000;
          text-decoration: none;
          padding: 4px 17px !important;
          border-radius: 8px !important;
          font-size: 13px;
          font-weight: 600;
      }

      .room-card {
          width: 100%;
      }

      .room-img {
          height: 170px;
          border-radius: 10px;
      }

      .room-label {
          font-size: 14px;
          padding: 8px 5px;
      }

      .cart-control form {
          width: auto !important;
      }

      .add-cart-btn i {
          font-size: 12px !important;
      }

      .add-cart-btn {
          padding: 0px 6px !important;
          font-size: 13px !important;
          height: 26px;
          border-radius: 4px !important;
          background-color: #87ce51 !important;
          color: #fff !important;
      }

      .checkoutHero__tag {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 4px 14px !important;
          border-radius: 999px;
          background: rgba(255, 255, 255, .14);
          font-size: 10px !important;
          font-weight: 700;
          letter-spacing: .4px;
          text-transform: uppercase;
          margin-bottom: 5px !important;
      }

      .modernBox {
          padding: 16px 20px !important;
          border-radius: 14px !important;
      }

      .modernBox__head {
          padding-bottom: 4px !important;
      }

      .addAddressToggle {
          min-height: 38px !important;
      }

      .modernBox__title {
          font-size: 20px !important;
      }

      .checkoutHero {
          border-radius: 14px !important;
          padding: 15px 20px !important;
          margin-top: 20px;
      }

      .orderSummaryPanel__title {
          font-size: 25px !important;
      }

      .orderItemCard {
          display: flex !important;
          gap: 42px !important;
          padding: 14px 0;
          border-bottom: 1px solid rgba(255, 255, 255, .08);
      }

      .add-cart-btn i {
          font-size: 16px;
      }

      .p-card__title {
          font-size: 14px;
          line-height: 1.25;
          margin-bottom: 4px;
          min-height: 18px;
      }

      .cat-viewport {
          overflow: hidden;
      }

      .cat-track {
          display: flex;
          /* gap: 18px; */
          overflow-x: auto;
          scroll-behavior: smooth;
          -webkit-overflow-scrolling: touch;
          cursor: grab;
          user-select: none;
          scroll-snap-type: x mandatory;
          scrollbar-width: none;
      }

      .cat-track::-webkit-scrollbar {
          display: none;
      }

      .cat-track.dragging {
          cursor: grabbing;
          scroll-behavior: auto;
          scroll-snap-type: none;
      }

      .top-cat-card {
          flex: 0 0 auto;
          scroll-snap-align: start;
      }

      .discount-badge {
          position: absolute;
          top: 6px !important;
          left: 8px !important;
          background: red;
          color: #fff;
          font-size: 9px !important;
          font-weight: 600;
          padding: 2px 4px !important;
          border-radius: 4px;
          z-index: 10;
      }

      .p-card__body {
          padding: 4px 10px 0px;
      }



      .p-card__sub {
          min-height: 16px;
      }

      .view-all-btn-4 button {
          font-size: 12px !important;
          padding: 6px 11px !important;
      }

      .banner-slider .main-title {
          font-size: 22px;
      }

      .banner-slider .subtitle {
          margin: 0px 0 0;
          color: #6b7280;
          font-weight: 600;
          font-size: 13px;
      }

      .banner-slider {
          padding: 18px 0 22px;
      }

      .banner-slider .header {
          display: none;
      }

      .slider-container {
          width: calc(100% - 24px);
          margin: 0 auto;
          height: 175px;
          border-radius: 5px !important;
          overflow: hidden;
          position: relative;
      }

      .slide {
          height: 202px;
          border-radius: 5px;
      }

      .index-banner {
          padding: 28px 0px 10px 0px;
          background: #fff;
      }

      .slide-content {
          height: 145px;
          padding: 0px 2px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
      }

      .left-text,
      .right-text {
          display: none !important;
      }

      .center-content {
          width: 100%;
          max-width: 100%;
          z-index: 2;
          padding: 0px;
      }

      .slide-title {
          font-size: 22px;
          line-height: 1.1;
          margin-bottom: 10px;
          letter-spacing: 1px;
          color: #fff;
      }

      .slide-subtitle {
          font-size: 15px;
          line-height: 1.4;
          margin-bottom: 0px;
          color: #fff;
      }

      .cta-btn {
          padding: 5px 15px;
          font-size: 12px;
          border-radius: 16px;
      }

      .nav-btn {
          width: 42px;
          height: 42px;
          top: 50%;
          transform: translateY(-50%);
          z-index: 5;
      }

      .prev-btn {
          left: 12px;
          display: none;
      }

      .next-btn {
          right: 12px;
          display: none;
      }

      .dots-container {
          bottom: 22px;
          gap: 8px;
      }

      .dot {
          width: 8px;
          height: 8px;
      }

      .progress-bar {
          display: none;
      }

      .big-banner-slider {
          height: 202px;
      }

      .Green_Decor h2 {
          font-size: 21px;
          padding-bottom: 33px;
          line-height: 1;
      }

      .Green_Decor h2::after {
          content: "";
          position: absolute;
          left: 48.5%;
          top: 44px;
          transform: translateX(-50%);
          width: 180px;
          height: 4px;
          background: #1b8f12;
          border-bottom-left-radius: 16px;
          border-bottom-right-radius: 16px;
      }

      .beauty-gallery-card {
          background-color: #fff !important;
          border-radius: 3px !important;
      }

      .main-footer p {
          font-size: 14px;
      }

      .cg-card {
          height: 180px;
          border-radius: 10px;
      }

      .cg-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
      }

      .cg-label {
          font-size: 12px;
          padding: 8px 5px;
          text-align: center;
      }

      .cg-card .cg-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          display: block;
      }

      .cg-big {
          min-height: 188px;
      }

      .cg-card .cg-label {
          font-size: 12px;
      }

      .bottom-cg-row {
          --bs-gutter-x: 10px;
          --bs-gutter-y: 14px;
      }

      .bottom-cg-row .col-12 .cg-small {
          height: 190px;
      }

      .bottom-cg-row .col-6 .cg-small {
          height: 135px;
      }

      .bottom-cg-row .cg-label {
          font-size: 13px;
          padding: 8px 5px;
          text-align: center;
      }

      .bottom-cg-row {
          margin-top: 0px !important;
      }

      .beauty-gallery-row {
          --bs-gutter-x: 10px;
          --bs-gutter-y: 14px;
      }

      .bottom-categories .container {
          max-width: 100%;
          padding-left: 12px;
          padding-right: 12px;
      }


      .aurabloom-video-section {
          min-height: 195px !important;
      }

      .view-all-btn-best button {
          padding: 4px 6px;
          font-size: 12px;
          margin-top: 0px !important;
      }

      .new-stock_Seller {
          margin-top: 10px !important;
      }

      .all-gardening .sec-title {
          font-size: 22px;
      }

      .all-gardening .sec-title::after {
          top: 31px !important;
      }


      .view-all-btn a {
          color: #fff;
          text-decoration: none;
          padding: 0px 0px;
          border-radius: 8px;
          font-size: 12px;
          font-weight: 600;
      }

      .garden-product-col {
          width: 50% !important;
          max-width: 50% !important;
          flex: 0 0 50% !important;
          padding-left: 6px !important;
          padding-right: 6px !important;
      }

      .garden-card {
          width: 100% !important;
          border-radius: 18px !important;
      }

      .garden-img {
          width: 100% !important;
          height: 130px !important;
          overflow: hidden !important;
      }

      .garden-img img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover !important;
          display: block !important;
      }

      .garden-name {
          font-size: 12px !important;
          text-align: center !important;
          line-height: 1.2 !important;
      }

      .new-stock-2 h2 {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 22px !important;
          margin: 0;
          padding-bottom: 32px !important;

      }

      .bottom-categories-title h2 {
          font-size: 26px;
      }


      .new-stock-2 h2::after {
          content: "";
          position: absolute;
          left: 49% !important;
          top: 32px !important;
          transform: translateX(-50%);
          width: 200px;
          height: 4px;
          background: #1b8f12;
          border-bottom-left-radius: 16px;
          border-bottom-right-radius: 16px;
      }

      .room-section {
          padding: 4px 0;
          background: #fff;
      }

      .bottom-categories-title h2 {
          font-size: 22px;
          font-weight: 800;
          letter-spacing: 1px;
          color: #111;
          margin: 0;
          padding-bottom: 34px !important;
          display: flex;
          justify-content: center;
          position: relative;
      }

      .bottom-categories-title h2::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 30px;
          transform: translateX(-50%);
          width: 150px;
          height: 4px;
          background: #1b8f12;
          border-bottom-left-radius: 16px;
          border-bottom-right-radius: 16px;

      }

      .room-section .popular-plants-row {
          gap: 14px 10px !important;
          justify-content: flex-start !important;
      }

      .room-section .popular-plants-row .room-card-link {
          width: calc(50% - 5px) !important;
          flex: 0 0 calc(50% - 5px) !important;
          max-width: calc(50% - 5px) !important;
          text-decoration: none;
      }

      .room-section .room-card {
          width: 100% !important;
      }

      .room-section .room-img {
          width: 100% !important;
          height: 170px !important;
          object-fit: cover !important;
          display: block;
      }

      .room-section .room-label {
          font-size: 14px !important;
          line-height: 1.1 !important;
          text-align: center;
      }

      .view-all-btn-populor a {
          color: #fff;
          background-color: #000;
          text-decoration: none;
          padding: 4px 14px !important;
          border-radius: 8px;
          font-size: 13px;
          font-weight: 600;
      }

      .new-stock-3 h2 {
          font-size: 22px !important;
          font-weight: 800;
          letter-spacing: 1px;
          color: #111;
          margin-top: 15px;
          padding-bottom: 1cqh;
          position: relative;
          display: flex;
          justify-content: center;
      }

      .new-stock-3 h2::after {
          content: "" !important;
          position: absolute !important;
          left: 50.7% !important;
          top: 30px !important;
          transform: translateX(-50%) !important;
          width: 131px !important;
          height: 4px !important;
          background: #1b8f12 !important;
          border-bottom-left-radius: 16px !important;
          border-bottom-right-radius: 16px !important;
      }

      .new-stock-3 {
          margin-top: 32px;
      }

      .products-sec .product-col {
          width: 50% !important;
          max-width: 50% !important;
          flex: 0 0 50% !important;
          padding: 6px !important;
      }



      .products-sec .p-card__media {
          width: 100%;
          height: 210px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 2px;
      }

      .products-sec .p-card__media img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 2px;
      }

      .products-sec .p-card__title {
          font-size: 13px;
      }

      .products-sec .p-card__sub {
          font-size: 11px;
      }

      .products-sec .p-card__price {
          font-size: 12px;
      }

      .products-sec .p-card__btn {
          font-size: 11px;
          padding: 0px 6px;
      }

      .top-strip {
          background: #87ce51;
          font-weight: 500;
          font-size: 15px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      }

      .main-footer {
          padding: 0px 10px !important;
      }


      .footer-menu-col {
          width: 50% !important;
          max-width: 50% !important;
          flex: 0 0 50% !important;
          margin-bottom: 25px !important;
      }

      .footer-menu-col .footer-heading {
          font-size: 15px !important;
          margin-bottom: 12px !important;
      }

      .footer-menu-col .footer-links li {
          margin-bottom: 4px !important;
      }

      .footer-menu-col .footer-links li a {
          font-size: 14px !important;
          line-height: 1.3 !important;
      }

      .view-all-btn-product button {
          padding: 4px 12px;
          font-size: 12px;
      }

      .products-sec {
          padding: 0px 0px 16px 0px;
          background: #fff;
      }

      .view-all-btn-4 {
          margin-top: 20px;
      }

      .navbar-toggler {
          display: none;
      }

      .search-suggestion-img {
          width: 30px;
          height: 30px;
          border-radius: 10px;
          object-fit: cover;
          flex-shrink: 0;
          background: #f3f3f3;
      }

      .search-suggestion-name {
          display: block;
          font-size: 14px;
          font-weight: 700;
          color: #0f1d3a;
          line-height: 1.3;
      }

      .topbar {
          padding: 0px 4px !important;
          margin-bottom: 16px;
      }

      .search-box input {
          width: 100%;
          height: 36px !important;
          border: 2px solid #bfe1bf;
          border-radius: 12px !important;
          padding: 0 60px 0 20px;
          font-size: 14px;
          outline: none;
          background: #fff;

      }

      .mega-dropdown .dropdown-toggle::after {
          display: none !important;
      }






      .navline,
      .navline .container-fluid,
      #mainNav {
          width: 100% !important;
          max-width: 100% !important;
          overflow: hidden !important;
      }

      #mainNav {
          display: block !important;
      }

      #mainNav .navbar-nav.navlinks {
          display: flex !important;
          flex-direction: row !important;
          flex-wrap: nowrap !important;

          width: 100% !important;
          max-width: 100% !important;

          overflow-x: scroll !important;
          overflow-y: hidden !important;

          white-space: nowrap !important;
          -webkit-overflow-scrolling: touch;

          padding: 8px 10px !important;
          margin: 0 !important;
          gap: 8px;
      }

      #mainNav .navlinks .nav-item {
          flex: 0 0 auto !important;
      }

      #mainNav .navbar-nav.navlinks {
          padding: 8px 0 !important;
      }

      #mainNav .navbar-nav.navlinks {
          justify-content: flex-start !important;
      }

      #mainNav .navlinks {
          scrollbar-width: none;
      }

      .mega-dropdown .dropdown-toggle::after {
          display: none !important;
      }





      /* all categories responsive css  */

      .view_categories__col,
      .view_subcategories__col {
          width: 33.333% !important;
          max-width: 33.333% !important;
          flex: 0 0 33.333% !important;
          padding-left: 4px !important;
          padding-right: 4px !important;
      }

      .view_categories__card {
          padding: 4px !important;
          min-height: 115px !important;
      }

      .view_categories__imgWrap {
          width: 78px !important;
          height: 78px !important;
          margin: 0 auto 6px !important;
      }

      .view_categories__img {
          width: 100% !important;
          height: 100% !important;
          object-fit: cover !important;
      }

      .view_categories__name,
      .view_categories__name1 {
          font-size: 13px !important;
          line-height: 1.15 !important;
          margin: 0 !important;
          text-align: center !important;
      }

      .all_categories h2 {
          font-size: 24px !important;
          margin-bottom: 15px !important;
      }

      .row.g-3 {
          --bs-gutter-x: 8px !important;
          --bs-gutter-y: 14px !important;
      }




      .site-header .topbar-row {
          display: grid !important;
          grid-template-columns: 1fr auto !important;
          grid-template-areas:
              "logo actions"
              "search search" !important;
          align-items: center !important;
          gap: 8px !important;
      }

      .site-header .brand {
          grid-area: logo !important;
      }

      .site-header .brand img {
          width: 230px;
          max-width: 250px !important;
          margin-left: -8px !important;
          padding: 4px 0 !important;
      }

      .site-header .topbar-row>.d-flex.align-items-center.gap-3.ms-auto {
          grid-area: actions !important;
          margin-left: 0 !important;
      }

      .site-header .header-Search {
          grid-area: search !important;
          width: 100% !important;
          display: block !important;
          height: 42px;
      }

      .site-header .search-box {
          width: 100% !important;
          height: 40px !important;
      }

      .site-header .search-box input {
          height: 40px !important;
          margin-bottom: 0 !important;
          border-radius: 12px !important;
          padding: 0 58px 0 18px !important;
      }

      .site-header .search-btn {
          right: 0 !important;
          top: 0 !important;
          width: 58px !important;
          height: 40px !important;
          border-radius: 0 12px 12px 0 !important;
          background: #87ce51 !important;
      }

      .site-header .search-icon {
          position: static !important;
          transform: none !important;
          background: transparent !important;
          padding: 0 !important;
          font-size: 22px !important;
      }
  }

  @media (max-width: 320px) {
      .bottom-categories .bc-content {
          width: 100% !important;
          flex: 0 0 136% !important;
          min-width: 0 !important;
      }

      .aurabloom-video-section {
          min-height: 178px !important;
      }

      .footer-logo img {
          height: auto;
          width: 271px !important;
          padding: 15px 2px;
          margin-top: -30px;
      }
  }