main{background:#fafafa}
aside{width:281px;/*margin-top:190px*/}
.category-leftpnl{width:calc(100% - 295px)}
.filter-subject{color:#2f2c41}
.aside-search{background:#f8f8f8}
.aside-search-btn img{filter:invert(56%) sepia(7%) saturate(22%) hue-rotate(345deg) brightness(96%) contrast(84%)}
.aside-search-text,.filter-check{color:#828282}
.aside-search-text,.aside-search-btn{background:transparent;height:44px}
.SearchText::placeholder{color:#828282;opacity:1}
.SearchText:-ms-input-placeholder{color:#828282:#bdbdbd}
.SearchText::-ms-input-placeholder {color:#828282}
.filter-title2{height:30px}

.filter-title.before:before{width:12px;height:12px;border-radius:3px;border:1px solid #828282;font-size:12pt;color:red;right:0;top:5px}
.filter-title.after:after,.noUi-handle:before{font:normal normal normal 14px/1 FontAwesome}
.filter-title.after:after,.noUi-handle:after{display:none}
.filter-title.after:after{background:url(/NewFile/images/check.png) no-repeat;transform:scale(.6);width:16px;height:12px;right:-2px;top:5px;color:#fff}
.filter-check:checked + .filter-title.after:after{display:block}
.filter-check:checked + .filter-title.before:before{border-color:#f1cf13}
.filter-check:checked + .filter-title.before:before,.slider-save{background:#fed700;color:#000}
.filter-box > .show-box{height:24px}
.aside-show-item{border-top:1px solid #f2f2f2;color:#000}
.aside-show-item .fa-angle-down,.aside-show-item .fa-angle-up{top:2px;margin-right:6px}
.aside-content-box{/*max-height:198px*/}
.aside-box .show-box{height:39px}
.filter-box >.show-box{height:24px}
.show-box:checked ~ .aside-content-box,.filter-box >.show-box:checked ~ .aside-box{display:inline-block!important;max-height:initial}
.show-box:checked +  .aside-show-item .fa-angle-up,.filter-box >.show-box:checked + .filter-subject .fa-angle-up{display:inline-block!important}
.show-box:checked +  .aside-show-item .fa-angle-down,.filter-box >.show-box:checked + .filter-subject .fa-angle-down{display:none}
.categoryList{justify-content:space-between}
.category-List-item, .category-List-item2{width:calc(33.33% - 2px)}
.category-List-item:hover{box-shadow:0 2px 17px 0 rgb(0 0 0 / 9%);position:relative;z-index:1}
.asid-color-box{width:8px;height:8px}
.asid-color-box.bg-white{width:9px;height:9px}
.bg-brown{background:#795548}
.category-List-item .fa-shopping-basket{background:fff;width:30px;height:30px;color:#909090;cursor:pointer}
.category-List-item:hover .fa-shopping-basket{background:#fed700;color:#000}

.noUi-horizontal{height:2px;border:0;box-shadow:none;background:#f2f2f2}
.noUi-horizontal .noUi-handle{width:16px;height:16px;top:-7px;right:-12px;border-radius:50%;transition:all 400ms;cursor:pointer}
.noUi-horizontal .noUi-handle.noUi-active{width:24px;height:24px;}
.noUi-handle.noUi-handle-lower:before{content:"\F104";left:3px}
.noUi-handle.noUi-handle-upper:before{content:"\F105";left:5px}
.noUi-handle.noUi-handle-lower:before,.noUi-handle.noUi-handle-upper:before{transition:all 400ms;top:0;font-size:11pt;color:#000;width:5px;height:13px;color:#000;background:none}
.noUi-active{box-shadow:none}
.noUi-connect,.noUi-active{background:#fed700}
.noUi-horizontal .noUi-handle.noUi-active{top:-11px}
.noUi-handle.noUi-active:before{color:#fff;top:3px}
.noUi-handle.noUi-active.noUi-handle-lower:before{left:7px}
.noUi-handle.noUi-active.noUi-handle-upper:before{left:9px}
span.slider-details{color:#2e2b40;width:75px}
.slider-save{border-radius:8px!important}
.slider-save:hover{background:#f1cf13}
.product-available{width:42px;height:22px}
.product-available:before{background:#e0e0e0;right:0;top:0;width:100%;height:100%;border-radius:11px;transition:all 400ms}
.product-available:after{width:18px;height:18px;border-radius:9px;background:#fff;top:2px;left:2px;transition:all 400ms}
.check-product-available:checked + .product-available:before{background:#fed700}
.check-product-available:checked + .product-available:after{left:22px}
.available-product-box:nth-child(2){border-top:1px solid #f2f2f2}
.select-item{width:180px;background:#F8F8F7}

.filter-select-box select{height:44px;padding:0 15px 0 25px;background:transparent;border:0;-webkit-appearance:none;appearance:none;font-size:11pt}
.select-row-title{width:140px;padding-left:10px;display:inline-block;text-align:left}
.filter-items-close{width:8px;height:8px;background:url(/NewFiles/images/close-2.png)}
.filter-items{border:1px solid #f1cf13;border-radius:10px}

.ImgList{height: 245px !important;}


/***********/

.wide .category-leftpnl{width:100%}

.wide .category-List-item, .wide .category-List-item2{width:calc(50% - 2px)!important}
.wide .category-List-item .price-bottomBox{margin-top:20px}
.wide .categoryList{justify-content:space-between;margin-top:.5rem}
.filter-aside .filter-box{direction:rtl}
#myOffcanvas.activeAside{width:300px}
.activeAside .offcanvas .mCSB_container{padding:0 0 20px 0}
.activeAside .aside-filter-head{display:flex!important}
.activeAside .slider-price{padding-right:.75rem!important;padding-left:.75rem!important}
.activeAside .mCSB_container{margin-right:0!important;margin-left:15px!important;padding-right:10px}
.activeAside .filter-box .aside-box{position:fixed;right:0;top:0;bottom:0;background:#fff;width:0!important;display:inline-block!important;overflow:hidden}
.activeAside .filter-box >.show-box:checked ~ .aside-box{z-index:3;width:300px!important}
.activeAside .filter-box{border-bottom:1px solid #e7e7e7;margin-top:0!important;padding:.75rem .5rem!important}
.activeAside .filter-subject.before:before{display:none}
.activeAside .filter-subject{padding:0!important}
.activeAside .filter-order-box{order:100}
.activeAside .mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}
.activeAside .mCSB_scrollTools  .mCSB_buttonUp{background-position:-80px 0}
.activeAside .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:rgba(0,0,0,.5)}
.activeAside .mCSB_scrollTools{right:inherit;left:0}
.activeAside .slider-price{margin-top:0!important}
.aside-filter-head{height:60px}
.activeAside .slider-price-item{display:inline-block!important}
.activeAside .slider-price-item > div{margin-top:1rem}
.activeAside .slider-details{width:calc(100% - 50px);height:40px;font-size:1.2rem!important}

.aside-mobile{width: 246px;position: fixed;z-index: 5;right: 0;background-color: #f8f8f8;overflow-x: hidden;transition: 0.5s;padding: 20px 10px 20px 0;border: 1px solid lightgray;border-radius: 6px 0 0 6px;box-shadow:  0 4px 12px rgba(0,0,0,0.1);-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);-moz-box-shadow:  0 4px 12px rgba(0,0,0,0.1);top:70px;}
.WCross{background:#eee;padding-top:5px;transition:all 400ms;border-radius:25px;left:10px;top:10px;font-size:20pt;width:40px;height:30px;align-items:center;justify-content:center;display: none;}
.WCross:hover{background:#fed700}

.price-bottomBox{margin-top:56px}
.product-name{height:48px;overflow:hidden;display: inline-block;}

.pagination-sm .page-link{min-width:32px!important;height:32px!important;padding:.25rem;border-radius:5px;border:0!important;display:flex;align-items:center;justify-content:center}
.page-item.active .page-link{background:#fed700!important;color:#656565}
.page-link,.page-link:hover{color:#656565}
#pagination{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 1rem;justify-content:center}
#pagination li{display:inline-block}
#pagination li,#pagination li a{height:32px}
.page-content{background:#eee;display:inline-block;padding:10px;width:100%;max-width:660px}
.page-item.last .page-link,.page-item.first .page-link,.page-item.next .page-link,.page-item.prev .page-link{border:0;background:#F8F8F7!important;border-radius:50%!important}
.page-item{margin:0 3px}
.pagination-sm .page-link:hover{background:#eaf5f5}
.shadow-item{box-shadow:0 1px 3px rgb(0 0 0 / 9%)}
.product-item-link{font-size:10pt;color:#0062bd!important;height:21px;overflow:hidden;display:block}

.loading-panel{background: white;opacity:0.9;position:absolute;z-index:2;width: calc(100% - 330px);height: 100%;text-align: center;padding-top: 20px;}

.new-title{width:40%;border:1px solid #f0f0f0;border-radius: 5px;display: inline-block;text-align: center;padding:15px 10px;margin: 5px;vertical-align: top;height:120px;}
.new-title .title1{text-align: center;font-size:12px;color:gray;margin-top: 10px;}
.new-title .title2{text-align: center;font-size:19px;color:#090909;line-height:40px;}
.new-title .title3{text-align: center;font-size:12px;color:gray;}
.new-description{width:53%;background:#f5f5f5;border-radius: 5px;display: inline-block;text-align: justify;padding:10px;margin: 5px;vertical-align: top;height:120px;overflow-y: auto;overflow-x: hidden;font-size:13px;}
.new-description2{width:95%;margin:20px auto;line-height:30px;padding: 25px;background:#f8f8f8;border-radius: 5px;text-align: justify;font-size:16px;}

@media (max-width:1100px){
    .category-List-item, .category-List-item2{width:calc(50% - 2px)}
}
@media (max-width: 1040px) {
	.select-item{width:calc(100% - 140px)}
	.filter-select-box{width:100%}
}
@media (max-width:992px){
	.discount-product {top:20px!important;left:-20px;z-index:1}
	aside{margin-top:0}
    .ImgList{height: 180px !important;}
    .new-title{width:95%;}
    .new-description{width:95%;}
}

@media (max-width: 768px) {
	.filter-aside{opacity:0;transition:all 100ms}
	.activeAside .filter-aside{opacity:1;transition:all 1000ms}
	.activeAside{width:0}
	aside{display:none}
	.select-item,.filter-select-box{width:100%}
	.category-leftpnl{padding-right:0!important}
    .category-leftpnl{width:100%}
	.select-item{margin-top:15px}
	.WArrow{display:block}
	.offcanvas .WRHeadBox{color:#ccc}
	.offcanvas .WRpnlItemes,.offcanvas .WInstaTitle,.offcanvas .WAboutBoxSummary{color:#ddd}
	.offcanvas .WRHeadBox.after:after{right:0}
	.select-row-title{text-align:right}
    .ImgList{height: 120px !important;}
    .WCross{display: none;}
}
@media (max-width: 767px) {
    .WCross{display: flex;}
}

@media (max-width: 576px) {
    .wide .category-List-item, .wide .category-List-item2{width:100%!important}
	.category-List-item .product-image{width:104px;float:right}
	.wide .category-List-item .price-bottomBox{margin-top:0;padding:26px 10px 0}
	.price-bottomBox .product-name{font-size:11pt}
	.price-number-item{border-top:1px solid #ddd;padding-top:10px}
    .ImgList{height: auto !important;}
    .category-List-item, .category-List-item2{width:100%}

}