.OfferContent_Sectoin{width: 100%; float: left; padding-bottom: 30px; overflow:hidden;}
.OfferContent_Sectoin .title_class{font-size: 25px; color: #111; font-weight: 600;margin: 0 !important;}

/*** SPECIAL OFFER ***/
.section-special-offers,
.offer_bar{width: 100%; float: left; padding: 0;}
.offer_bar .offer_block{width: 19.2%;border-radius: 10px; overflow: hidden; margin: 0 1% 0 0; float: left; padding: 20px 0 10px 0;text-transform: uppercase;}
.offer_bar .offer_block:nth-child(5n){margin: 0;}
.offer_bar .offer_block.bg_one{
background:-webkit-linear-gradient(#d47d9b, #c1577d);
background:-o-linear-gradient(#d47d9b, #c1577d);
background:-moz-linear-gradient(#d47d9b, #c1577d);
background:linear-gradient(#d47d9b, #c1577d);
}
.offer_bar .offer_block.bg_two{
background:-webkit-linear-gradient(#d6c796, #c8b679);
background:-o-linear-gradient(#d6c796, #c8b679);
background:-moz-linear-gradient(#d6c796, #c8b679);
background:linear-gradient(#d6c796, #c8b679);
}
.offer_bar .offer_block.bg_three{
background:-webkit-linear-gradient(#d1a18c, #c08870);
background:-o-linear-gradient(#d1a18c, #c08870);
background:-moz-linear-gradient(#d1a18c, #c08870);
background:linear-gradient(#d1a18c, #c08870);
}
.offer_bar .offer_block.bg_four{
background:-webkit-linear-gradient(#9a7abb, #78529f);
background:-o-linear-gradient(#9a7abb, #78529f);
background:-moz-linear-gradient(#9a7abb, #78529f);
background:linear-gradient(#9a7abb, #78529f);
}
.offer_bar .offer_block.bg_five{
background:-webkit-linear-gradient(#ecac7a, #e19255);
background:-o-linear-gradient(#ecac7a, #e19255);
background:-moz-linear-gradient(#ecac7a, #e19255);
background:linear-gradient(#ecac7a, #e19255);
}
.offer_bar .offer_discount{font-size: 16px;color: #000;text-align: center;padding: 0 10px; background: #fff; border-radius: 5px; line-height: 35px; margin: 0 10%; width: 80%;display: flex;justify-content: center;} 
.offer_bar .offer_discount span{font-size: 20px; line-height: normal;font-weight: 600; padding: 0 5px;}
.offer_bar .offer_images{padding: 10px 0; width: 100%; float: left;}
.offer_bar .offer_images img{width: 200px; margin: 0 auto; display: block;}
.offer_bar .offer_images span.offer_text{font-size: 16px;color:#fff ;font-weight: 600;text-align: center;width: 100%; float: left; margin-top: -10px;}

.section-special-offers-banner{padding:20px 0 0 0; width:100%; float:left; overflow:hidden;}
.section-special-offers-banner img{border-radius:10px;}

.section-Offer-Banner{padding:30px 0; float: left; width: 100%;}
.section-Offer-Banner img{width: 100%;}
.section-Offer-Banner ul li{width: 59.65%; float: left;border-radius:10px; overflow:hidden;}
.section-Offer-Banner ul li:last-child{float: right; width: 39.4%;}
.section-Offer-Banner .coupon_box{width: 100%; float: left; text-align: center; color: #453f84;}
.section-Offer-Banner .coupon_box .coupon_img{width: 100%; float: left;}
.section-Offer-Banner .coupon_box .coupon_text{width: 100%; float: left; height: 57px; font-size: 24px;display: flex;align-items: center;justify-content: center;background: url(/images/OfferPage-2024/CPC-Home-page-Regular-BTM.png) no-repeat center 0;background-size: 100%;color: #fff;}
.section-Offer-Banner .coupon_box .coupon_text span{font-weight: 900; font-size: 35px; text-transform: uppercase; padding: 0 0 0 10px;user-select: all;letter-spacing: 1px;}

.section-arrival{float: left; width: 100%;}
.section-arrival .title_class{margin: 0; padding: 0 0 10px 0;}
.section-arrival .product_box{width: 49%; float: left; border-radius: 10px;display: flex; background: #e9f1f4;}
.section-arrival .product_box.new{float: right;}
.section-arrival .product_box.new .one{padding-top:100px;}
.section-arrival .one{width: 35%; float: left; text-align: center;padding-top: 40px;}
.section-arrival .one .prd_name{padding: 0 20px 0 20px !important;line-height: 22px;}
.section-arrival .one .prd_name span{padding-top: 15px !important;}
.section-arrival .two{width: 65%; float: left; padding: 15px 15px 15px 0;}
.section-arrival .product_box .prd_img{}
.section-arrival .product_box .prd_img img{ width: 75%; margin: 0 auto;}
.section-arrival .product_box .prd_name{padding: 10px 0 0 0;font-size: 15px; font-weight:600;}
.section-arrival .product_box .prd_name span{color: #ec2529; display: inline-block; width: 100%; padding-top: 5px; font-size:16px;}
.section-arrival .two ul li{padding: 10px; border-radius: 5px; display: inline-block; float: left; width: 100%; margin-bottom: 4px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.section-arrival .two ul li a{display:block; width:100%; float:left;}
.section-arrival .two ul li:last-child{margin: 0;}
.section-arrival .two ul li .prd_img{width: 100px; float: left;}
.section-arrival .two ul li .prd_img img{width: 100%;}
.section-arrival .two ul li .prd_name{width: 65%; float: right;}

.Section-Offer_Banner-New{padding: 30px 0 0 0;width: 100%;float: left;}
.Section-Offer_Banner-New img{border-radius: 10px;}
.Section-Offer_Banner-New img.Mobile_Banner{display:none;}

.section-doses{padding: 30px 0; width: 100%; float: left;}
.section-doses .Doses_Product{width: 25%; float: left; background: #e9f1f4; border-radius: 10px; text-align: center;}
.section-doses .Doses_Product .prd_name{ padding: 30px 0 15px 0;}
.section-doses .Doses_Product .prd_name h3,
.Section_PriceSlashed h3{font-weight:600;font-size: 16px;}
.section-doses .Doses_Product .prd_name img{width: 185px; margin: 20px auto 0 auto;}
.section-doses .Doses_Product .prd_offer{padding: 10px 0 15px 0; color: #fff; background: #ee2026;font-size: 22px; line-height: 34px;float: left;width: 100%; border-radius: 10px;}
.section-doses .Doses_Product .prd_offer span{font-size: 34px; text-transform: uppercase; display: inline-block; width: 100%; float: left;font-weight:600; padding-top: 5px;}
.section-doses .Doses_Slider{width: 73.5%; float: right; position: relative;}
.section-doses .Doses_Slider::before{content: ''; position: absolute; left: 0; top:0; background: #e9f1f4; height: 200px; width: 100%; z-index: 0; border-radius: 10px;}
.section-doses .Doses_Slider .title{font-size: 24px; text-transform: uppercase; color: #000; padding: 30px 0; text-align: center; position: relative; z-index: 1;}
.section-doses .Doses_Slider #offerrr-slider{position: relative;}
.section-doses .Doses_Slider .owl-carousel.owl-drag .owl-item{opacity: 0.5;}
.section-doses .Doses_Slider .owl-carousel.owl-drag .owl-item.active{opacity: 10}

.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-next{float: right;}
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-prev,
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-next{width: 30px; height: 30px; position: absolute; top: 40%; padding: 10px; border-radius: 100%;padding: 10px !important;text-indent: 9999px;}
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-prev{background: url(/images/OfferPage-2024/slide-arrow-prev.png) no-repeat center 0 #fff; background-size: 100%;}
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-next{background: url(/images/OfferPage-2024/slide-arrow-next.png) no-repeat center 0 #fff; background-size: 100%;} 
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-prev{left: 20px;opacity: 0;}
.section-doses .Doses_Slider .owl-carousel .owl-nav button.owl-next{right: 20px;opacity: 0;}
.section-doses .Doses_Slider:hover .owl-carousel .owl-nav button.owl-next{right: 0;opacity: 10;}
.section-doses .Doses_Slider:hover .owl-carousel .owl-nav button.owl-prev{left: 0;opacity: 10;}

.Section_PriceSlashed .prieSlashed-slider .owl-stage-outer {overflow: hidden;margin-right: -12px;padding-left: 0;padding-top: 0;}

.section-doses .Doses_Slider .item,
.Section_PriceSlashed .prieSlashed-slider .item{background: #fff; border-radius: 10px; box-shadow: 7px 7px 7px rgba(0,0,0,0.1); display: inline-block; float: left; width: 100%;margin-bottom: 15px; border: 1px solid rgba(0,0,0,0.04);}
.section-doses .Doses_Slider .prd_img,
.Section_PriceSlashed .prieSlashed-slider .prd_img{padding: 5px 0 10px 0;}
.section-doses .Doses_Slider .prd_img img,
.Section_PriceSlashed .prieSlashed-slider .prd_img{width: 200px; margin: 0 auto;}
.section-doses .Doses_Slider .prd_info,
.Section_PriceSlashed .prieSlashed-slider .prd_info{ font-weight:600; font-size: 16px;}
.section-doses .Doses_Slider .prd_info .prd_text,
.Section_PriceSlashed .prieSlashed-slider .prd_info .prd_text{padding: 0 0 0 15px; width: 65%; float: left; line-height: 20px;}
.section-doses .Doses_Slider .prd_info .prd_text span.price,
.Section_PriceSlashed .prieSlashed-slider .prd_info .prd_text span.price{float: left; width: 100%; color: #ee2026; line-height: normal;}
.section-doses .Doses_Slider .prd_info .prd_btn,
.Section_PriceSlashed .prieSlashed-slider .prd_info .prd_btn{width: 85px; float: right; line-height: 50px; border-radius: 10px 0 10px 0; text-align: center; color: #fff; background: #ee2026; transition: 0.15s;}
.section-doses .Doses_Slider .item:hover .prd_info .prd_btn,
.Section_PriceSlashed .prieSlashed-slider .item:hover .prd_info .prd_btn{background: #333;}

.section-categories{width: 100%; float: left; padding: 0 0 30px 0;}
.section-categories .title_class{padding: 0 0 20px 0;}
.section-categories ul li{width: 32%; margin: 0 2% 0 0; position: relative; float: left;}
.section-categories ul li:nth-child(3n){margin: 0;}
.section-categories img.mobile_img{display: none;}

.Section_PriceSlashed{width: 100%; float: left;}
.Section_PriceSlashed .prieSlashed-slider{}
.Section_PriceSlashed .prieSlashed-slider .prd_info .prd_text span.price span{text-decoration: line-through; font-size: 14px; color: #999;}
.Section_PriceSlashed .owl-carousel .owl-dots{text-align: center; width: 100%; float: left;}
.Section_PriceSlashed .owl-carousel button.owl-dot{display: inline-block; margin: 0 auto; width: 12px; height: 12px; margin: 0 2px;}
.Section_PriceSlashed .owl-carousel button.owl-dot span{display: inline-block; width: 100%; height: 12px; border: 1px solid #ccc; border-radius: 20px;}
.Section_PriceSlashed .owl-carousel button.owl-dot.active span{background: #333;border: 1px solid #333;}

.section-WeCare_Pets{padding: 30px 0 0 0; width: 100%; float: left;}
.section-WeCare_Pets .ShopBy{width: 70%; float: left;}
.section-WeCare_Pets .ShopBy .Dog,
.section-WeCare_Pets .ShopBy .Cat{width: 49%; background: url(/images/OfferPage-2024/we-care-img1.jpg) no-repeat center 0; background-size: 100%; float: left; padding: 10px 10px 0 10px;}
.section-WeCare_Pets .ShopBy .Cat{float: right; background: url(/images/OfferPage-2024/we-care-img2.jpg) no-repeat center 0; background-size: 100%;}
.section-WeCare_Pets .ShopBy .title{width: 50%; float: right; text-align: center; font-size: 16px; padding: 80px 0 0 0; height: 175px;}
.section-WeCare_Pets .ShopBy .title span{font-size: 28px; text-transform: uppercase; display: inline-block; width: 100%; float: left; font-weight:600; padding-bottom: 5px;}
.section-WeCare_Pets .ShopBy .ItemContent{width: 100%; float: left;}
.section-WeCare_Pets .ShopBy ul li{width: 49%; margin: 0 2% 10px 0; background: #e9f1f4; padding: 10px; text-align: center; float: left; font-size: 18px; border-radius: 10px;}
.section-WeCare_Pets .ShopBy ul li:nth-child(2n){margin: 0 0 10px 0;}
.section-WeCare_Pets .ShopBy ul li:first-child span,
.section-WeCare_Pets .ShopBy ul li:nth-child(2) span,
.section-WeCare_Pets .ShopBy ul li:nth-child(4) span{padding-top: 20px;}
.section-WeCare_Pets .ShopBy ul li img{width: 60px; float: left; margin: 0 10px 0 0; transition: 0.3s;}
.section-WeCare_Pets .ShopBy ul li span{padding-top: 12px; display: inline-block; width: 55%; float: right;}
.section-WeCare_Pets .ShopBy ul li a{display: inline-block; width: 100% ;float: left;}
.section-WeCare_Pets .ShopBy ul li:hover img{transform: rotateY(180deg);}

.section-WeCare_Pets .LinkContent{width: 28%; float: right;}
.section-WeCare_Pets .LinkContent ul li{width: 100%; margin-bottom: 10px; float: left; font-size: 22px;line-height: 65px; text-align: center;}
.section-WeCare_Pets .LinkContent ul li:last-child{margin: 0;}
.section-WeCare_Pets .LinkContent span{background: url(/images/OfferPage-2024/link-arrow-red.png) no-repeat right 25px; background-size: 12px; padding: 0 20px 0 0; position: relative; display: inline-block; z-index: 2; transition: 0.15s;}
.section-WeCare_Pets .LinkContent a{display: inline-block; float: left; width: 100%;  background: #e9f1f4; color: #000; transition: 0.1s all}
.section-WeCare_Pets .LinkContent span::before,
.section-WeCare_Pets .LinkContent span:after{content: ''; position: absolute; top: 25px; width: 12px; height: 20px;}
.section-WeCare_Pets .LinkContent span::before,
.section-WeCare_Pets .LinkContent span:after{opacty: 0;transition: 0.15s;}
.section-WeCare_Pets .LinkContent span::before{right: 0;}
.section-WeCare_Pets .LinkContent span::after{left: 88%;}
.section-WeCare_Pets .LinkContent ul li:hover span::before,
.section-WeCare_Pets .LinkContent ul li:hover span:after{opacty: 10}
.section-WeCare_Pets .LinkContent ul li:hover a{background: #ee2026; color: #fff;}
.section-WeCare_Pets .LinkContent ul li:hover span{background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 25px; background-size: 12px; padding: 0 30px 0 0;}
.section-WeCare_Pets .LinkContent ul li:hover span::before{right: 8px; opacity: 10px; background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 0; background-size: 100%;}
.section-WeCare_Pets .LinkContent ul li:hover span::after{left: 97%; opacity: 10px; background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 0; background-size: 100%;}



@media only screen and (max-width:800px),(max-width:899px){
.Section-Offer_Banner-New{padding: 20px 0 0 0;}

.offer_bar .offer_block{width: 32.666%; margin: 0 1% 10px 0; float: left;}
.offer_bar .offer_block:nth-child(3n){margin: 0 0 10px 0;}
.offer_bar .offer_block:nth-child(4n){margin: 0 1% 0 0; width: 49%;}
.offer_bar .offer_block:nth-child(5n){margin: 0; width: 49%; float: right;}

.section-Offer-Banner{padding:20px 0;}
.section-Offer-Banner .coupon_box .coupon_text {height: 43px;font-size: 17px;}
.section-Offer-Banner .coupon_box .coupon_text span {font-size: 25px;}

.section-arrival .product_box{width: 100%; margin-bottom: 15px;}
.section-arrival .product_box .prd_img img {width: 60%;}
.section-arrival .product_box .prd_name{font-size: 18px; width: 75%;}
.section-arrival .one .prd_name{width: 100%;}

.section-doses{padding: 20px 0;}
.section-doses .Doses_Product{display: none;}
.section-doses .Doses_Slider{width: 100%;}

.section-categories{padding: 0 0 20px 0;}

.section-WeCare_Pets{padding: 20px 0;}
.section-WeCare_Pets .ShopBy{width: 100%;}
.section-WeCare_Pets .LinkContent{width: 100%; padding-top: 15px;}
.section-WeCare_Pets .LinkContent ul li{width: 32%; margin: 0 1.5% 10px 0;}
.section-WeCare_Pets .LinkContent ul li:nth-child(3n){margin: 0 0 10px 0;}
.section-WeCare_Pets .ShopBy ul li img {width: 50px;}
.section-WeCare_Pets .ShopBy ul li{font-size: 16.5px;}
.section-WeCare_Pets .ShopBy ul li span{padding-top: 5px;}
.section-WeCare_Pets .ShopBy ul li:first-child span, 
.section-WeCare_Pets .ShopBy ul li:nth-child(2) span, 
.section-WeCare_Pets .ShopBy ul li:nth-child(4) span{padding-top: 10px;}


}

@media only screen and (max-width:700px),(max-width:799px){

}

@media only screen and (max-width:400px),(max-width:499px) {
.OfferContent_Sectoin .title_class {font-size: 22px;}
.offer_bar .offer_block,
.offer_bar .offer_block:nth-child(3n){width: 49%; margin: 0 2% 10px 0;}
.offer_bar .offer_block:nth-child(2n),
.offer_bar .offer_block:nth-child(4n){margin: 0 0 10px 0;}
.offer_bar .offer_block:nth-child(5n){width: 100%; margin: 0;}
.offer_bar .offer_block:nth-child(5n) .offer_images img{width: 180px;}
.offer_bar .offer_images img{width: 90%;}

.section-special-offers-banner{padding:15px 0 0 0;}

.section-Offer-Banner ul li,
.section-Offer-Banner ul li:last-child{width: 100%;}
.section-Offer-Banner ul li:last-child{margin-top: 10px;}
.section-Offer-Banner .coupon_box .coupon_text {height: 43px;font-size: 17px;}
.section-Offer-Banner .coupon_box .coupon_text span {font-size: 25px;}

.section-arrival .product_box{width: 100%; margin-bottom: 15px; display: inline-block;}
.section-arrival .product_box.new{margin-bottom: 0;}
.section-arrival .product_box .prd_name{font-size: 18px; width: 75%;}
.section-arrival .one,
.section-arrival .product_box.new .one{padding-top:20px;}
.section-arrival .one .prd_name{width: 100%;}
.section-arrival .product_box .prd_img img{width: 120px;}
.section-arrival .one,
.section-arrival .two{width: 100%;}
.section-arrival .two{padding: 10px;}

.section-doses .Doses_Product{display: block; width: 100%; margin-bottom: 15px;}
.section-doses .Doses_Slider{width: 100%;}

.OfferContent_Sectoin .title_class {font-size: 22px;}
.section-categories ul li,
.section-categories ul li:nth-child(3n){width: 90%;margin: 5px 5%;}
.section-categories img.desktop_img{display: none;}
.section-categories img.mobile_img{display: block;}

.section-WeCare_Pets .ShopBy .Dog,
.section-WeCare_Pets .ShopBy .Cat {width: 100%;background: url(/images/OfferPage-2024/we-care-img2.jpg) no-repeat center -40px;}
.section-WeCare_Pets .ShopBy .Dog{margin-bottom: 10px;background: url(/images/OfferPage-2024/we-care-img1.jpg) no-repeat center -40px;}
.section-WeCare_Pets .ShopBy .title{padding: 30px 0 0 0;height: 90px;}

.section-WeCare_Pets .ShopBy{width: 100%;}
.section-WeCare_Pets .LinkContent{width: 100%; padding-top: 15px;}
.section-WeCare_Pets .LinkContent ul li,
.section-WeCare_Pets .LinkContent ul li:nth-child(3n){width: 100%; margin: 0 0 5px 0; font-size: 18px;line-height: 50px;}
.section-WeCare_Pets .LinkContent span{background: url(/images/OfferPage-2024/link-arrow-red.png) no-repeat right 18px;background-size: 10px;}
.section-WeCare_Pets .LinkContent span::before,
.section-WeCare_Pets .LinkContent span:after{width: 10px; top: 18px;}
.section-WeCare_Pets .LinkContent ul li:hover span{background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 18px; background-size: 10px;}
.section-WeCare_Pets .LinkContent ul li:hover span::before{background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 0; background-size: 100%;}
.section-WeCare_Pets .LinkContent ul li:hover span::after{background: url(/images/OfferPage-2024/link-arrow-white.png) no-repeat right 0; background-size: 100%; left: 98%;}

.section-WeCare_Pets .ShopBy ul li img {width: 50px;float: none;margin: 0 auto;}
.section-WeCare_Pets .ShopBy ul li{font-size: 16px;}
.section-WeCare_Pets .ShopBy ul li span,
.section-WeCare_Pets .ShopBy ul li:first-child span, 
.section-WeCare_Pets .ShopBy ul li:nth-child(2) span, 
.section-WeCare_Pets .ShopBy ul li:nth-child(4) span{display: inline-block; width: 100%; padding-top: 0;}

.Section-Offer_Banner-New{padding: 30px 0 0 0;}
.Section-Offer_Banner-New img.Mobile_Banner{display:block;}
.Section-Offer_Banner-New img.Desktop_Banner{display:none;}

}

@media only screen and (max-width:375px), (max-width:399px){
.OfferContent_Sectoin .title_class {font-size: 20px;}
.offer_bar .offer_block{padding: 10px 0 5px 0;}
.offer_bar .offer_discount{margin: 0 4%; width: 92%; line-height: 30px;}
.offer_bar .offer_images span.offer_text {font-size: 14px;}

.section-arrival .product_box .prd_img img {width: 100px;}
.section-arrival .two ul li .prd_img {width: 85px;}
.section-arrival .two ul li .prd_name {width: 70%;}

}

@media only screen and (max-width:360px){

}

@media only screen and (max-width:300px), (max-width:320px){
.offer_bar .offer_discount{font-size: 13px;}
.offer_bar .offer_discount span {font-size: 16px;}
.section-arrival .two ul li .prd_name {width: 63%; font-size: 14px;}

}
