/*HEADER*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .header-parent .header .item-center {
    order: 3;
    flex: 0 0 60%;
  }
  .header-parent .header .item-left {
    flex: 0 0 20%;
  }
  .header-parent .header .item-right {
    flex: 0 0 20%;
  }
  .header-parent .header .item-left .logo {
    width: 180px;
  }
  .get-head {
    padding: 2px;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 30px;
  }
  .circel-section {
    width: 220px;
    height: 220px;
    background-color: #ebebeb;
    border-radius: 50%;
    margin: 0 auto;
  }
  .owl-img-bg {
    width: 100%;
  }
  .owl-nav .owl-next {
    left: 85%;
  }
  .owl-nav .owl-prev {
    left: 0%;
  }
  .tea-section-bg {
    height: 100%;
    background-size: cover;
  }
  .black-bg {
    background-repeat: no-repeat;
    margin-top: 40px;
    height: 100%;
    background-size: 100% 100%;
    padding: 0px 0px 29px 0px;
  }
  .modul-bg {
    background-image: url(../images/modal-bg.png);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .header-parent .header .item-center {
    order: 3;
    flex: 0 0 60%;
  }
  .header-parent .header .item-left {
    flex: 0 0 20%;
  }
  
  .header-parent .header .item-left .logo {
    width: 180px;
  }
  
}
@media(max-width: 992px) {
	.header-parent .header .item-right { flex: 0 0 34% !important; }
}
@media(max-width: 880px) {
.bannerContent{ padding-top: 18px;}
}
@media(max-width: 768px) {
  .tea-section-bg {
    background-image: url(../images/orange-bg.png);
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
  }
  .tea-section-bg .mt-5{ margin-top: 0!important;}
  .tea-section-bg .arrow-icon{ margin-top: 20px!important;}
  .arrow-icon3 {
    padding: 7px 45px 8px 45px;
  }
  .ultimate-cus.mt-5{ margin-top: 10px!important;}
  .supplement-head h2{ font-size: 25px!important;}
  .supplement-head h2 span{ font-size: 25px!important;}
}
@media(max-width: 767px) {
	.header-parent .header .item-right { flex: 0 0 47% !important; }
}
@media(max-width: 480px) {
  .desktopBanner{ display: none;}
  .mobileBanner{ display: block;}
  .get-head{ font-size: 12px; line-height: 20px;}
  .header-parent .header .item-left .logo img{ width: auto; height: 40px;}
  .header-parent .header .item-right { flex: 0 0 60% !important; }
  }
/*END HEADER*/

/*HOME*/
@media(max-width: 768px) {
  .bannerContent{ width: 95%;}

  .homeMdFull{ width: 100%;}
  .homeMdFull .modal-content{ width: 96%!important;}
  .homemdvideo iframe{ width: 100%;}

.bannerContent{ height: 169px; left: 10px;}
.shop-head{ font-size: 24px;}
.titleLine{width: 95px;}
.banner-text{background-size: 100% 100%;}
.bannerBelowText{ margin-top: 19px!important;}

.shopByCateg {
  display: block !important;
  overflow: auto hidden;
  height: 100%;
  scroll-behavior: smooth;
  margin-top: 10px!important;
}
.shopByCateg .row .col-lg-3{
  position: relative;
  width: 50%;
}
.circel-section{ width: 120px; height: 120px; margin-bottom: 10px;}
.shopByCateg img{ width: 71px; display: block;}
.shopByCateg h5{ font-size: 12px; margin-bottom: 15px;}
.py-5{ padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}


.about-us-back{ height: auto; text-align: center;} 
.Beauty-head{    font-size: 26px;}
.about-us-back .mt-5{ margin-top: 0!important;}
.arrow-icon{ display: inline-block;}

.food-head{ font-size: 17px; margin-top: 10px;}

.klbox img{ margin-bottom: 20px;}
}

@media(max-width: 768px) {
.hProdListing .owl-theme .owl-nav{}
.food-supplement-carousel .owl-nav .owl-prev {  left: -6%!important;}
.food-supplement-carousel .owl-nav .owl-next { left: inherit !important; right: -28px!important;}
}
@media(max-width: 550px) {
  .food-supplement-carousel .owl-nav .owl-prev {  left: 0!important;}
  .food-supplement-carousel .owl-nav .owl-next { left: inherit !important; right: 0!important;}

  .black-bg h2{ font-size: 35px; line-height: 42px;}
  .black-bg .mt-5{ margin-top: 15px!important;}
}

@media (max-width:480px){
.supplement-head h2{font-size: 21px !important;}
.supplement-head h2 span { font-size: 21px !important; }
.supplement-head .arrow-icon1 { padding: 7px 20px 8px 20px;}
}
@media (max-width:375px){
.header-parent .header .item-left .logo { width: 70px !important; }
.header-parent .header .item-left .logo img{height: 27px;}
.header-parent .header .item-right { flex: 0 0 66% !important; }	
}
/*END HOME*/




/*# sourceMappingURL=responsive.css.map */