﻿.Home-three-box-offer-section {width:100%; float:left; margin:10px 0; padding:0;}
.three-box-offer-section {display: flex; justify-content: space-between;}
.fullwidth-spotlight {margin:0 0 15px;}
.fullwidth-spotlight .blackfriday_common_title {color:#00abec;padding-bottom:20px;}
.fullwidth-spotlight .spotlight_sectionDiv {margin-bottom:20px;}
.fullwidth-spotlight .spotlight_itemBox {background:#f6f6f6;padding:20px 10px 15px;border-radius:10px;}
.fullwidth-spotlight .spotlight_itemBox .spotlight_BoxBg {border-radius: 0;padding:0 0 5px;background-image: none;}
.fullwidth-spotlight .spotlight_mainProduct_img {margin:0;}
.Home-Popular-CategoriesDiv {width:100%; float:left; margin:30px 0 0;}
.PopularCategories-boxDiv {display: flex; justify-content: space-between;flex-flow:row wrap;align-items: center;text-align: center;row-gap:10px;}
.PopularCategories-boxDiv img{width:100%;}
.PopularCategories-item {width:16%;background:#f6f6f6; border-radius:10px;color:#333;font-size:18px;}
.PopularCategories-item a {color:#333;padding:20px 20px 15px;;display:block;}
.PopularCategories-item span {font-size:18px;font-weight:500;padding-top:10px;display:block;}
.Home-DealofMonth-section {width:100%; float:left; margin:30px 0 0;padding:20px 0;background:#00abec; color:#fff;}
.Home-DealofMonth-boxes {display:flex;align-items: center;gap:30px;}
.Home-DealofMonth-right {overflow:hidden;}
.owlmb_dealofmonth_banner.owl-carousel .owl-item img {display: block;width: auto;}
.owlmb_dealofmonth_banner .item {display:block; width:220px;}
.owlmb_dealofmonth_banner .item a {padding:20px 15px; text-align:center;}
.owlmb_dealofmonth_banner .item span {display:block;}
.owlmb_dealofmonth_banner .item .proName {padding:10px 0;display:block;line-height:20px;}
.owlmb_dealofmonth_banner .item .proPrice {color:#e8382b; font-weight:500;font-size:16px;}
.Royal-Canin-sectionDiv{width:100%; float:left; margin:30px 0 0;}
.RoyalCanin-BoxDiv {width:100%; float:left;}
.RoyalCanin-BoxDiv-left{width:49.5%; float:left;}
.RoyalCanin-BoxDiv-right{width:49.5%; float:right;}
.RoyalCanin-BoxDiv-right img:first-child{margin-bottom: 9px;}
.pet-good-health-section {width:100%; float:left; margin:30px 0 0;}
.good-health-petDiv {display: flex;justify-content: space-between;align-items: center;}

/*** NEW DESIGN UPDATE BY AJAY - 5TH MAY 2024 ---- ***/
.VSNew_BannerDiv.May2024_Design{}
.VSNew_BannerDiv.May2024_Design .LeftBanner{width: 35%; float: left; border-radius: 15px 0 0 15px; overflow: hidden; position:relative;}
.VSNew_BannerDiv.May2024_Design .RightBanner{width: 64%; float: right;}
.VSNew_BannerDiv.May2024_Design .RightBanner .main_banner{margin-bottom: 7px;position: relative; border-radius:0 15px 0 0; overflow:hidden;}
.VSNew_BannerDiv.May2024_Design .RightBanner .main_banner img{width:100%;}
.VSNew_BannerDiv.May2024_Design .RightBanner .main_banner .img_holder{ border-radius: 0 15px 0 0; overflow: hidden; }
.VSNew_BannerDiv.May2024_Design .RightBanner .main_banner .btn_holder{text-align: right; position: absolute; bottom: 50px; right: 100px;}
.VSNew_BannerDiv.May2024_Design .RightBanner .main_banner .btn_holder img{width: 155px; margin: 0 0 0 5px;}
.VSNew_BannerDiv.May2024_Design .RightBanner .prd_banner{}
.VSNew_BannerDiv.May2024_Design .RightBanner .prd_banner ul li{width: 32.4%; float: left; margin: 0 1.4% 0 0;}
.VSNew_BannerDiv.May2024_Design .RightBanner .prd_banner ul li:last-child{margin: 0; overflow: hidden;}
.VSNew_BannerDiv.May2024_Design .RightBanner .prd_banner ul li:last-child img{border-radius: 0 0 15px 0;}

.VSNew_BannerDiv.May2024_Design .LeftBanner .img_holder{width:100%; float:left;}
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder{width:100%; float:left; text-align:center; position:absolute; width:100%; left:0; bottom:90px;}
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder img{display:inline-block; width:129px; margin:0 5px;}

.NewAppBanner_Add{width:100%; float:left; margin-top:20px;}
.NewAppBanner_Add img{width:100%; float:left; border-radius:10px;}
.NewAppBanner_Add img.Mobile_Banner{display:none;}

/*** AUGUST 2024 SLIDER CSS START ***/
.DentalSlider_Container {width: 100%;float: left;padding: 30px 0;}
.DentalSlider_Container .Category_Banner{width: 28%;float: left;}
.DentalSlider_Container .Category_Banner img{width: 100%;}
.DentalSlider_Container .Category_Banner img.MobileBanner{display: none;}
.DentalSlider_Container .Slider_Conainer{width: 70%;float: right;}

.DentalSlider_Container .Slider_Conainer .PrdBox.one::after{
background:-webkit-linear-gradient(#e19510, #a04c16);
background:-o-linear-gradient(#e19510, #a04c16);
background:-moz-linear-gradient(#e19510, #a04c16);
background:linear-gradient(#e19510, #a04c16);
}
.DentalSlider_Container .Slider_Conainer .PrdBox.two::after{
background:-webkit-linear-gradient(#bbcb06, #4b6d00);
background:-o-linear-gradient(#bbcb06, #4b6d00);
background:-moz-linear-gradient(#bbcb06, #4b6d00);
background:linear-gradient(#bbcb06, #4b6d00);
}
.DentalSlider_Container .Slider_Conainer .PrdBox.three::after{
background:-webkit-linear-gradient(#ed3e94, #a3203e);
background:-o-linear-gradient(#ed3e94, #a3203e);
background:-moz-linear-gradient(#ed3e94, #a3203e);
background:linear-gradient(#ed3e94, #a3203e);
}
.DentalSlider_Container .Slider_Conainer  .PrdBox.four::after{
background:-webkit-linear-gradient(#0388b4, #002751);
background:-o-linear-gradient(#0388b4, #002751);
background:-moz-linear-gradient(#0388b4, #002751);
background:linear-gradient(#0388b4, #002751);
}

.DentalSlider_Container .Slider_Conainer .PrdBox.five::after{
background:-webkit-linear-gradient(#e6557e, #a6262d);
background:-o-linear-gradient(#e6557e, #a6262d);
background:-moz-linear-gradient(#e6557e, #a6262d);
background:linear-gradient(#e6557e, #a6262d);
}
.DentalSlider_Container .Slider_Conainer .PrdBox.six::after{
background:-webkit-linear-gradient(#b097ae, #122257);
background:-o-linear-gradient(#b097ae, #122257);
background:-moz-linear-gradient(#b097ae, #122257);
background:linear-gradient(#b097ae, #122257);
}
.DentalSlider_Container .Slider_Conainer .PrdBox.seven::after{
background:-webkit-linear-gradient(#8cb349, #34541f);
background:-o-linear-gradient(#8cb349, #34541f);
background:-moz-linear-gradient(#8cb349, #34541f);
background:linear-gradient(#8cb349, #34541f);
}
.DentalSlider_Container .Slider_Conainer .PrdBox.eight::after{
background:-webkit-linear-gradient(#e47776, #984532);
background:-o-linear-gradient(#e47776, #984532);
background:-moz-linear-gradient(#e47776, #984532);
background:linear-gradient(#e47776, #984532);
}

.DentalSlider_Container .Slider_Conainer .PrdBox{width: 100%; float: left; position: relative; padding-bottom: 15px; text-align: center;}
.DentalSlider_Container .Slider_Conainer .PrdBox a{color: #fff;}
.DentalSlider_Container .Slider_Conainer .PrdBox::after{content: ''; position: absolute; bottom: 0; width: 100%; height: 72%; border-radius: 10px; z-index: 0; left: 0;}
.DentalSlider_Container .Slider_Conainer .PrdBox div{width: 100%; float: left; text-align: center; position: relative; z-index: 2;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_img{}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_img img{width: 155px; margin: 0 auto;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_text{font-size: 12px; padding: 3px 10%;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_text span{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: verticle; overflow: hidden; text-overflow: ellipsis;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_rating{padding: 0 0 5px 0;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_rating img{width: 85px; margin: 0 auto;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_price{font-size: 18px; font-weight: bold;}

.Home-ProductOffer-Slider{background: #fff; padding: 0 40px; text-align: center; width: 100%; float: left; margin-top: 40px;}
/*.Home-ProductOffer-Slider .wrapper{max-width: 1300px;}*/
/*** AUGUST 2024 SLIDER CSS END ***/
.BoxingDay_BannerDiv {margin:10px 0 0;float:left;width:100%;}

.BoxingDay_BannerDiv img.Mobile_Banner{display:none;}
.BoxingDay_BannerDiv img.Desktop_Banner{display:block;}


@media only screen and (max-width:1200px),(max-width:1299px){
/*.Home-ProductOffer-Slider .wrapper{width: 100%;}*/
}

@media (max-width:1100px), (max-width:1199px){
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder{bottom:80px;}

.DentalSlider_Container .Category_Banner{width: 30%;}
.DentalSlider_Container .Slider_Conainer{width: 68%;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_img img{width: 150px;}
}

@media (max-width:1000px), (max-width:1099px){
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder{bottom:70px;}

.DentalSlider_Container .Category_Banner{width: 33%;}
.DentalSlider_Container .Slider_Conainer{width: 66%;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_img img{width: 150px;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_text{padding: 3px 10% 0 10%; height: 45px;}

.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-prev, 
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-next,
.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-prev, 
.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-next{top: 45%;font-size: 18px;background: rgba(255,255,255,0.6);text-align: center; width: 25px !important; height: 25px !important;}

.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-prev{left: 5px;}
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-next{right: 15px;}

.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-prev{left: 5px; color: #000;}
.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-next{right: 5px; color: #000;}
}

@media (max-width:810px), (max-width:899px){
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder{bottom:55px; width:100%;}
.VSNew_BannerDiv.May2024_Design .LeftBanner .btn_holder img{width:46%; margin:0 1%;}

.DentalSlider_Container .Category_Banner img.MobileBanner{display: block;}
.DentalSlider_Container .Category_Banner img.DesktopBanner{display: none;}
.DentalSlider_Container .Category_Banner{width: 100%; margin-bottom: 20px;}
.DentalSlider_Container .Slider_Conainer{width: 100%;}

.Home-ProductOffer-Slider{padding: 25px 5px; margin-top: 20px;}
.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-prev{left: 5px; color: #000;}
.Home-ProductOffer-Slider .owl-carousel .owl-nav button.owl-next{right: 5px; color: #000;}
}

@media (max-width:800px){
.NewAppBanner_Add{margin-top:20px;}
.NewAppBanner_Add img.Mobile_Banner{display:block;}
.NewAppBanner_Add img.Desktop_Banner{display:none;}

.BoxingDay_BannerDiv {margin:0 0 10px;}
.BoxingDay_BannerDiv img.Mobile_Banner{display:block;border-radius:15px;}
.BoxingDay_BannerDiv img.Desktop_Banner{display:none;}
	
.VSNew_BannerDiv.May2024_Design{display:none;}
.three-box-offer-item {width:33%;}
.PopularCategories-item {width:33%;}
.owlmb_dealofmonth_banner .item {display: block;width: 150px;}
.RoyalCanin-BoxDiv {flex-flow: row wrap;}
.RoyalCanin-BoxDiv-left {text-align:center;width:100%;}
.RoyalCanin-BoxDiv-right {width:100%;display:block;text-align:center;}

.mobile_banner .item_mobile{position: relative; width:100%; float:left;}
.mobile_banner .item_mobile .img_holder{width:100%; float:left;}
.mobile_banner .item_mobile .btn_holder{float: left;text-align: right;position: absolute;width: 90%;left: 0;bottom: 20px;}
.mobile_banner .item_mobile .btn_holder img{display:inline-block; width:162px; margin:0 5px;}

}

@media (max-width:700px), (max-width:799px){
.RoyalCanin-BoxDiv-right img:last-child{margin:0;}
.RoyalCanin-BoxDiv-right img:first-child{margin:9px 0;}
}

@media (max-width:660px){
.three-box-offer-item {width:31%;}
.PopularCategories-item {width: 48%;}
.Home-DealofMonth-boxes {gap: 0;flex-flow: row wrap;text-align: center;}
.Home-DealofMonth-left {width:100%;}
.Home-DealofMonth-left img {width: 50%;}
.Home-DealofMonth-right {width:100%;}

}

@media (max-width:600px){
.three-box-offer-section {flex-flow: row wrap;text-align: center;}
.three-box-offer-item {width:100%;text-align:center;}
.three-box-offer-item img {width:100%;}
.mobile_banner .item_mobile .btn_holder{width: 90%; bottom: 10px;}
.mobile_banner .item_mobile .btn_holder img{width:90px; margin:0 0 0 5px;}
}

@media (max-width:400px),(max-width:499px){
.PopularCategories-item span {font-size: 14px;}

.DentalSlider_Container .Slider_Conainer .PrdBox::after{height: 80%;}
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-prev, 
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-next{top: 35%;}
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-prev{left: 5px;}
.DentalSlider_Container .Slider_Conainer .owl-carousel .owl-nav button.owl-next{right: 5px;}
.DentalSlider_Container .Slider_Conainer .PrdBox .Prd_img img{width: 65%;}
}

@media (max-width:390px){
.mobile_banner .item_mobile .btn_holder{width: 90%; bottom: 5px;}
.mobile_banner .item_mobile .btn_holder img{width:80px; margin:0 0 0 5px;}
}