/* categorie products main */

.categorie-products-right { width: calc(78% - 24px); padding-left: 24px;}
.filter-applied-tittle {display: flex; justify-content: space-between; align-items: center;}
.fl-app-left { font-size: 18px; line-height: 33.4px; color: #55b1b1; font-weight: 500;}
.fl-app-right {font-size: 12px; line-height: 25.2px; color: #636363; font-weight: 400;text-decoration: underline; cursor: pointer;}
.applied-box-inn { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; border-bottom: 1px solid #a19d9f; padding-bottom: 36px;}
.applied-box-inn li.active {display: none;}
.applied-box-inn li {border: 1px solid #a19d9f;padding:5px 15px; border-radius: 38px;position: relative;cursor: pointer; display: flex; align-items:center; justify-content: space-between; }
.applied-box-inn li span{ font-size: 14px; line-height: normal; color: #636363; font-weight: 500; }
.applied-box-inn li button{border: 0; background: transparent; outline: 0; font-size: 22px; color: #636363; padding: 0; cursor: pointer;}
/* .applied-box-inn li::after { content: "";position: absolute; background: #636363; width: 1px; height: 12px; top: 12px; right: 18px; transform: rotate(45deg);}
.applied-box-inn li::before { content: "";position: absolute; background: #636363; width: 1px;height: 12px; top: 12px;right: 18px; transform: rotate(-45deg);} */
.categorie_faq {font-size: 18px;line-height: 25.2px; color: #2F2D2E; padding: 18px 0; position: relative; display: flex; align-items: center;cursor: pointer;margin: 18px 0 0 0;}
.categorie_faq::after {content: ""; background: #2F2D2E;width: 2px; height: 14px; position: absolute;right: 6px;transition: 0.2s;}
.categorie_faq::before {content: "";background: #2F2D2E;width: 14px;height: 2px;position: absolute; right: 0; transition: 0.2s;}
.categorie_faq.active::before { display: none;}
.categorie_faq.active::after {   transform: rotate(-90deg);   background: #EE8A35;}
.categorie-inn {max-height: 0; overflow: hidden; transition: 0.3s; border-top: 1px solid #a19d9f;}
.categorie_faq.active+.categorie-inn { border-top: none;}
.catge-inn {   display: flex; align-items: center;position: relative; justify-content: space-between;padding-left: 41px; cursor: pointer; font-size: 16px;-webkit-user-select: none;    -moz-user-select: none;
-ms-user-select: none; user-select: none; line-height: 16px; height: 30px; font-weight: 500;}
.catge-name {color: #000000;}
.active-categorie {color: #636363;}
.active-categorie.active .catge-name {    color: #55b1b1;}
.active-categorie.active .catge-count { color: #55b1b1;}
.catge-count {color: #BFBFBF;    font-weight: 300;}
.categories-list-inn {display: flex; flex-direction: column; gap: 18px; margin-top: 18px;}
.categories-list-inn li {height: 30px;}
.categories-list-inn li:hover .catge-name {color: #55b1b1;}
.categories-list-inn li:hover .catge-count { color: #55b1b1;}
.catge-inn input {position: absolute;opacity: 0; cursor: pointer;height: 0; width: 0;}
.checkmark {    position: absolute;top: 0; left: 0; height: 30px;width: 30px;background-color: #ffffff; border: 1px solid #a19d9f;}
.catge-inn input:checked~.checkmark {background-color: #55b1b1; border: none;}
.checkmark:after { content: ""; position: absolute; display: none;}
.catge-inn input:checked~.checkmark:after { display: block;}
.catge-inn .checkmark:after {left: 11px; top: 5px; width: 8px;height: 15px;border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);
transform: rotate(45deg);}

.bread-size-inner { display: flex;flex-wrap: wrap; gap: 12px;}
.bread-size-box {width: 54px; height: 56px;border: 1px solid #979596; display: flex; align-items: center; justify-content: center; border-radius: 3px; cursor: pointer;color: #979596;
font-size: 16px; line-height: 23.4px;}
.bread-size-box:hover {background: #55b1b1; color: #F3F3F3; transition: 0.4s; border: none;}
.bread-size-box.active {background: #55b1b1; color: #F3F3F3; transition: 0.4s; border: none;}
.catge-name {display: flex; align-items: center; gap: 8px;}
.catge-name img {    width: 24px; height: 24px;}
.categorie_faq .active {background: #ff0;}

.type-description-with-title a{display: inline-block;}

/* categories products */

.categories-banner {margin-bottom: 26px;}
.categories-banner img {width: 100%;}
.categories-banner-mobile {display: none;}
.categories-bg {display: flex;flex-wrap: wrap;padding:0 0 20px 0;justify-content: space-between;align-items: flex-start;}
.categorie-products-inner {display: flex;flex-wrap: wrap;gap: 15px; position: relative;}
.categorie-pro-inn-item {text-align: center;background: #F1F3F5;border-radius: 10px;position: relative;}
.categorie-pro-inn-item-main {width: 32%;margin-top: 18px;}
.pro-inn-item-offer {position: absolute;height: 44px;left: 25px;top: -4px;padding: 0 5px;background: #ffffff;overflow: hidden;}
.pro-inn-item-offer span {font-size: 14px;color: #ffffff;line-height: 18.4px;font-weight: 400;position: relative;z-index: 99;}
.pro-inn-item-offer span::after {content: "";width: 21px;height: 44px;position: absolute;top: -4px;right: -7px;background: #55b1b1;transform: skewY(19deg);z-index: -1;}
.pro-inn-item-offer span::before {content: "";width: 22px;height: 44px;position: absolute;top: -4px;left: -5px;background: #55b1b1;transform: skewY(-20deg);z-index: -1;}
.categorie-item-content {display: flex;flex-direction: column;align-items: center;padding: 12px 13px;}
.categ-item-image {width: 100%;background: #ffffff;padding: 36px;border-radius: 5px;margin-bottom: 10px;}
.categ-item-image img {width: auto; margin: 0 auto;}
.categ-pro-review {display: flex;align-items: center;gap: 6px;font-size: 14px;line-height: 33.4px;color: #2F2D2E;font-weight: 600;flex-wrap: wrap;justify-content: center;}
.categ-pro-item-tittle {font-size: 16px; letter-spacing: 1px;  line-height: normal;  color: #282828; font-weight: 600; padding-top: 15px; min-height: 55px; display: flex;align-items: center;justify-content: center; overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    -webkit-line-clamp: 2;
    /* display: inline; */
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.categ-pro-item-price {display: flex;align-items: flex-end;width: 100%;justify-content: center;border-top: 1px solid #a19d9f;padding:15px 10px 0;margin-top: 16px;}
.categ-pro-price {color: #CF231E/*2F2D2E*/;font-size: 20px;line-height: 22px;font-weight: 600;display: flex;flex-direction: column;gap: 10px; text-align: right;}
.categ-pro-price strong {color: #CF231E;font-weight: 600;}
.categ-pro-with {color: #2F2D2E;font-size: 14px;line-height: 20px;font-weight: 400;}
.categ-pro-petcare-image img {display: block;}
.categ-pro-shop-btn {background:#22395b;border: none;width: 75%;font-size: 14px;line-height: 14px;  padding-left: 20px;color: #fff;font-weight: 600;height: 44px;border-radius: 44px;margin-top: 18px;cursor: pointer;position: relative;}
.categ-pro-shop-btn::before {content: "";background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/add-cart.png);width: 21px;height: 20px;position: absolute;margin-left: -27px;margin-top: -2px;background-repeat: no-repeat;background-size: cover;}
.categorie-pro-inn-item-main a:hover .categ-pro-shop-btn {background: #55b1b1;color: #F5F5F5;transition: 0.4s;}
.categorie-pro-inn-item-main a:hover .categ-pro-shop-btn::before {background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/add-cart.png);transition: 0.4s;animation: policy 1.2s linear;}
.catge-compare {color: #131313;font-size: 18px;line-height: 33.4px;font-weight: 500;}
.catge-inn-2 {margin-top: 18px;}
.categorie-products-left {width: 22%;}
.reviews span {color: #2F2D2E;padding-left: 8px;}
.rating-count {padding-left: 8px; order: 2;}
.loadMore {width: 100%;color: #F5F5F5;display: block;margin: 20px auto 0;padding: 10px;border-radius: 38px;background: #55b1b1;transition: 0.4s;width: 368px;text-align: center;
font-size: 14px;line-height: 33.4px;font-weight: 500;border: none;font-family: 'sora';cursor: pointer;border: 1px solid #55b1b1;}
.loadMore:hover {color: #55b1b1;background-color: #fff;border: 1px solid #55b1b1;}
.product-range-bar {text-align: center;margin: 48px auto 0;}
.product-range-bar label {color: #636363;font-size: 16px;line-height: 24px;font-weight: 400;}
.product-range-bar .slider {-webkit-appearance: none;width: 100%;max-width: 376px;height: 8px;background: #D9D9D9;outline: none;border-radius: 8px;margin-top: 16px}
.product-range-bar .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 26px;height: 8px;border-radius: 10px;background: #1B3A48;cursor: pointer;}
.product-range-bar .noContent {color: #000 !important;background-color: transparent !important;pointer-events: none;}
.short-categories-filter {display: flex;align-items: center;gap: 18px;}
.short-categories {color: #636363;font-size: 16px;line-height: 24px;font-weight: 400;}
.select-categories {display: flex;justify-content: space-between;margin-bottom: 16px;align-items: center;gap: 15px;}
.categories-filter-count {color: #636363;font-size: 16px;line-height: 24px;font-weight: 400;}
.categories-filter {position: relative;}
.categories-menu {cursor: pointer;display: none;position: absolute;right: 0;width: 248px;z-index: 99999;background: #ffffff;border-radius: 5px;border: 1px solid #a19d9f;padding: 8px 6px;border-top: none;box-shadow: 0px 4px 6px 0px #e1f0ff;}
.input-box {width: 248px;height: 50px;color: #2F2D2E;font-size: 14px;line-height: 34px;font-family: 'sora';border: 1px solid #a19d9f;border-radius: 5px;outline: none;cursor: pointer;}
.input-box {background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/Vector-arrow.png);background-repeat: no-repeat;background-size: 13px;background-position: 93% 50%;appearance: none;padding: 0 18px;}
.categories-menu li {padding: 8px 12px;border-bottom: 1px solid #f1f3f5;}
.categories-menu li:hover {background: #f1f3f5;transition: 0.3s;}

/* mobile toggle */
.show-menu {display: block;}
#myBtn {display: none;color: #fff;font-size: 14px;font-weight: 600;background: #55b1b1;border-radius: 5px;border: none; cursor: pointer;}
.close {display: none;}
.categories-filter-count-mob {display: none;}


/* price range */
.filter-price {width: 100%;border: 0;padding: 0;margin: 0;margin-top: -20px;}
.price-field {position: relative;width: 100%;height: 36px;box-sizing: border-box;padding-top: 15px;padding-left: 16px;border-radius: 3px;}
.price-field input[type=range] {position: absolute;}

/* Reset style for input range */
.price-field input[type=range] {width: 100%;height: 6px;border: 0;outline: 0;box-sizing: border-box;border-radius: 8px;pointer-events: none;-webkit-appearance: none;max-width: 264px;background: #000;}
/*
.price-field input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
.price-field input[type=range]:active,
.price-field input[type=range]:focus {outline: 0;}
.price-field input[type=range]::-ms-track {width: 188px;height: 2px;border: 0;outline: 0;box-sizing: border-box;border-radius: 5px;pointer-events: none;background: transparent;border-color: transparent;color: transparent;border-radius: 5px;}
*/

/* Style toddler input range */
.price-field input[type=range]::-webkit-slider-thumb {/* WebKit/Blink */position: relative;-webkit-appearance: none;margin: 0;border: 0;outline: 0;border-radius: 50%;height: 16px;width: 16px;margin-top: -8px;background-color: #55b1b1;cursor: pointer;cursor: pointer;pointer-events: all;z-index: 1;}
.price-field input[type=range]::-moz-range-thumb {/* Firefox */position: relative;-webkit-appearance: none;margin: 0;border: 0;outline: 0;border-radius: 50%;height: 16px;width: 16px;margin-top: -8px;background-color: #55b1b1;cursor: pointer;cursor: pointer;pointer-events: all;z-index: 1;}
.price-field input[type=range]::-ms-thumb {/* IE */position: relative;-webkit-appearance: none;margin: 0;border: 0;outline: 0;border-radius: 50%;height: 16px;width: 16px;margin-top: -8px;background-color: #55b1b1;cursor: pointer;cursor: pointer;pointer-events: all;z-index: 1;}

/*
#lowerSliderPrice,
#upperSliderPrice{z-index:5;}
#lowerSliderPrice::before{content:''; position:absolute; width:16px; height:16px; background:red; top:0; lef:0;}
*/

/* Style track input range */
.price-field input[type=range]::-webkit-slider-runnable-track {/* WebKit/Blink */width: 188px;height: 2px;cursor: pointer;background: #000;border-radius: 5px;}
.price-field input[type=range]::-moz-range-track {/* Firefox */width: 188px;height: 2px;cursor: pointer;background: #000;border-radius: 5px;}
.price-field input[type=range]::-ms-track {/* IE */width: 188px;height: 2px;cursor: pointer;background: #000;border-radius: 5px;}

/* Style for input value block */
.price-wrap {display: flex;justify-content: space-between;color: #fff;font-size: 14px;line-height: 1.2em;font-weight: 400;margin-top: 10px;}
.price-wrap-1,
.price-wrap-2 {display: flex;}
.price-wrap_line {margin: 0 10px;color: #000;}
.price-wrap #one,
.price-wrap #two {width: 30px;text-align: left;margin: 0;padding: 0;margin-right: 2px;background: 0;border: 0;outline: 0;color: #000000;font-size: 14px;line-height: 1.2em;font-weight: 400;}
.price-wrap label {text-align: right;color: #000000;}

/* Style for active state input */
.price-field input[type=range]:hover::-webkit-slider-thumb {box-shadow: 0 0 0 0.5px #fff;transition-duration: 0.3s;}
.price-field input[type=range]:active::-webkit-slider-thumb {box-shadow: 0 0 0 0.5px #fff;transition-duration: 0.3s;}


/* POPUP CSS */
.compare-popup-main {width: 100%;margin: 0 auto;background: #ffffff;border-radius: 5px;box-shadow: 0px 4px 10px -2px #00000033; position: fixed; bottom: 0; right: 0px; max-width:900px; z-index: 123; left: 0;}
.compare-popup-top {background: var(--primary-p2-background);color: var(--neutral-n5-color);padding: 16px 18px;align-items: center;border-radius: 5px 5px 0 0; z-index: 999;}
.compare-hide-icon {padding: 0 15px; border: 0; outline: 0; background-color: transparent; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer; position: relative;}
.compare-hide-icon:before{ content: ""; position: absolute; border-top: 2px solid #fff;border-left: 2px solid #fff; width: 8px;  height: 8px; top: 4px; right: 0;  transform: rotate(225deg); transition: .9s ease-in-out;}
.compare-hide-icon.clsshow:before{transform: rotate(45deg); top: 8px;}
.compare-popup-image {border: 1px solid #a19d9f;border-radius: 5px;width: 100%;height: auto;align-items: center;justify-content: space-around;padding: 8px;}
.compare-popup-image img {width: 90px;}
.compare-popup-image span {font-size: 12px;color: #000000;padding: 6px 0; font-weight: 400; min-height: 50px; display: flex; align-items: center; justify-content: center;}
.compare-popup-inner {justify-content: center;flex-wrap: wrap;padding: 18px 14px; align-items: start;}
.compare-popup-item {border-right: 1px dashed #BFBFBF;width: 25%;padding: 4px 15px;}
.compare-popup-item-2 {border: none;padding-right: 0;display: flex;flex-direction: column;justify-content: center;}
.compare-remove-button {margin-top: 24px;}
.remove-btn {color: #1B3A48;font-family: 'sora';background: none;line-height: 31px;width: 120px;border: 1px solid #23395B;border-radius: 30px;font-weight: 600;height: 36px;
cursor: pointer;/*background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/remove-icon.png);background-repeat: no-repeat;background-size: 13px;background-position: 22% 50%;appearance: none;text-align: right;*/padding: 0 22px;}
.remove-btn:hover {transition: 0.5s;background: #1B3A48;color: #fff;/*background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/remove-icon-2.png);background-repeat: no-repeat;background-position: 22% 50%;background-size: 13px;*/}
.compare-btn {background: #1B3A48;color: #fff;/*background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/remove-icon-2.png);background-repeat: no-repeat;background-position: 17% 50%;background-size: 13px;*/}
.compare-btn:hover {background: #ffffff;/*background-image: url(https://www.petcaresupplies.com/images/NewDesign2025/remove-icon.png);background-repeat: no-repeat;background-position: 17% 50%;background-size: 13px;*/color: #1B3A48;}
.compare-popup-image-2 img {display: none;}
.compare-popup-image-2 span {display: none;}
.remove-btn-2 {opacity: 0.4;}
.clear-all-button {width: 168px;display: flex;flex-direction: column;align-items: center;gap: 24px;}
.compare-btn {padding: 0 17px;}
.compare-btn-2 {height: 42px;width: 134px;padding: 0px 24px; text-align: center;}
.type-description-with-title h1 {font-size: 20px;padding: 0 0 15px 0;}
.compare-pack-list-item .checkmark{width: 20px; height: 20px;}
.compare-pack-list-item .catge-compare{font-size: 14px;line-height: 18px;}
.compare-pack-list-item .catge-inn{ padding-left: 32px; font-size: 16px; height: 20px;}
.compare-pack-list-item .catge-inn .checkmark:after { left: 7px;top: 2px;width: 6px;height: 13px;}
.type-description-with-title{padding: 50px 0 0 0;}
.type-description-with-title p {font-size: 16px;line-height: 24px;padding: 0;text-align: justify;}
.spinner {width: 45px;height: 45px;border: 5px solid #f3f3f3; /* Light gray */border-top: 5px solid #1a3a59; /* Blue */border-radius: 50%;animation: spin 1s linear infinite;margin: 25px auto 0;}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

#myModal {display: none;}

.Offer_Pages_content{}
.Offer_Pages_content .PageTitle{text-align:center;}
.Offer_Pages_content .PageTitle .about-us-top-tittle{display:inline-block;}
.CommonProduct_Container{display: flex;flex-wrap: wrap;gap: 15px;position: relative;}
.CommonProduct_Container .categorie-pro-inn-item-main{width:24%; margin-top: 0 !important;}
.CommonProduct_Container .categ-pro-item-tittle{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow:hidden; text-overflow: ellipsis;}
.Pro-right-text {text-align: center; padding-top: 28px;}


/*.CommonProduct_Container.new-arrival-product .categorie-pro-inn-item-main{margin-top: 0 !important;}*/

/*** SEASONAL OFFER ***/
.Seasonal-Offer-Container{padding: 25px 0;}
.button-wrap{display:flex; border-bottom:1px solid #747474; padding:0 0 0 10px;font-weight:500; font-size:16px;}
.button-wrap a.button {display:inline-block;width:auto; background-color:#747474;color:#fff;text-decoration: none; padding:8px 20px 8px 20px;border-radius: 7px 7px 0 0; margin:9px 10px 0 0; cursor:pointer;}
.button-wrap a.active {background: var(--primary-p2-background);padding:15px 20px 10px 20px; margin-top:0;}
.TabContent {margin-top:0;}
.content{ display:none;}
.content.active { display:block;}
.Filter_Header{display:none;}

.compare-remove-img{display:none;}

/*** flash page ***/

.flash-page-container{margin: 35px 0;}

/* responsive */
@media (min-width: 899px) {
#myModal {display: block !important;}
}

@media only screen and (max-width:1100px),(max-width:1199px) {
.categorie-products-right {width: 71%;}
}

@media only screen and (max-width:1000px),(max-width:1099px) {
.categorie-pro-inn-item-main {width: 32%; }
.categ-pro-item-tittle { font-size: 16px; line-height: 23px; }
.categ-pro-item-price { padding-top: 14px; margin-top: 10px; }
.categ-pro-price { gap: 4px; }
.categ-pro-price { font-size: 17px;}
.categ-pro-petcare-image img { width: 70px; padding: 0 0 3px;}
.categories-left-acc { width: 240px; }
.categorie-products-right { width: 70%; }
}


@media only screen and (max-width:800px),(max-width:899px) {
.type-description-with-title{padding: 30px 0 0 0;}
.categorie-products-right {        width: 100%; margin:0;padding: 0; }
.categorie_faq { font-size: 15px;        line-height: 18.2px; padding: 8px 0; margin: 8px 0 0 0;}
.categorie_faq::before {    width: 10px;}
.categorie_faq::after {height: 10px;right: 4px;}
.categorie-pro-inn-item-main {width: 48%;}
.categ-pro-item-tittle {font-size: 14px;    line-height: 18px;padding-top: 4px;}
.categ-pro-price {font-size: 16px;}
.categ-pro-petcare-image img {width: 90px;}
.categ-pro-shop-btn {height: 36px;}
.categ-item-image img {    width: 150px;}
.categ-item-image {padding: 18px;}
.loadMore { width: 222px; height: 34px; padding: 0; margin: 34px auto 0;}
.checkmark {width: 24px; height: 24px;}
.catge-compare {   font-size: 14px;    line-height: 18px;}
.categ-pro-item-price {padding-top: 10px; margin-top: 8px;}
.categorie-inn-item-sec {margin-top: 0;}
.short-categories { display: none;}
.select-categories {justify-content: space-between; margin-bottom: 14px;}
.categories-banner {margin-bottom: 10px;}
.categories-menu {width: 191px;}
.categories-menu li {font-size: 12px;}
.catge-inn .checkmark:after {left: 8px; top: 2px; width: 8px; height: 15px;}
.catge-inn {font-size: 14px;}
.fl-app-left {    font-size: 15px;}
.fl-app-right { font-size: 15px;}
.applied-box-inn {margin-top: 8px;padding-bottom: 24px;}
.filter-applied-tittle {margin-top: 15px;}
.categories-left-acc {width: 100%; width: 100%; padding: 10px; height: auto; position:relative;}
.categories-filter-count {font-size: 14px; line-height: 18px; position: absolute; top: -28px; width: 100%;}
.select-categories { position: relative; margin-top: 25px; gap: 8px;width: 100%;}

.flash-page-container{margin: 25px 0;}

.MobileFixed_header{position: sticky;top: 0;background: #fff;z-index: 2;}
.Filter_Header{display: flex; justify-content: space-between;}
.Filter_Header span.Apply_button{font-size:14px; padding:0px 20px; line-height:40px; color:#fff; background:var(--secondary-s2-background); border-radius:5px;}

@-webkit-keyframes filterr {
0% {transform: translate(-100%);}
100% {transform: translate(0);}
}

#show-hidden-menu {display: block;}
.modal {display: none; position: fixed; z-index: 1; left: 0;top: 0; width: 100%; height: 100%; overflow: auto; z-index: 99999; background: #ffffff;animation: filterr 1s linear;}

/* The Close Button */
.close {color: #aaaaaa; float: right; font-size: 28px;font-weight: bold;}
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer;}
#myBtn {display: flex; width: 32%; font-size: 14px; height: 50px; align-items: center;justify-content: center;}
#myBtn img{width:20px; margin:0 10px 0 0;}

.categories-menu { width: 100%;}
.categories-menu li {padding: 6px;}
.close {display: block;}
.categories-banner-desktop {display: none;}
.categories-banner-mobile {display: block;}
.categories-banner {margin-bottom: 16px;}
.categorie-products-inner{gap: 14px}
.categorie-pro-inn-item-main {   width: 32%;}
.categories-filter-count-desk {display: none;}
.categories-filter-count-mob {display: block;}
.CommonProduct_Container .categorie-pro-inn-item-main{width:31.9%;}

}


@media only screen and (max-width:700px),(max-width:799px) {
.compare-popup-item {width: 33.333%;justify-content: center;display: flex;flex-direction: column;align-items: center; position:relative;}
.compare-popup-item-2{width: 100%;float: left;display: inline-block;padding-top: 25px;}
.clear-all-button{ width: 100%;flex-direction: row;justify-content: space-between;}
.compare-remove-button{display:none;}
.compare-remove-img{display:block; width:24px; position:absolute; top:10px; right:20px;}
.compare-remove-img img{width:100%}

}

@media only screen and (max-width:600px),(max-width:699px) {
.categories-left-acc {width: 100%;}
.categorie-pro-inn-item-main {width: 48%;}
.categorie-item-content {padding: 8px;}
.categories-filter-count {font-size: 14px;line-height: 18px;width: 42%;}
.short-categories-filter {width: 32%;}
.input-box {width: 100%;padding: 0 4px;height: 36px;font-size: 12px;}
#myBtn {height: 36px;}

}

@media only screen and (max-width:500px),(max-width:599px) {
.short-categories-filter {width: 40%;}
.categories-filter-count {font-size: 12px;line-height: 14px;width: 28%;}
.categorie-pro-inn-item-main {width: 48%;}
.pro-inn-item-offer span {font-size: 10px;line-height: 12px;}
.pro-inn-item-offer span::after {width: 17px;height: 36px;top: -6px;}
.pro-inn-item-offer span::before {width: 17px;height: 36px;top: -6px;}
.pro-inn-item-offer {height: 40px;}
.categorie-pro-inn-item-main {margin-top: 0;}
.applied-box-inn li {line-height: 28.4px;padding: 0 29px 0 8px;}
.applied-box-inn li::before {top: 9px;right: 10px;}
.applied-box-inn li::after {top: 9px;right: 10px;}
.product-range-bar {margin: 18px auto 0;}
.slider {margin-top: 6px;}
.loadMore {margin: 10px auto 0;}
.product-range-bar label {font-size: 14px;}
.CommonProduct_Container .categorie-pro-inn-item-main{width:47.85%;}

.Offer_Pages_content .inner_BannerDiv{padding:0 0 15px 0 !important}
.button-wrap a.button {padding:5px 15px 5px 15px; margin:5px 10px 0 0;}
.button-wrap a.active {padding:12px 15px 12px 15px; margin:0 10px 0 0}
.Seasonal-Offer-Container {padding: 15px 0;}

}

@media only screen and (max-width:400px),(max-width:499px) {
.short-categories-filter { width: 50%;}
#myBtn { width: 50%;}
.compare-popup-item{border-right: none; padding: 8px;}
.compare-remove-img{top: -5px;right: 5px;}
.compare-btn-2{ height: 36px;}
.compare-popup-top{padding: 10px 8px; font-size: 12px;}
.compare-hide-icon{ background-size: 10px; padding: 0 18px;}
.compare-popup-inner{ padding: 18px 10px;}
.compare-remove-button { margin-top: 10px;}
.clear-all-button { gap: 10px;}
/* .compare-popup-item{ width: 100%;} */
.type-description-with-title p { font-size: 14px; line-height: 20px;}
.type-description-with-title h1{ font-size: 18px;}
.compare-popup-main{max-height: 60%; overflow: scroll;}
.compare-popup-top{position: sticky; top: 0;}
.compare-popup-bottom {overflow: scroll;}
.categ-pro-shop-btn::before{width: 19px;height: 18px;}
.categ-pro-petcare-image img {width: 70px;}
.select-categories {position: sticky; top: 0;background: #fff;z-index: 99;padding: 10px 0;}

}

@media only screen and (max-width:360px),(max-width:399px) {
    .categ-pro-price {
        font-size: 14px;
    }

.categ-pro-shop-btn { width: 156px;}
.categ-pro-shop-btn::before { width: 16px; height: 16px;}
.short-categories-filter { width: 50%;}
#myBtn { width: 50%;}
.CommonProduct_Container .categorie-pro-inn-item-main{width:99%;}
.categ-pro-petcare-image img {width: 70px;}
.categ-pro-shop-btn::before{margin-left:-19px}
.categorie-products-inner {gap: 13px;}
}

@media only screen and (max-width:320px) {
	.categorie-pro-inn-item-main{width:100%;}
.short-categories-filter {width: 50%;}
#myBtn {width: 50%;} 

}