@media only screen and (max-width: 1499px) {
    .banner-hero {
      padding: 120px 0;
    }
    .banner-hero .banner-hero-content h1 {
    font-size: 38px;
}
.Sec-ptb {
    padding: 60px 0;
}
}

@media only screen and (max-width: 1399px) {
    .container {
        max-width: 100%;
        padding: 0 40px;
    }

    .container-fluid {
        padding: 0 40px;
    }

    .Featured-Products-Slider .swiper-featured-next,
    .Featured-Products-Slider .swiper-featured-prev {
      width: 42px;
      height: 42px;
      box-shadow: 0px 3px 24.8px 14px rgba(0, 0, 0, 0.05);
    }
    .Featured-Products-Slider .swiper-featured-next {
        right: -30px;
      }
      .Featured-Products-Slider .swiper-featured-prev {
        left: -30px;
      }
      .Sec-testimonials .Testimonials-Slider .swiper-testimonials-next,
      .Sec-testimonials .Testimonials-Slider .swiper-testimonials-prev {
        width: 42px;
        height: 42px;
        box-shadow: 0px 3px 24.8px 14px rgba(0, 0, 0, 0.05);
      }
      .Sec-testimonials .Testimonials-Slider .swiper-testimonials-next {
        right: -30px;
      }
      .Sec-testimonials .Testimonials-Slider .swiper-testimonials-prev {
        left: -30px;
      }
}

@media only screen and (max-width: 1299px) {
  .Sec-testimonials .card-testimonials .card-testimonials-details {
    align-self: center !important;
  }

  .HomeBannerSlider .slider-image {
    max-height: 400px;
    height: 100%;
}
.banner-hero {
    min-height: 400px;
}
}

@media only screen and (max-width: 1199px) {
    .Sec-ptb {
        padding: 40px 0;
    }

    .nav-open nav.main-nav {
        left: 0;
      }
      nav.main-nav {
        position: fixed;
        width: 320px;
        top: 100px;
        height: calc(100% - 100px);
        left: -320px;
        transition: all 300ms;
        padding: 15px;
        z-index: 9;
        background: var(--white);
        overflow: auto;
      }
      .header-top .right {
        margin-left: auto;
        margin-right: 15px;
      }
      #toogle-btn {
        display: block;
        width: 20px;
        height: 14px;
        transition: 0.5s ease-in-out;
        cursor: pointer;
      }
      #toogle-btn .bar {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: var(--green);
        border-radius: 9px;
        opacity: 1;
        left: 0;
        transition: 0.25s ease-in-out;
      }
      #toogle-btn .bar-1 {
        top: 0px;
      }
      #toogle-btn .bar-2 {
        top: 6px;
        animation: nav-icon-bg 3s infinite;
      }
      #toogle-btn .bar-3 {
        top: 12px;
      }
      .nav-open #toogle-btn .bar-1 {
        top: 6px;
        transform: rotate(135deg);
      }
      .nav-open #toogle-btn .bar-2 {
        opacity: 0;
        left: -60px;
      }
      .nav-open #toogle-btn .bar-3 {
        top: 6px;
        transform: rotate(-135deg);
      }
      .menu-ul {
        display: flex;
        flex-direction: column;
      }
      .menu-ul > li + li {
        margin-left: 0;
        padding: 0;
        border-left: none;
        border-top: 1px solid rgba(247, 247, 247, 0.31);
      }
      .menu-ul > li > a {
        font-size: 15px;
      }
      .menu-ul > li.li-has-menu > a {
        padding-right: 45px;
      }
      .li-has-menu > small {
        background: var(--lightgreenheading);
        color: #231f20;
        width: 34px;
        height: 34px;
        right: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 22px;
        font-size: 15px;
        z-index: 1;
      }

.sub-menu {
    max-height: 305px;
    overflow-y: auto;
}

.privacy-policy-sec .registration {
  padding: 0px;  padding-bottom: 0px !important;
}
      footer .footer-main-top .footer-main-row {
        display: block;
      }
      footer .footer-main-top .footer-main-row .footer-col-left {
        width: 100%;
        margin-bottom: 40px;
        max-width: 100%;
      }
      footer .footer-main-top .footer-main-row .footer-col-center {
        width: 50%;
        display: inline-block;
        border: none;
        vertical-align: top;
      }

      footer .footer-main-top .footer-main-row .footer-col-right {
        width: 50%;
        display: inline-block;
        vertical-align: top;
      }

      .filterSec .accordion-body { padding: 0px;}
      .product-banner .prosuct-head {padding: 30px;}

}


 @media only screen and (min-width:991px){
    .filterSec {
    margin:50px 0px;
    border:1px solid #dbdbdb;
    padding: 15px;
    border-radius: 7px;
}
  .filter-icon {
  display: none;
}
  .filterSec .offcanvas-backdrop.show {
    opacity: 0;
}
    .filterSec #offcanvasWithBothOptions {
      position: static;
    opacity: 1;
    visibility: visible;
    transform: inherit;
    border: none;
}
.filterSec .offcanvas-header{display: none;}
.filterSec .offcanvas-body {padding: 0;  }

.filter-mobile{display: none;}


}



@media only screen and (max-width: 991px) {
  .ourTeam .form-control {
    padding: 12px 30px;
}
    .banner-hero {
      min-height: 500px;
      border-radius: 0px;
      padding: 80px 0;
    }
    .banner-hero .banner-hero-content h1 {
        font-size:32px;
            margin-bottom: 15px;
      }
      .banner-hero .banner-hero-content p {
            margin-bottom: 15px;
            font-size: 18px;
      }
      .banner-hero .banner-hero-content .btn-custom .icon-arrow {
    width: 32px;
    height: 32px;

}
    .HomeBannerSlider .banner-hero-content {
    padding: 30px;
}

.HomeBannerSlider .slider-image img {
    transform: translateY(-0%);
}

      .Sec-subcribe-newsletter .card-subscribe .left-subscribe {
        width: 100%;
        text-align: center;
      }
      .Sec-subcribe-newsletter .card-subscribe .right-subscribe {
        width: 100%;
        text-align: center;
      }

      .banner-hero.banner-hero-inr-page {
        min-height: 200px;
        padding: 60px 0;
        border-radius: 0 0 30px 30px;
    }
    .green-bg {padding: 30px;}
    .contactSec .green-bg{display: block !important;text-align: center;}
    .contactSec .sec-heading {text-align: center;margin-bottom:30px;}
    .contactSec .sec-heading h2 {font-size: 32px;line-height: 38px;}
    .contactSec .sec-heading h2 br{display: none;}
    .about-inner-sec .image-section {margin-bottom: 30px;max-width: 100%;}
    .about-inner-sec .InnerBox {display: block !important;}
    .aboutSec .image-section img {width:100%;  max-width: 100%; }
    .contactSec .green-bg {min-height: auto;padding: 30px;}


  .filterSec.sticky {
      top: 100px;
      left: 0px;
      position: fixed;
      padding: 10px 30px;
      z-index: 2;
      width: calc(100% - 0px);
      background: #fff;
      margin: 0;
  }
      .filterSec .accordion-body {
         padding: 0px 15px; 
    }
  .filter-mobile {
    padding: 10px 0px;
    margin-top: 18px;
}

  .filterSec .filter-head {
      font-size: 16px;
      font-weight: 400;
      margin-bottom:0px;
        border: none;
        padding: 0;
  }
  .individualcatlist .col-3,
  .individualcatlist .col-9{width:100%;}


  .filterSec button svg {
    margin-right: 5px;
    height: 15px;
    margin-top: -5px;
}
.privacy-policy-sec .container .container {
    padding: 0px;
}



.filterBtns {
    padding: 20px;
   text-align: center;
}
.filterBtns button {
        background: var(--green);
    color: var(--white);
    border: none;
    border-radius: 35px;
    padding: 10px 15px;
    font-size: 14px;
            margin: 0px 5px;
}
.product-banner .product-img {
    padding-top: 15px;
}
.product-banner .prosuct-head {
    text-align: center;
    padding: 15px;
        max-width: calc(100% - 0px);
}

.WholesaleEnquiry {
    padding: 25px;
}
.WholesaleEnquiry .text-section h2 {
    font-size: 24px;
    margin-bottom: 10px;

}

}

@media only screen and (min-width: 1200px) {
    .sub-menu {
      display: block;
      zoom: 1;
      opacity: 0;
      position: absolute;
      top: calc(100% + 30px);
      transition: all 0.3s linear;
      z-index: 9;
      list-style: none;
      background: var(--white);
      padding: 10px;
      box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
      visibility: hidden;
      border-radius: 20px;
    }
    .menu-ul > li:hover .sub-menu {
      visibility: visible;
      opacity: 1;
      top: 100%;
    }
}


@media only screen and (max-width: 767px) {
    .container {
        max-width: 100%;
        padding: 0 30px;
    }

    .container-fluid {
        padding: 0 20px;
    }

    .sec-heading h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
      .sec-heading h2 {
        font-size: 16px;
    }  
.card-product .card-product-detail h5{font-size: 16px;}
    header {
        height: 75px;
      }
      header .header-logo {
        max-width: 120px;
      }
      header .header-right ul > li .btn-secondary {
        width: 30px;
        height: 30px;
        padding: 8px;
      }
      header .header-right ul > li .btn-secondary svg {
        width: 25px;
        height: 25px;
      }
      header .header-right ul > li .btn-primary {
        width: 30px;
        height: 30px;
        padding: 8px;
      }
      header .header-right ul > li .btn-primary svg {
        width: 25px;
        height: 25px;
      } 
      
      nav.main-nav {
        height: calc(100% - 75px);
        top: 75px;
      }

      .home  .banner-hero {
    background-size: 120% 100%;
    background-attachment: initial;
    padding: 30px 0;
}
p {
    font-size: 14px;
}
.Sec-why-choose-us ul li {
    font-size: 14px;
}
.Sec-why-choose-us .card-WCU-box .card-WCU-box-img {
    width:75px;
    height: 75px; padding: 10px;
}
.Sec-why-choose-us .col-lg-3.col-md-6.mt-4 {
    width: 50%;
}

.Sec-why-choose-us ul li span img{width: 14px !important; height: 14px !important}

.tips-advice-Slider .card {
    padding-bottom: 50px;
}
.tips-advice-Slider .card .details-box h5 {
    margin-bottom: 10px;
    max-height: 45px;
    font-size: 16px;
}
.tips-advice-Slider .card .details-box p {
    min-height: 65px;
    font-size: 14px;
}

.Sec-our-mission .card-our-mission .our-mission-icon {
    width: 65px;
    height: 65px;
}

.our-mission-details h5 {
    margin-bottom: 10px;
    font-size: 16px;
}

.our-mission-details p {
    margin: 0px;
    font-size: 14px;
}

.Sec-subcribe-newsletter .card-subscribe .left-subscribe h2 {
    font-size: 20px;
}

.Sec-subcribe-newsletter .card-subscribe .right-subscribe .input-group .btn {
    font-size: 16px;
}
footer .footer-main-top .footer-main-row ul li + li {
    margin-top: 15px;
}
footer p {
    font-size: 14px;
}
footer a {
    color: var(--white);
    font-size: 14px;
}
footer .footer-main-top .footer-main-row h6 {
    margin-bottom: 15px;font-size: 18px;
}
.Sec-best-sellers .Best-Seller-Slider .swiper-bestseller-next,
.Sec-best-sellers .Best-Seller-Slider .swiper-bestseller-prev {
    top: -47px; right:40px !important;
}

.Sec-best-sellers .Best-Seller-Slider .swiper-bestseller-next {
    right: 0px !important;
}
.Featured-Products-Slider .swiper-featured-prev {
        left: -10px;
    }
        .Featured-Products-Slider .swiper-featured-next {
        right: -10px;
    }
    .card-product .btn-custom{font-size: 14px;}

      .banner-hero .banner-hero-content h1 {
        font-size: 34px;
      }
      .sec-heading h3{font-size: 16px;}
      .Sec-why-choose-us h2 {font-size: 18px;}
      .Sec-testimonials .card-testimonials .card-testimonials-img {
        margin: 0 auto;
      }
      .Sec-testimonials .card-testimonials .card-testimonials-details {
        text-align: center;
      }

      footer .footer-main-top .footer-main-row .footer-col-center {
        width: 100%;
        display: block;
        margin: 0;
      }
      footer .footer-main-top .footer-main-row .footer-col-right {
        width: 100%;
        display: block;
        margin-top: 30px;
      }

      .swiper-button-next, .swiper-button-prev {
        width: 34px !important;
        height: 34px !important;
        padding: 8px !important;
    }

    .swiper-button-prev {
        right: 44px !important;
    }
    .sec-detail-page .product-name {
        font-size: 26px;
    }
    
    .sec-detail-page .price {
        font-size: 20px;
    }

    .Featured-Products-Slider .card-product {
    padding-bottom: 55px;
}
 .Featured-Products-Slider .card-product .card-product-detail h5 {
    height: auto;
}
.Sec-why-choose-us h3 {
    font-size: 20px;
}

.delivery-notes {
    padding: 10px;
}
.Sec-subcribe-newsletter .card-subscribe{
    padding: 25px;
}
.Sec-our-mission .card-our-mission {
    padding: 20px;

}
.card-product .card-product-detail p { min-height: auto;}
.more{display: none;}
.DetailSwiper-wrap {width: 100%;}
.banner-hero {min-height: auto;}
.banner-hero.banner-hero-inr-page {
    padding: 30px 0;
    border-radius: 0px;
}

.footer-logo img {max-width: 250px;}
.submit-btn {width: 100%;}
.ourTeam .mailPhone.mb-4 {
  margin-bottom: 0.5rem !important;
}
.contactUs .gree-card {
  min-width:38px;
  height: 38px;
}
.mailPhone a {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #525758;
}
.ourTeam .form-control {
    padding: 10px 20px;
    font-size: 14px;
}
.ourTeam form {
    padding: 30px 20px;
    margin-top: 30px;
}
.ourTeam form p {
    margin: 0px;
}
.custom-login-form .mb-5 {
    margin-bottom: 1rem!important;
}
  .header-right ul {
      gap: 20px !important;
  }

  .card-main-product .card-product-detail {
    min-height: auto;
}
.Sec-tips-advice .btn-custom {
    padding: 7px 15px 7px 15px;
    font-size: 14px;
}

.individualcatlist .card-product {
    min-height: 200px;
}

  .filterSec.sticky {top:75px;}
.prosuct-head h1 {
    font-size: 24px;
}
   .product-banner .product-img{
      flex: 0 0 auto;
    width: 100%;
    height: auto;
    padding-top: 0px;
  }

.product-banner .prosuct-head {
    max-width: 100%;
    width: 100%;
    padding:15px;
}

.privacy-policy-sec .ourTeam form {
        padding: 25px; margin: 0px;
    }

.about-inner-sec .text-section h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
.about-inner-sec  .text-section h3 {
    font-size: 18px;
    margin-bottom: 8px;
}
.about-inner-sec .text-section p {
    font-size: 14px;
    margin-bottom: 15px;
 
}
.contactSec .sec-heading h2 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 15px;
}
.Sec-our-mission h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
.Sec-tips-advice .sec-heading h2 {
    font-size: 20px;
}
.Sec-tips-advice .sec-heading p {
    font-size: 16px;
    padding-top: 10px;
}
.blog-post-grid .details-box h5 {
    margin-bottom: 15px;
    font-size: 16px;
}

.page-template-page-wholesale .text-section h2 {
    font-size: 18px;
    margin-bottom: 15px;
}
.page-template-page-wholesale .text-section .btn-custom {
    padding: 10px 20px 10px 20px;font-size: 14px;
}

.WholesaleEnquiry {
    padding: 25px;
}
.WholesaleEnquiry  .submit-btn {
    font-size: 14px;
}
.Sec-best-sellers .sec-heading h2 {
    font-size: 20px;
}
.page-template-page-blog .Sec-tips-advice .sec-heading{padding-right: 0px !important;}

.HomeBannerSlider .swiper-button-next:after,
.HomeBannerSlider .swiper-button-prev:after {
    font-size: 16px;
}

}

@media only screen and (max-width: 667px) {
    .delivery-notes ul li .d-flex {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    
    .delivery-notes ul li .detail {
        margin: 10px 0 0 0;
    }

    .Sec-subcribe-newsletter .card-subscribe .right-subscribe .input-group {
        flex-direction: column;
        border-radius: 10px;
    }
    
    .Sec-subcribe-newsletter .card-subscribe .right-subscribe .input-group .form-control {
        width: 100%;
        margin-bottom: 15px;
    }
    header .header-logo {
        max-width: 100px;
    }
    .banner-hero.banner-hero-inr-page {
      min-height: 130px;
   }
    .banner-hero .banner-hero-content h1 {
      font-size: 20px;
      margin-bottom: 15px;
  }
   .banner-hero .banner-hero-content p {
      margin-bottom: 20px;font-size: 14px;line-height: normal;
  }
  .add-fav-sec {
    flex-wrap: wrap;
  }



  .banner-hero .banner-hero-content .btn-custom {
    font-size: 15px;
    padding: 7px 15px;
}
.HomeBannerSlider .slider-image {
    min-height: 330px;
}
.HomeBannerSlider .slider-image img {
    height: 330px;
    object-fit: cover;
}
  .banner-hero .banner-hero-content .btn-custom .icon-arrow {
    width: 25px;
    height: 25px;
    margin-left: 15px;
}

.banner-hero .banner-hero-content .btn-custom .icon-arrow svg {
    width: 16px;
}
.HomeBannerSlider .swiper-button-next:after, .HomeBannerSlider .swiper-button-prev:after {
    font-size: 18px;
}
.HomeBannerSlider .banner-hero-content {
    padding: 0px 25px;
}
.banner-hero .swiper-button-next,
.banner-hero .swiper-button-prev {
    width: 32px !important;
    height: 32px !important;
}

}

@media only screen and (max-width: 567px) {
    .delivery-notes ul {
        flex-direction: column;
    }
    
    .delivery-notes ul li:nth-child(2) {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #D1D1D1;
        border-bottom: 1px solid #D1D1D1;
    }

    .delivery-notes ul li .d-flex {
        flex-direction: row;
        justify-content: flex-start;
    }
    
    .delivery-notes ul li .detail {
        margin: 0 0 0 10px;
    }
    .privacy-policy-sec .container {
    padding: 0px 15px;
    }

    .registration label{font-size: 15px;}
    .privacy-policy-sec .registration  a {
    font-size: 14px;
    display: flex;
    align-items: center;
    padding-top: 3px;
}
.privacy-policy-sec .ourTeam .form-control {
    padding: 8px 30px;
}
   
.individualcatlist .card-product {
    min-height: auto;
}

.HomeBannerSlider .slider-image {
    min-height: 270px;
}
.HomeBannerSlider .slider-image img {
    height: 270px;
    object-fit: cover;
}
.banner-hero .banner-hero-content h1 {
    font-size: 18px;
}

}


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


}