@media (max-width: 480px) {


   .body {
     overflow-x: hidden !important;

   }
   .uppr-top-s {
    padding: 50px 0px !important;
}
    .cart-container .row {
    flex-direction: column;
  }

  /* Cart Items full width */
  .cart-container .col-md-8,
  .cart-container .col-md-4 {
    width: 100% !important;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  /* Padding adjust for summary box */
  .summary-box {
   padding: 34px !important;
    border-top: 1px solid #ddd;
    margin-top: 1rem;
  }

  /* Product image smaller */
  .product-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
  }

  /* Quantity box spacing */
  .qty-box {
    margin: 0 0.5rem;
  }

  /* Cart item spacing */
  .cart-item {
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: space-between;
  }

  .cart-item > div {
    
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .number-qty {
    width: 40px !important;
  }
    #call-sm{
    padding: 0 !important;
   }
   button.slick-next-one.custom-arrow.slick-arrow span{
        left: 14px;
   }
   #m-header {
     padding: 0 !important;

   }

    .buy-card {
    height: 100% !important;
    min-height: 400px; /* Adjust as per your content */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .buy-card .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .buy-card .card-title {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .buy-card .card-text {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .buy-card .button-row {
    margin-top: auto;
  }

   .navbar-toggler:focus {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     border: 0px !important;
     background-color: #629d23;
   }

   .bg-warr-pe {
     padding: 17px;

   }
   #coll-p{
    padding: 1px !important;
            margin-top: 25px;
   }
   .con-s-top{
    margin-top: 44px;
   }

   .navbar-light .navbar-toggler {
     background-color: #629d23;
     color: white !important;
   }

   button:focus:not(:focus-visible) {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     background-color: #629d23;
   }

   .mobile-search-box-container {
     position: fixed;
     display: none;
     z-index: 998;
     bottom: 56px;
   }

   .mobile-search-toggle {
     text-decoration: none !important;
     border: none !important;
     box-shadow: none !important;
   }

   .m-sbar {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 9999;
     border-top: none !important;
     box-shadow: none;
     background: #629d23 !important;
     padding: 18px !important;
   }

   .row.g-5,
   .row.gx-5 {
     --bs-gutter-x: 0 !important;
     --bs-gutter-y: 0 !important;
   }

   .g-4,
   .gy-4 {
     --bs-gutter-x: 0 !important;
     --bs-gutter-y: 0 !important;
   }

   .py,
   .my {
     padding: 0 !important;
   }

   button.slick-next.custom-arrow.slick-arrow {
     width: 5%;
     height: 34px;
   }

   .custom-arrow span {
     font-size: 1.5rem;
   }

   button.slick-prev.custom-arrow.slick-arrow {
     width: 5%;
     height: 34px;
   }

   .product-card .overlay {
     backdrop-filter: blur(1px);
   }

   button.slick-next-new.custom-arrow.slick-arrow {
     width: 9%;
     height: 30px;
     right: 0px;
   }

   button.slick-prev-new.custom-arrow.slick-arrow span {
     top: 1px;
   }

   button.slick-next-new.custom-arrow.slick-arrow span {
     top: 1px;
   }

   button.slick-prev-new.custom-arrow.slick-arrow {
     width: 9%;
     height: 30px;
     left: 0px;
   }
   .movee{
    padding: 0 12px !important;
            font-size: 8px !important;
   }
   .main-me-d-s {
     margin-top: 70px;
   }

   button.slick-next-one.custom-arrow.slick-arrow {
     width: 31px;
     left: 51%;
   }

   .new-b-rs {
     padding: 0px;
   }

   .some-wapper {
     padding: 30px;
   }

   button.slick-prev-one.custom-arrow.slick-arrow {
     left: 40%;
     width: 9%;
   }

   /* section.hot-deals.container.py-5.main-media{
            padding: 90px 0px !important;
   } */
   .hot-deals {
     padding-top: 60px !important;
   }

   #call-sm {
     padding: 14px !important;
   }

   .main-card {
     padding: 60px;
     margin-top: 100px;

   }

   .title-top {
     color: #629d23;
     font-size: 26px !important;
   }

   .main-card-two {
     margin-top: 116px;
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
     padding: 60px;
   }

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

   button.slick-prev-two.custom-arrow.slick-arrow {
     width: 9%;
     left: 39%;
   }

   button.slick-next-two.custom-arrow.slick-arrow {
     width: 9%;
     left: 49%;
   }

   .by-btn {
     font-size: 11px !important;
   }

   marquee.text-white {
     font-size: 12px;
   }

   .color-wrapper {
     top: 46%;
   }

   .navbar-light .navbar-nav .nav-link.active,
   .navbar-light .navbar-nav .show>.nav-link {
     padding: 8px 0;
     margin-top: 29px;
   }

   .navbar-light .navbar-nav .nav-link,
   .navbar-light .navbar-nav .show>.nav-link {
     padding: 8px 0;
     margin-top: 29px;
   }

   .btn {
     font-size: 14px;
     padding: 0.25rem 0.5rem;
     display: flex;
     align-items: anchor-center;
     justify-content: center;
   }

   #ms-d-footer {
     flex-wrap: wrap-reverse;
     gap: 24px;
     font-size: 11px;
     margin-top: 31px;
   }

   /* .short-call ul li a{
    padding: 16px;
   } */
   .overlay h5 {
     font-size: 14px;
   }

   input.form-control.me-2 {
     font-size: 11px;
   }

   .header-mobile-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   .header-mobile-bottom {
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
     margin-top: 10px;
     gap: 10px;
   }

   .header-mobile-bottom a,
   .header-mobile-bottom button {
     font-size: 14px;
   }

   #search-bar {
     margin-top: 10px;
   }

   .header-logo {
     width: 90px;
   }

   .cart-icon img,
   .tracking-icon img {
     width: 22px;
     height: auto;
   }

 }



@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  

    .g-5,
   .gx-5 {
     --bs-gutter-x: 0 !important;
     --bs-gutter-y: 0 !important;
   }

   .g-4,
   .gy-4 {
     --bs-gutter-x: 0 !important;
     --bs-gutter-y: 0 !important;
   }

   .py,
   .my {
     padding: 0 !important;
   }
  
   .body {
     overflow: hidden !important;
     width: 100% !important;
   }
   .color-wrapper{
        top: 46%;
   }
   button.slick-next-new.custom-arrow.slick-arrow{
        width: 6%;
   }
   button.slick-prev-new.custom-arrow.slick-arrow{
    width: 6%;
   }
   .overlay h5{
        font-size: 16px;
   }
   button.slick-next-one.custom-arrow.slick-arrow{
        width: 5%;
   }
   button.slick-prev-one.custom-arrow.slick-arrow{
    width: 5%;
        left: 45%;
   }
   .fixed-cart{
    top: 38% !important;
   }
    #m-header .row.align-items-center {
    flex-wrap: nowrap !important;
    align-items: center;
  }

  /* Left Column */
  #m-header .col-lg-4.col-md-6:first-child {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    width: 33.33%;
  }

  /* Center Column (Logo) */
  #m-header .col-lg-4.col-md-6.text-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 33.33%;
  }

  /* Right Column */
  #m-header .col-lg-4.d-flex.justify-content-end {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    width: 33.33%;
  }

   .navbar-brand.d-lg-none {
    display: none !important;
  }
  .navbar-light .navbar-nav .nav-link{
    padding-top: 38px;
  }
   .main-card {
     padding: 60px;
     margin-top: 100px;

   }
   button.slick-next-two.custom-arrow.slick-arrow{
    width: 30px;
   }
   button.slick-prev-two.custom-arrow.slick-arrow{
      width: 30px;
          left: 46%;
   }
   .media-tab{
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        padding: 60px;
   }
    #call-sm {
        padding: 0 !important;
        margin-top: 60px;
    }
   .main-me-d-s{
    padding-top: 106px !important;
   }
    .con-s-top > div.col-md-3 {
    width: 50% !important;     /* 2 columns in a row */
    flex: 0 0 auto;
  }
  .by-btn-face{
    
    font-size:9px !important;
    border: none;
    padding: 6px 0 !important;
    z-index: 2;
  }
  .filter-modern {
    
    background: transparent !important;
    border: none !important;
    border-radius: 0px !important;
        padding: 0 !important;
    box-shadow: none !important;
    position: sticky;
    top: 30px;
    z-index: 10;
    height: fit-content;
}

#universal-search-close{
         right: -39px !important;
}
.my-hover:hover{
  color: white !important;
}

.btn-outline-secondary :hover{
  color: white !important;

}

.my-hover{
  color: #629d23;
}

.box-shadow{
  box-shadow: none !important;
}

.tab-qrr{
  width: 50% !important;
}

 .uppr-top-s {
    padding: 50px 0px !important;
}
}