.plants {
  .SingleCell {
    box-shadow: none !important;
    border: none !important;

    p {
      color: #431934 !important;
      height: 40px;
    }

    img {
      border-radius: 20px !important;
    }
  }
}

.list-style-none ul {
  list-style-type: disc;
  list-style-position: outside;

  margin: 0;
  padding-left: 1.5em;
  overflow-wrap: break-word;
}

.btn-more {
  padding: 5px 8px !important;
}

@media (max-width: 576px) {


  .plants {
    .title {


      h2 {
        font-size: 1.0rem !important;
        padding: 9px !important;
      }
    }
  }

  .mostSalling,
  .BestOffers {
    & .title {
      h2 {
        font-size: 1.0rem !important;
        padding: 9px !important;
      }
    }
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 21px !important;
  }

  .MainSwiper {
    .swiper-slide {
      height: 200px;
    }

    .swiper-slide-product-item-text {
      font-size: 1rem !important;
    }
  }

  .BuyByOccasions {
    padding: 0px 0px !important;

    .swiper-slide {
      img {
        width: 70px;
        height: 70px;
      }

      h4 {
        font-size: .775rem !important;
      }
    }

    .Occasions {
      .swiper-wrapper {
        height: 140px !important;
      }
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev,
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      display: none !important;
    }
  }

  .mostSalling,
  .BestOffers {
    .SingleCell {
      /* min-height: 366px; */
      padding-top: 5px !important;

      img {
        border-radius: 20px;
      }
    }
  }

  .avaible {
    span {
      font-size: 0.7rem;
      padding: 0px 5px !important;
      margin-bottom: .3rem !important
    }

    .dot {
      width: 7px !important;
      height: 7px !important;
    }

    ;
  }

  .btn-more {
    padding: 5px 8px !important;
    font-size: 0.8rem;
  }

  .Review {

    padding: 0px 0px !important;
    padding-top: 10px !important;

    .swiper-slide {
      height: 300px !important;
    }

    h4 {
      font-size: 15px !important;
    }
  }

}

@media (min-width: 768px) {
  .shop-page {
    padding-top: 50px !important;
  }

}

.navbar-shadow {
  box-shadow: rgba(94, 43, 83, 0.3) 0px 10px 15px, rgba(94, 43, 83, 0.2) 0px 4px 6px;
}

@media (max-width: 769px) {

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

  .Hero {
    padding-top: 100px;
  }

  .navbar {
    background-color: #fff !important;



  }

  .site-name {
    font-size: .9rem !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .hhh {
    margin-inline-start: -20px !important;
    margin-block-start: -20px !important;
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;


    a {
      font-size: .4rem !important;
      padding: 6px !important;
      margin: 0px !important;
      margin-left: 0px !important;
      text-align: center !important;

    }

    .kk {
      margin-inline-start: -15px !important;
      text-align: center !important;
    }
  }

  .shop-page {
    padding-top: 40px;
  }

  .Landscape, .Events {
    padding-top: 0px !important;
  }

  .landscape-title {

    h2 {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 1.2rem !important;
    }
  }

  .whatsapp-icon {

    padding: 0px !important;
    margin: 0px !important;
    width: 40px;
    height: 40px;
    font-size: 0.5rem !important;
    margin-bottom: 30px !important;
  }

  .cart-count {
    font-size: .5rem !important;
    margin-left: 2px !important;
  }

  .footer-card {
    img {
      width: 40px !important;
      height: 40px !important;
    }

    h5 {
      font-size: .9rem !important;
      margin: 0px !important;
      padding: 0px !important;
    }
  }

  .delivery-options {

    h5 {
      font-size: .7rem !important;


    }

    .input-delivery {
      padding: 5px !important;
      width: 150px;

      span {
        font-size: .8rem !important;
      }

      label {
        font-size: .8rem !important;
      }

      input {
        font-size: .8rem !important;
      }

    }
  }

  .price {
    h5, h4 {
      font-size: .8rem !important;
      font-weight: 800 !important;
      padding: 5px !important;
      margin: 0px !important
    }
  }

  .btn-order {
    padding: 7px !important;
    font-size: .8rem !important;
    margin-top: 7px !important;
  }

  .cart-icon {
    font-size: 1.2rem !important;
    margin-top: -10px !important;
  }

  .cart-count {
    font-size: .6rem !important;
    top: -10px !important;
    margin-top: -10px !important;
  }

  .icons-navbar {
    /* padding: 0px !important;
  margin: 0px !important; */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;

    a {
      padding: 0px !important;
      margin: 0px !important;
      font-size: .9rem !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important
    }


  }


  .Events {
    padding-top: 100px !important;


    h1 {
      font-size: 1.2rem !important;
      margin: 0px !important;
      padding: 0px !important;
    }

    .gallery-filter {
      margin: 0px !important;
      padding: 0px !important;
    }
  }

  .hide-sm {
    display: none !important;
  }

  .LoginSection {
    padding-top: 100px !important;

    .login_form {
      padding: 20px !important;
      margin: 20px !important;

    }

    .title {
      padding-top: 10px !important;
      margin: 0px !important;
    }

    img {
      width: 40px !important;
      padding: 0px !important;


    }

    h1 {

      font-size: 1.rem !important;
    }

    h4 {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 1.2rem !important;
    }

    h2 {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 1.2rem !important;
    }

    button {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
      font-size: .8rem !important;

    }

    p {
      font-size: .8rem !important;
    }
  }



  .Footer {
    padding: 0px !important;

    hr {
      height: 2px;
      margin-bottom: -41px !important;
      margin-top: 96px;
    }
  }

  .cardss {
    padding: 0px !important;
    margin: 0px !important;

    .footer-card {
      padding: 0px !important;
      margin: 0px !important;
    }
  }



}

#welcomeCouponModal .modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

@media (max-width: 576px) {
  #welcomeCouponModal .modal-dialog {
    max-width: 80%;
    margin: 1rem auto;
  }

  #welcomeCouponModal .modal-content {
    padding: 0.1rem;
  }

  #welcomeCouponModal .modal-header .modal-title {
    font-size: 1rem;
  }

  #welcomeCouponModal .modal-body p,
  #welcomeCouponModal .modal-body h3,
  #welcomeCouponModal .modal-body small {
    font-size: 0.9rem;
  }

  #welcomeCouponModal .modal-body h3 {
    margin-bottom: 0.1rem;
  }

  #welcomeCouponModal .copy-coupon {
    padding: 0.15rem 0.2rem;
    font-size: 0.8rem;
  }

  #welcomeCouponModal .modal-footer button {
    padding: 0.300rem 0.50rem;
    font-size: 0.85rem;
  }
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 10px !important;
}



.icons-navbar {
  /* padding: 0px !important;
  margin: 0px !important; */
  /* display: flex !important; */
  gap: 13px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 2px !important;

  a {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 1.1rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important
  }


}

.cart-icon {
  font-size: 1.1rem !important;
  margin-top: -3px !important;
}

.cart-count {
  font-size: .6rem !important;
  top: -10px !important;
  margin-top: -5px !important;
}

.navbar-toggler {
  padding: 0px !important;
  margin: 0px !important
}

@media (min-width: 375px) and (max-width: 768px) {

    .cart-category {
     width: 155px !important;
    height: 200px !important;

    .cat-title {
      
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px !important; 
    
      p{
        margin-top: -5px !important;
        font-size: 14px !important;
      }
    }
  }
    .navbar .dropdown-menu{
   min-width: 5rem;
   padding: 5 22px !important;
  }

  .navbar-toggler-icon{
  font-size: 17px !important;
}
  .blogs {
    padding-top: 180px !important;
    img {
    margin-top: 0px !important;
  
    }
  }
  .title-blog{
    
    font-size: 20px !important;
  }
  .content-blog{
    padding:0px !important;
    margin:0px !important
  }
  .desc-blog{
   
  }
  .see-blog {
   margin: 0px !important;
    padding: 0px !important;
    font-size: 1.2rem !important;
   
  }

  .page {
    padding-top: 70px !important;
  }

  .Cart {
    padding-top: 100px !important;
  }

  .single-productt {
    padding-top: 80px !important;
  }

  .shop-page {
    padding-top: 40px !important;
  }

  .Hero {
    margin-top: 45px !important;

  }

  .results-container {
    width: 100% !important;

    h6 {
      font-size: .8rem !important;
    }

  }

  .input-search {
    width: 100% !important;
  }

  .navbar-search {
    font-size: 13px !important;
  }

  .cart-icon {
    font-size: 1.0rem !important;
    margin-top: -14px !important;
  }

  .cart-count {
    font-size: .6rem !important;
    top: -10px !important;
    margin-top: -15px !important;
  }

  [dir="rtl"] .icons-navbar {
   margin-right: 69px !important;
  margin-left: 0 !important;
}
  [dir="rtl"] .img-logo {
   
  margin-left: 0 !important;
}

  .icons-navbar {
    /* padding: 0px !important;
  margin: 0px !important; */
    /* display: flex !important; */
   margin-left: 77px !important;
    gap: 13px !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;


    a {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 1.0rem !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important
    }


  }

}


@media (min-width: 320px) and (max-width: 375px) {

      .cart-category {
    width: 155px !important;
    height: 200px !important;

    .cat-title {
      
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px !important; 
    
      p{
        margin-top: -5px !important;
        font-size: 14px !important;
      }
    }
  }
 .blogs {
    padding-top: 180px !important;
  }

  .page {
    padding-top: 70px !important;
  }

  .Cart {
    padding-top: 100px !important;
  }


  .single-productt {
    padding-top: 80px !important;
  }

  .shop-page {
    padding-top: 40px !important;
  }

  .Hero {
    margin-top: 37px !important;

  }

  .results-container {
    width: 100% !important;

    h6 {
      font-size: .8rem !important;
    }

  }

  .input-search {
    width: 100% !important;
  }

  .navbar-search {
    font-size: 30px !important;
  }
.navbar-toggler-icon{
  font-size: 17px !important;
}
    .navbar .dropdown-menu{
   min-width: 5rem;
   padding: 5 22px !important;
  }
  [dir="rtl"] .icons-navbar {
   margin-right: 35px !important;
  margin-left: 0 !important;
}
  [dir="rtl"] .img-logo {
   
  margin-left: 0 !important;
}

  .icons-navbar {
    /* padding: 0px !important;
  margin: 0px !important; */
  margin-left: 10px !important;
    display: flex !important;
    gap: 5px !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;

    a {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 0.8rem !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important
    }


  }

  .cart-icon {
    font-size: 1.0rem !important;
    margin-top: -18px !important;
  }

  .cart-count {
    font-size: .6rem !important;
    top: -10px !important;
    margin-top: -17px !important;
  }
}