.hero_mobile_slider{display:none !important;}
.home_title{font-size:22px; font-weight: 500; margin-bottom:25px;}
.mobile_scroll{}

.three_banner_section,
.shop_supplements_type,
.daily_Vitamins,
.top_brands{margin:25px 0;}


.hero_banner_section{}
.hero_banner_inner{display: flex;justify-content: space-between;}
.hero_banner_section img,
.hero_banner_section a{display:block; width:100%;}
.hero_banner_section .hero_banner_left {width: 42.5%;}
.hero_banner_section .hero_banner_right {width: 55.4%;}
.hero_banner_section .hero_banner_right_top {margin-bottom: 25px; display: block;}
.hero_banner_section .hero_banner_left img,
.hero_banner_section .hero_banner_right img{display:block; width:100%;}
.hero_banner_section .hero_banner_inner.flex.align-items-center.space-between a {display: block;}
.hero_banner_section .hero_banner_right_bottom{display: block;}
.hero_banner_section .hero_banner_right_bottom img {width: 100%;display: block;}

.three_banner_section{display:flex; gap:25px;}
.three_banner_section .offer-left{ display:flex; gap:25px;}
.three_banner_section .banner-img{}

.browse_health_need_content{gap:15px; display:flex; flex-wrap:wrap;}
.health-condition-item {background: #ebebeb;border-radius: 30px 0;padding: 10px; width: calc((100% - 45px) / 4);}
.health-condition-prod-title {color: #000104;font-size: 16px;font-weight: 500;}
.health-condition-icon {width: 70px;height: 70px;background: #fff;border-radius: 90%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.health-condition-icon svg{fill: #393d46; width: 35px; height: 35px;}
.health-condition-right {padding-left: 15px;}
.health-condition-item-inn {justify-content: flex-start;}
.health-condition-item a { display: block;}

.shop_supplements_type{}
.shop_supplements_type_content{gap:15px; display:flex; flex-wrap:wrap;}

.shop_supplements_type_content .prd-box,
.top_brand_offer_content .prd-box{width: calc((100% - 75px) / 6); text-align:center;}

.shop_supplements_type_content .prd-box img,
.top_brand_offer_content .prd-box img{display: block;width: 100%;margin: 0 auto; border:var(--brd-grey);}

.shop_supplements_type_content .prd-box .supplement_name,
.top_brand_offer_content .brand_name,
.shop_by_products_container .product_name{color: #393d46; margin-top:15px; font-size:14px;}

.daily_Vitamins{}
.daily_Vitamins_slider,
.blogs_slider{position:relative;}

.daily_Vitamins_slider .owl-nav,
.mineral_supplements_inner .owl-nav,
.blogs_slider .owl-nav{display: block;position: absolute;top: -55px;right: 0; width:70px;}

.daily_Vitamins_slider .owl-nav button.owl-prev,
.mineral_supplements_inner .owl-nav button.owl-prev,
.blogs_slider .owl-nav button.owl-prev{left: 0; background: url(/images/HealthSupp/icon-arrow-right.png) no-repeat center 0; background-size:100%; border:0;}

.daily_Vitamins_slider .owl-nav button.owl-next,
.mineral_supplements_inner .owl-nav button.owl-next,
.blogs_slider .owl-nav button.owl-next{right:0;; background: url(/images/HealthSupp/icon-arrow-left.png) no-repeat center 0; background-size:100%; border:0;}

.top_brand_offer{}
.top_brand_offer_content{display: flex;gap: 15px;flex-wrap: wrap;}

.top_sell_offer{margin-top:25px;}
.top_sell_offer_content{display:flex; gap:15px;}
.top_sell_offer_content .top_sell_box {border: var(--brd-grey);overflow: hidden;text-align: center; transition: all 0.5s; width:calc((100% - 75px) / 6); padding:13px;}
.top_sell_offer_content .top_sell_box a{display:block;}
.top_sell_offer_content .top_sell_image img {display: block;width: 155px; margin: 0 auto;}
.top_sell_offer_content .top_sell_text {font-size: 12px;font-weight: 400;color: #5B5B5D;margin-top:10px; height:45px;}
.top_sell_offer_content .top_sell_title span {font-size: 12px;font-weight: 700;margin: 0 0 15px;}
.top_sell_offer_content .text-truncate {text-overflow: ellipsis; -webkit-line-clamp: 2;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.top_sell_offer_content .top_sell_price {display: flex;align-items: center;justify-content: center;gap: 15px;margin: 0 0 20px;}
.top_sell_offer_content .top_sell_price_old {font-size: 14px;font-weight: 300;text-decoration: line-through;color: #5B5B5D;}
.top_sell_offer_content .top_sell_price_new {font-size: 16px;font-weight: 700;color: #CF1115;}
.top_sell_offer_content .top_sell_btn{display:flex; gap:0; color#fff; text-transform:uppercase; background:var(--top-green); border-radius:15px 0 15px 0; align-items:center; justify-content:center; height:49px; color:#fff;}
.top_sell_offer_content .top_sell_btn svg{fill:#fff; width:35px; height:35px;}
.top_sell_offer_content .top_sell_btn svg path{fill:#fff;}

.shop_by_products{}
.shop_by_products_container{display: flex;gap: 15px;text-align: center;}
.shop_by_products_container .prd-box{width:calc((100% - 60px) / 5);}

.top_brands{}
.top_brands_container{display: flex;gap: 15px;align-items: center;flex-wrap: wrap;}
.brand_item {border: var(--brd-grey); justify-content: center;width:calc((100% - 60px) / 5);transition: box-shadow .2s;text-align: center;}
.brand_item:hover {box-shadow: 0 4px 12px #00000012;}
.brand_item img {background: #fff;border-radius: 0 0 10px 10px;padding: 10px;margin: 10px 0 5px;max-width: 180px; width:100%; height:auto;}

.Home_blogs{}
.Home_blogs a.viewMore{float:right; font-size:16px; text-decoration:underline; color:var(--top-green); line-height:26px;}
.blogs_slider{}
.blogs_slider .BlogImg{padding-bottom:15px;}
.blogs_slider .Blogtext p{font-weight:500;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.blogs_slider .Blogtext span.readmore{color:var(--top-green); display:flex; padding-top:15px; align-items:center;}
.blogs_slider .Blogtext span.readmore svg{width: 35px;height: 35px; order:2; padding-left:5px;}

.home_content{margin-top:25px;}
.home_content p{margin-bottom:15px; line-height:20px;}
.home_content p:last-child{margin:0;}





@media only screen and (max-width:900px),(max-width:999px){
.mobile_scroll{overflow-x:auto;}

.browse_health_need_content,
.top_sell_offer_content{width:max-content;}

.hero_banner_section .hero_banner_right_top {margin-bottom: 16px;}
.browse_health_need_content{display: grid;grid-template-columns: repeat(4, 1fr);}

.health-condition-item{width:260px;}
.top_sell_offer_content .top_sell_box{width:160px; padding:10px;}
.top_sell_offer_content .top_sell_image img{width:100%;}

}


@media only screen and (max-width:400px),(max-width:499px){
.home_title {font-size: 20px;}

.hero_banner_inner{display:none;}
.hero_mobile_slider{display:block !important;}
.hero_mobile_slider .owl-nav button.owl-prev{position:absolute; top:37%; left:-10px;}
.hero_mobile_slider .owl-nav button.owl-next{position:absolute; top:37%; right:-10px;}

.three_banner_section{padding:0; gap:14px;}
.three_banner_section .offer-left{flex-wrap:wrap; gap:14px; width:51.8%;}
.three_banner_section .offer-right{width:44.5%;}

.health-condition-item{width:190px;}
.health-condition-icon{width:40px; height:40px;}
.health-condition-icon svg{width:25px; height:25px;}
.health-condition-prod-title{font-size:14px;}

.shop_supplements_type_content,
.shop_by_products_container{gap:10px;width:max-content;}

.shop_supplements_type_content .prd-box{width: 150px;}

.shop_supplements_type_content .prd-box .supplement_name, 
.top_brand_offer_content .brand_name{margin-top: 10px;}

.daily_Vitamins_slider.owl-carousel .owl-nav.disabled,
.mineral_supplements_inner.owl-carousel .owl-nav.disabled,
.blogs_slider.owl-carousel .owl-nav.disabled{display: block;position: absolute;top: -55px;right: 0; width:70px;}

.top_brand_offer_content{gap:10px;}
.top_brand_offer_content .prd-box{width:calc((100% - 20px) / 3);margin-bottom: 10px;}

.top_sell_offer_content{gap:10px;}
.top_sell_offer_content .text-truncate{-webkit-line-clamp: 3; height:42px;}

.shop_by_products_container .prd-box{width:90px;}
.top_brands_container{gap:10px;}
.brand_item {width:calc((100% - 20px) / 3);}
.brand_item:last-child{display:none;}


}


@media only screen and (max-width:320px),(max-width:359px){
.home_title {font-size: 18px;}

.top_brand_offer_content .prd-box{width:calc((100% - 10px) / 2);}

.top_sell_offer_content .top_sell_box{width:160px;}

}







