/* price */

.side-product-filters .bapf_from,
.side-product-filters .bapf_to {
  width: fit-content !important;
}
.side-product-filters .bapf_from::after {
  content: " - ";
  margin-right: 3px;
}

.bapf_clr_span.hxpx_wxpx::before,
.bapf_clr_span.hxpx_wxpx:after {
  display: none !important;
}
.side-product-filters .ui-slider-handle {
  border-radius: 3px !important;
  background-color: #433c33 !important;
}

/* colors */

.side-product-filters h3,
.side-product-filters h3 {
  color: #be9600 !important;
  font-weight: normal;
  border: none !important;
}
.side-product-filters ul {
  /* display: grid;
  grid-template-columns: 1fr 1fr; */
}
.side-product-filters ul li label {
  margin: 0 !important;
}
.side-product-filters ul li span.pcs::before {
  content: "(";
}
.side-product-filters ul li span.pcs::after {
  content: ")";
}
.side-product-filters ul li span.pcs {
  background-color: transparent !important;
  padding: 0 !important;
  font-size: 14px !important;
  margin: 0 !important;
}
.side-product-filters ul li.checked span.pcs {
  color: #be9600 !important;
}
.side-product-filters ul li span.bapf_clr_span {
  box-shadow: 0 0 0 1px #b6b6b6 !important;
}
/* all  select filters */

.side-product-filters h3 {
  color: #be9600 !important;
  font-weight: normal;
  border: none !important;
  text-transform: uppercase;
}

.side-product-filters select {
  border: 1px solid #b6b6b6 !important;
  border-radius: 3px !important;
  padding:10px 5px !important;
  margin: 0 !important;
}


@media (max-width: 767px){
    #close-side-filter{
        display:block;
    }
    .orderby-container{
        justify-content:space-between!important;
    }
    #toogle-side-filters-btn{
       display:block;
    }
    .my-custom-wrapper{
        display:flex;
        flex-wrap:wrap;
        padding: 20px 0px;
    }
    .category-side-filter-container{
        position: fixed ;
        top:0 ;
        left:0;
        width:330px;
        background-color:white ;
        z-index:99888888 ;
        padding: 20px 20px 20px 20px;
        height:100% ;
        overflow-y:scroll;
        box-shadow: -4px 1px 9px 1px #c3c2c2;
        /*overflow: scroll;*/
transform:translateX(-200%);
transition:all .4s ;
        
    }
    .show{
        
        transform:translateX(0%)!important;
    }
  
    .category-side-filter-container:nth-of-type(2){
        display:none!important;
        z-index:997 ;
        background-color:black;
        opacity:.5;
    }
   .side-filter-background-overlay {
       position:fixed;
       top:0;
       left:0;
       width:100%;
       height:100%;
     opacity:.3;
       background-color:black;
       display:none;
     z-index:222
       
   }
   .category-side-filter-container.show button#close-side-filter {
    position: absolute;
    top: 10px;
    left: 264px;
    width: 30px;
    border:none;
    display:block;
    z-index:998888889 ;
    background-color:white;
    height: 30px;
    background-size: cover;
    
    
  }
  
    
}