.card-category-slider .img-dots {display: flex;bottom: 10px;transition: all .3s ease;position: absolute;width: 90%;z-index: 1;left: 5%;}
.card-category-slider:hover .img-dots, .card-category-slider.hovered .img-dots {bottom: 10px;}
.card-category-slider .img-dots .owl-dot span {display: block;height: 2px;margin: 0;background: #585562;}
.card-category-slider .img-dots .owl-dot.active span {background: #ffffff;}
.card-category-slider .img-dots .owl-dot{position:relative;width: 100%;margin: 0 2px;}
.card-category-slider .img-dots .owl-dot:before {content: "";position: absolute;top: -475px;height: 475px;width: 100%;left: 0;z-index: 1;}
.variants-block {margin-bottom: 5px;}
.options-block .radio + .radio {margin-left: 0px;}
.options-block .radio {padding: 0px;}
.options-block .btn-radio [type=radio]+span {font-size:12px;padding: 4px 10px;margin-right: 5px;margin-bottom: 5px;min-width: 30px;white-space: nowrap;}
.options-block {overflow: auto;}
.options-block .btn-radio [type=radio]+span:before {box-shadow:none;}
.options-block .text-danger {display: block !important;width: 100% !important;position: absolute;top: 0;left: 0;color: red;text-align: center;font-size: 12px;}
.cart-button-group .cart .select {text-align: center;border: 2px solid #e9e9e9;border-radius: 3px;}
.cart-button-group .select-input {height: 24px;line-height: 24px;border-bottom: 0;}
.cart-button-group .select-input:focus {border-bottom: 0;box-shadow: none;}
.cart-button-group select:not([multiple]) {border: 2px solid #e9e9e9;border-radius: 3px;height: 28px;line-height: 24px;text-align: center;margin: 0;}
.btn:hover {background-color: #fc8d00;color: white;}

.category-info:after {background-color: transparent !important;}
.category-description .category-info {border-radius: 10px;overflow: hidden;}
.category-info .card-description p {text-shadow: none;color: #000000;font-size: 13px;}
.category-info .card-description {display: block;max-width: 600px;margin-left: auto;}
.category-info .card-title {text-shadow: none;color: #fff;display: inline-block !important;padding: 20px;position: relative;}
.category-info > .card-content {width:100%;text-align: right !important;}
.sub-categories {margin-top: 15px !important;position:relative !important;background: transparent !important;}
.sub-category-item {margin-right: 10px;margin-bottom: 0;}
.sub-category-item .image {transition: all .3s;cursor: grab;overflow: hidden;margin: 0 auto;width: 72px;height: 72px;align-items: center;text-align: center;display: flex;border-radius: 50%;line-height: 13px;border: 2px solid #3578e5;font-size: 12px;text-transform: capitalize;padding: 2px;background: white;}
.sub-category-item .image img {border-radius: 50%;}
.sub-category-item:hover .image, .sub-category-item:hover .name {border-color: #fd8c00;color: #fd8c00;}
.sub-category-item .name {text-shadow: none;font-weight: 500;transition: all .3s;margin: 0 auto;text-align: center;line-height: 11px;font-size: 11px;text-transform: capitalize;padding: 10px 5px;width: 85px;}
.sub-categories .owl-theme .owl-nav .owl-prev, .sub-categories .owl-theme .owl-nav .owl-next {color: #333;text-indent: 0;width: 20px;background: #fff;height: 100%;border-radius: 0;display: flex;align-items: center;}
.sub-categories .owl-theme .owl-nav .owl-prev{left:0;box-shadow:none;}
.sub-categories .owl-theme .owl-nav .owl-next{right:0;box-shadow:none;}
.sub-categories .card-content{padding: 0; overflow:hidden;}
.sub-categories .owl-theme .owl-nav .owl-prev:hover, .sub-categories .owl-theme .owl-nav .owl-next:hover {color: #fd8c00;}
#category-desc {padding: 10px 30px;border-bottom: 1px solid #f0f0f0;}
.category-selected-products .card {box-shadow: none;}
.product-category {display: block;text-align: center;font-size: 14px;color: darkgrey;line-height: 14px;}



.additional-buttons {width: 100%;}
.card-collapse-description{
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    max-height: 200px;
    background: rgba(255,255,255,.1);
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: max-height 0.15s ease-out;
}
.card-collapse-description.open{
    overflow: auto;
    max-height: 350px;
}
.card-collapse-description.open-always{
	cursor: default;
}
.card-collapse-description:after {
    background: linear-gradient(transparent, #ffffff);
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(32px + 50%); /* card-description-more.height + 50% */
    z-index: 0;
}
.card-collapse-description.open:after {
    display: none;
}
.card-collapse-description .card-description-more{
    display: block;
    padding: 10px 20px;
    color: #206022;
    text-shadow: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.card-collapse-description.open .card-description-more{
    display: none;
}

.product-grid.list-v .card-product--flex > * {min-width: unset;}
p.no-results {display: flex;position: relative;padding: 150px 20px;text-align: center;font-weight: 600;background: #f3f3f3;margin-top: 20px;justify-content: center;}
#product-filter-sort em.filter-label{position:absolute;top:-9px;font-size:11px!important;color:grey;display: none;}
#product-filter-sort .left-filter em.filter-label{top:-5px;display: none;}
.display-view {font-size: 25px;}
.display-view a{color:#c2c2c2;cursor:pointer}
.display-view a.active{color:#000}
#product-filter-sort .addon{padding-left:0;display: none;}
#compare-total, #favorite-total {text-transform: capitalize;}
#mobile-filter a, #mobile-sort a{white-space:nowrap;text-transform: capitalize;column-gap: 5px;}
.options-block .pack-quantity {font-size: 10px;}
#show-prev-p {border: 2px solid #f5f5f5;}
.related-color-block .cssslider {padding: 3px;align-items: flex-start !important;padding-bottom: 5px;}
.related-color-item {width: 40px;margin: 2px;}
.related-color-block .title {text-align: center;}
.related-color-item .card-image {border: 1px solid transparent;}
.related-color-item .card-image.active {border: 1px solid red;}
.rci-url {cursor: pointer;}
.owl-carousel .owl-item img:not(.lazyloaded) {background: url("image/ajax-loader.gif") no-repeat center center;}
.card-product ::-webkit-scrollbar {width: 11px;height: 3px;background: #fff;}
.card-product ::-webkit-scrollbar-corner {background: transparent;}
.card-product ::-webkit-scrollbar-thumb {background-color: #bfbfbf!important;background-clip: initial;border-radius: 5px;}
.product-layout.product-grid .options-block .option-values{flex-wrap: nowrap;padding-bottom: 10px;}
.wholesale.option-values {overflow-y:auto;}
.wholesale.option-values li {text-align: center;padding: 0 2px;font-size: 12px;white-space: nowrap;}
.wholesale.option-values li div:first-child {border: 1px solid #ccc;border-radius: 5px;padding: 4px;}
.quantity-input.single {z-index: 4;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 28px);}


.collage-card-image{padding: 1%;}

.collage-1{text-align: center;}
.collage-a-1-1{width: 67%;height: 100%;display: inline-block;}
.collage-img-1-1{}

.collage-a-2-1{height: 100%;width: 50%;float: left;padding-right: 1%;}
.collage-a-2-2{height: 100%;width: 50%;float: left;padding-left: 1%;}
img[class*='collage-img-2-'] {object-fit: cover !important;}

.collage-a-3-1{width: 65%;height: 100%;float: left;}
.collage-a-3-2{width: 35%;height: 50%;float: left;padding: 0 0 2% 2%;}
.collage-a-3-3{width: 35%;height: 50%;float: left;padding: 1% 0 0 2%;}
img[class*='collage-img-3-'] {object-fit: cover !important;}

.collage-a-4-1{height: 100%;width: 72%;float: left;padding: 0 1% 0 0;}
.collage-a-4-2{height: 33.333%;width: 28%;float: right;padding: 0 0 0 1%;}
.collage-a-4-3{height: 33.333%;width: 28%;float: left;padding: 1% 0 0 1%;}
.collage-a-4-4{height: 33.333%;width: 28%;float: left;padding: 1% 0 0 1%;}
img[class*='collage-img-4-'] {object-fit: cover !important;object-position: top;}


.collage-a-5-1{height: 100%;width: 42%;float: left;}
.collage-a-5-2{height: 50%;width: 29%;float: left;padding: 0 1% 1% 2%;}
.collage-a-5-3{height: 50%;width: 29%;float: left;padding: 0 0 1% 1%;}
.collage-a-5-4{height: 50%;width: 29%;float: left;padding: 1% 1% 0 2%;}
.collage-a-5-5{height: 50%;width: 29%;float: left;padding: 1% 0 0 1%;}
img[class*='collage-img-5-']{object-fit: cover !important;}

.collage-a-6-1{height: 50%;width: 34%;float: left;padding: 0 1% 1% 0;}
.collage-a-6-2{height: 50%;width: 32%;float: left;padding: 0 1% 1% 1%;}
.collage-a-6-3{height: 50%;width: 34%;float: left;padding: 0 0 1% 1%;}
.collage-a-6-4{height: 50%;width: 34%;float: left;padding: 1% 1% 0 0;}
.collage-a-6-5{height: 50%;width: 32%;float: left;padding: 1% 1% 0 1%;}
.collage-a-6-6{height: 50%;width: 34%;float: left;padding: 1% 0 0 1%;}
img[class*='collage-img-6-'] {object-fit: cover !important;}

.collage-a-7-1{height: 50%;width: 34%;float: left;padding: 0 0.5% 0.5% 0;}
.collage-a-7-2{height: 50%;width: 32%;float: left;padding: 0 0.5% 0.5% 0.5%;}
.collage-a-7-3{height: 50%;width: 34%;float: left;padding: 0 0 0.5% 0.5%;}
.collage-a-7-4{height: 50%;width: 25%;float: left;padding: 0.5% 0.5% 0 0;}
.collage-a-7-5{height: 50%;width: 25%;float: left;padding: 0.5% 0.5% 0 0.5%;}
.collage-a-7-6{height: 50%;width: 25%;float: left;padding: 0.5% 0.5% 0 0.5%;}
.collage-a-7-7{height: 50%;width: 25%;float: left;padding: 0.5% 0 0 0.5%;}
img[class*='collage-img-7-'] {object-fit: cover !important;}

.collage-a-8-1{width: 25%;float: left;height: 50%;padding: 0 0.5% 0.5% 0;}
.collage-a-8-2{width: 25%;float: left;height: 50%;padding: 0 0.5% 0.5% 0.5%;}
.collage-a-8-3{width: 25%;float: left;height: 50%;padding: 0 0.5% 0.5% 0.5%;}
.collage-a-8-4{width: 25%;float: left;height: 50%;padding: 0 0 0.5% 0.5%;}
.collage-a-8-5{width: 25%;float: left;height: 50%;padding: 0.5% 0.5% 0 0}
.collage-a-8-6{width: 25%;float: left;height: 50%;padding: 0.5% 0.5% 0 0.5%;}
.collage-a-8-7{width: 25%;float: left;height: 50%;padding: 0.5% 0.5% 0 0.5%;}
.collage-a-8-8{width: 25%;float: left;height: 50%;padding: 0.5% 0 0 0.5%}
img[class*='collage-img-8-'] {object-fit: cover !important;}

.collage-a-9-1{height: 50%;width: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-9-2{height: 50%;width: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-9-3{height: 50%;width: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-9-4{height: 50%;width: 25%;float: left;padding: 0;}
.collage-a-9-5{height: 50%;width: 20%;float: left;padding: 1% 1% 0 0;}
.collage-a-9-6{height: 50%;width: 20%;float: left;padding: 1% 1% 0 0;}
.collage-a-9-7{height: 50%;width: 20%;float: left;padding: 1% 1% 0 0;}
.collage-a-9-8{height: 50%;width: 20%;float: left;padding: 1% 1% 0 0;}
.collage-a-9-9{height: 50%;width: 20%;float: left;padding-top: 1%;}
img[class*='collage-img-9-'] {object-fit: cover !important;}

.collage-a-10-1{width: 27%;float: left;height: 50%;padding-bottom: 1%;}
.collage-a-10-2{width: 25%;float: left;height: 50%;padding: 0 0 1% 1%;}
.collage-a-10-3{width: 24%;float: left;height: 33%;padding: 0 1% 1% 1%;}
.collage-a-10-4{width: 24%;float: left;height: 33%;padding-bottom: 1%;}
.collage-a-10-5{width: 27%;float: left;height: 50%;clear: both;}
.collage-a-10-6{width: 25%;float: left;height: 50%;padding: 0 0 1% 1%;}
.collage-a-10-7{width: 24%;float: left;height: 33%;margin-top: -17%;padding: 0 1% 1% 1%;}
.collage-a-10-8{width: 24%;float: left;height: 33%;margin-top: -17%;padding-bottom: 1%;}
.collage-a-10-9{width: 24%;float: left;height: 33%;padding: 0 1% 0 1%;}
.collage-a-10-10{width: 25%;float: right;height: 33%;margin-top: -33%;padding-left: 1%;}
img[class*='collage-img-10-'] {object-fit: cover !important;}

.collage-a-11-1{width: 34%;height: 50%;float: left;padding: 0 1% 1% 0;}
.collage-a-11-2{width: 22%;height: 33.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-11-3{width: 22%;height: 33.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-11-4{width: 22%;height: 33.333%;float: left;padding: 0 0 1% 0;}
.collage-a-11-5{width: 22%;height: 33.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-11-6{width: 22%;height: 33.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-11-7{width: 22%;height: 33.333%;float: left;padding: 0 0 1% 0;}
.collage-a-11-8{width: 34%;height: 50%;float: left;margin-top: -16.2%;padding: 0 1% 0 0;}
.collage-a-11-9{width: 22%;height: 33.333%;float: left;padding: 0 1% 0 0;}
.collage-a-11-10{width: 22%;height: 33.333%;float: left;padding: 0 1% 0 0;}
.collage-a-11-11{width: 22%;height: 33.333%;float: left;}
img[class*='collage-img-11-'] {object-fit: cover !important;}

.collage-a-12-1{height: 32%;width: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-12-2{height: 32%;width: 25%;float: left;margin-top: 4%;padding: 0 1% 0 1%;}
.collage-a-12-3{height: 32%;width: 25%;float: left;margin-top: 4%;padding: 0 1% 0 1%;}
.collage-a-12-4{height: 32%;width: 25%;float: left;padding: 0 0 0 1%;}
.collage-a-12-5{height: 32%;width: 25%;float: left;clear: both;margin-top: -4%;padding: 0 1% 0 0;}
.collage-a-12-6{height: 32%;width: 25%;float: left;padding:0 1% 0 1%;}
.collage-a-12-7{height: 32%;width: 25%;float: left;padding:0 1% 0 1%;}
.collage-a-12-8{height: 32%;width: 25%;float: left;margin-top: -4%;padding:0 0 0 1%;}
.collage-a-12-9{height: 32%;width: 25%;float: left;clear:both;margin-top: -4%;padding:0 1% 0 0;}
.collage-a-12-10{height: 32%;width: 25%;float: left;padding:0 1% 0 1%;}
.collage-a-12-11{height: 32%;width: 25%;float: left;padding:0 1% 0 1%;}
.collage-a-12-12{height: 32%;width: 25%;float: left;margin-top: -4%;padding:0 0 0 1%;}
img[class*='collage-img-12-'] {object-fit: cover !important;}

/*BTKS125*/
.collage-a-13-1{width: 33.333%;height:40%;float: left;}
.collage-a-13-2{width: 33.333%;height:40%;float: left;}
.collage-a-13-3{width: 33.333%;height:40%;float: left;}
.collage-a-13-4{width: 20%;height:30%;float: left;}
.collage-a-13-5{width: 20%;height:30%;float: left;}
.collage-a-13-6{width: 20%;height:30%;float: left;}
.collage-a-13-7{width: 20%;height:30%;float: left;}
.collage-a-13-8{width: 20%;height:30%;float: left;}
.collage-a-13-9{width: 20%;height:30%;float: left;}
.collage-a-13-10{width: 20%;height:30%;float: left;}
.collage-a-13-11{width: 20%;height:30%;float: left;}
.collage-a-13-12{width: 20%;height:30%;float: left;}
.collage-a-13-13{width: 20%;height:30%;float: left;}
img[class*='collage-img-13-'] {object-fit: cover !important;}

.collage-a-14-1{width: 45%;height: 70%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-2{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-3{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-4{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-14-5{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-6{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-7{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-14-8{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-9{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-14-10{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-14-11{width: 25%;height: 30%;float: left;clear: both;padding: 0 1% 0 0;}
.collage-a-14-12{width: 25%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-14-13{width: 25%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-14-14{width: 25%;height: 30%;float: left;padding: 0}
img[class*='collage-img-14-'] {object-fit: cover !important;}

.collage-a-15-1{width: 45%;height: 70%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-2{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-3{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-4{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-15-5{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-6{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-7{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-15-8{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-9{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-15-10{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-15-11{width: 20%;height: 30%;float: left;clear: both;padding: 0 1% 0 0;}
.collage-a-15-12{width: 20%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-15-13{width: 20%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-15-14{width: 20%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-15-15{width: 20%;height: 30%;float: left;padding:0}
img[class*='collage-img-15-'] {object-fit: cover !important;}

.collage-a-16-1{width: 45%;height: 70%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-2{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-3{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-4{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-16-5{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-6{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-7{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-16-8{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-9{width: 18.333%;height: 23.333%;float: left;padding: 0 1% 1% 0;}
.collage-a-16-10{width: 18.333%;height: 23.333%;float: left;padding: 0 0 1% 0;}
.collage-a-16-11{width: 16.666%;height: 30%;float: left;clear: both;padding: 0 1% 0 0;}
.collage-a-16-12{width: 16.666%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-16-13{width: 16.666%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-16-14{width: 16.666%;height: 30%;float: left;padding: 0 1% 0 0}
.collage-a-16-15{width: 16.666%;height: 30%;float: left;padding: 0 1% 0 0}
.collage-a-16-16{width: 16.666%;height: 30%;float: left;padding: 0}
img[class*='collage-img-16-'] {object-fit: cover !important;}

.collage-a-17-1{width: 30%;height: 40%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-2{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-3{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-4{width: 23.333%;height: 26.666%;float: left;padding: 0 0 1% 0;}
.collage-a-17-5{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-6{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-7{width: 23.333%;height: 26.666%;float: left;padding: 0 0 1% 0;}
.collage-a-17-8{width: 30%;height: 40%;float: left;clear:both;margin-top: -13.333%;padding: 0 1% 1% 0;}
.collage-a-17-9{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-10{width: 23.333%;height: 26.666%;float: left;padding: 0 1% 1% 0;}
.collage-a-17-11{width: 23.333%;height: 26.666%;float: left;padding: 0 0 1% 0;}
.collage-a-17-12{width: 16.666%;height: 20%;float: left;padding: 0 1% 0 0;clear:both;}
.collage-a-17-13{width: 16.666%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-17-14{width: 16.666%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-17-15{width: 16.666%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-17-16{width: 16.666%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-17-17{width: 16.666%;height: 20%;float: left;padding:0;}
img[class*='collage-img-17-'] {object-fit: cover !important;}

.collage-a-18-1{width: 30%;height: 50%;float: left;padding: 0 1% 0 0;}
.collage-a-18-2{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-3{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-4{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-5{width: 17.5%;height: 25%;float: left;}
.collage-a-18-6{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-7{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-8{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-9{width: 17.5%;height: 25%;float: left;}
.collage-a-18-10{width: 30%;height: 50%;float: left;clear:both;padding: 0 1% 0 0;}
.collage-a-18-11{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-12{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-13{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-14{width: 17.5%;height: 25%;float: left;}
.collage-a-18-15{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-16{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-17{width: 17.5%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-18-18{width: 17.5%;height: 25%;float: left;}
img[class*='collage-img-18-'] {object-fit: cover !important;}

.collage-a-19-1{width: 25%;height: 33.333%;float: left;padding: 0 1% 0 0;}
.collage-a-19-2{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-3{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-4{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-5{width: 18.75%;height: 25%;float: left;padding: 0 0 0 1%;}
.collage-a-19-6{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-7{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-8{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-9{width: 18.75%;height: 25%;float: left;padding: 0 0 0 1%;}
.collage-a-19-10{width: 25%;height: 33.333%;float: left;clear:both;margin-top: -50px;padding: 0 1% 0 0;}
.collage-a-19-11{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-12{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-13{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-14{width: 18.75%;height: 25%;float: left;padding: 0 0 0 1%;}
.collage-a-19-15{width: 25%;height: 33.333%;float: left;clear:both;margin-top: -25px;padding: 0 1% 0 0;}
.collage-a-19-16{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-17{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-18{width: 18.75%;height: 25%;float: left;padding: 0 1% 0 1%;}
.collage-a-19-19{width: 18.75%;height: 25%;float: left;padding: 0 0 0 1%;}
img[class*='collage-img-19-'] {object-fit: cover !important;}

.collage-a-20-1{width: 35%;height: 50%;float: left;padding: 0 1% 0 0;}
.collage-a-20-2{width: 16.25%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-20-3{width: 16.25%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-20-4{width: 16.25%;height: 20%;float: left;padding: 0 1% 0 0;}
.collage-a-20-5{width: 16.25%;height: 20%;float: left;}
.collage-a-20-6{width: 21.666%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-20-7{width: 21.666%;height: 30%;float: left;padding: 0 1% 0 0;}
.collage-a-20-8{width: 21.666%;height: 30%;float: left;}
.collage-a-20-9{width: 16.666%;height: 25%;float: left;clear:both;padding: 0 1% 0 0;}
.collage-a-20-10{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-11{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-12{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-13{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-14{width: 16.666%;height: 25%;float: left;}
.collage-a-20-15{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-16{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-17{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-18{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-19{width: 16.666%;height: 25%;float: left;padding: 0 1% 0 0;}
.collage-a-20-20{width: 16.666%;height: 25%;float: left;}
img[class*='collage-img-20-'] {object-fit: cover !important;}

@media (max-width: 576px){
    .sub-categories .owl-carousel .owl-stage {left: -30px;} 
} 

@media (max-width: 992px){
    h1.card-title.category-title {margin: 15px 0 10px 0;}
}

@media (max-width: 768px){
.category-info .card-description {width: 100%;margin-left: 0;padding: 10px;}
.category-description .category-info .card-content {background: rgb(255 255 255 / 70%);}
.sub-categories .owl-next {right: 0 !important;}
.sub-categories .owl-prev {left: 0 !important;}
.category-info > .card-content {padding: 10px; text-align:center !important;}
.card-product .name a {font-size: 14px;line-height: 18px;}
#category-desc {padding: 10px 5px;}
.product-label.free-shipping-text {font-size: 12px;}
.sub-categories.mobile .card-content {overflow-x: auto;}
.options-block .control-label{position:sticky;left:0;}
.display-view{line-height:1;font-size:25px;margin-left: auto;}
.category-description .category-info {margin-top: 0;}
.button-cart-text {text-transform: capitalize;overflow: hidden;white-space: nowrap;}
.options-block {margin-bottom: 10px;}
.grid-v-4 .options-block {margin-bottom:0px;}
.grid-v-4 .quantity-input {margin: 10px auto 0 auto;}
.grid-v-3 .quantity-input {margin-left: auto;}
}