@media screen and (max-width: 414px) {
.product-name.text-uppercase{
    width: 160px !important;
    height: 70px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-details.text-center{
    height:140px;
}
}
@media screen and (max-width: 375px) {
.product-name.text-uppercase{
    width: 144px !important;
    height: 75px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}
@media screen and (max-width: 360px) {
.product-name.text-uppercase{
    width: 138px !important;
    height: 75px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}
.product-load-more .grid-products .col-6.col-sm-6.col-md-4.col-lg-3.item{
    margin: 0 0 25px !important;
    text-align: center;
}
@media screen and (max-width: 860px) {
.product-load-more .grid-products .col-6.col-sm-6.col-md-4.col-lg-3.item{
    margin: 0 0 10px !important;
    text-align: center;
}
}
     .filters-toolbar-wrapper  form.sub-sub-cat{
         position:relative;
     }
    
    .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 55.5rem !important;
                display: flex;
    }

select { 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none;
    background-position:right center; 
    background-image:url('<?= asset('uploads/arrow-select.png') ?>') !important;
    background-repeat:no-repeat !important; 
    background-position:right 10px center !important; 
    line-height:1.2;
    text-indent:0.01px; 
    text-overflow: ''; 
    cursor:pointer; 
    padding:8px 0px 8px 7px;
}


      @media only screen and (max-width: 1124px){ 
       .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 50.5rem !important;
                display: flex;
    }
 }
   @media only screen and (max-width: 1024px){ 
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 44.5rem !important;
                display: flex;
    }
 }
    @media only screen and (max-width: 992px){ 
      .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 42.5rem !important;
                display: flex;
    }
 }
 
     @media only screen and (max-width: 860px){ 
      .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 34.5rem !important;
                display: flex;
    }
 }
      @media only screen and (max-width: 820px){ 
       .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 31.5rem !important;
                display: flex;
    }
 }
  @media only screen and (max-width: 768px){ 
       .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 28.5rem !important;
                display: flex;
    }
 }

   @media only screen and (max-width: 668px){ 
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 22.5rem !important;
                display: flex;
    }
 }
     @media only screen and (max-width: 620px){ 
       .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 19.5rem !important;
                display: flex;
    }
 }
@media only screen and (max-width: 540px){
    .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
                left: 14.5rem !important;
                display: flex;
    }
}
    
@media only screen and (max-width: 460px){
   .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
            left: 12.8rem !important;
                display: flex;
    }
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item select {
    width: 100px !important;
    }
}
@media only screen and (max-width: 440px){
   .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
            left: 10.3rem !important;
                display: flex;
    }
    .collection-top-filters .sidebar_tags {
    background: #2b2b2b;
    align-content: start;
    justify-content: start;
}
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item select {
    width: 100px !important;
    }
}
@media only screen and (max-width: 392px){
   .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
            left: 9rem !important;
                display: flex;
    }
    .collection-top-filters .sidebar_tags {
    background: #2b2b2b;
    align-content: start;
    justify-content: start;
}
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item select {
    width: 100px !important;
    }
}
@media only screen and (max-width: 392px){
   .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
            left: 8rem !important;
                display: flex;
    }
    .collection-top-filters .sidebar_tags {
    background: #2b2b2b;
    align-content: start;
    justify-content: start;
}
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item select {
    width: 100px !important;
    }
}
@media only screen and (max-width: 360px){
   .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item.filter-4{
           position: absolute;
            left: 7rem !important;
                display: flex;
    }
    .collection-top-filters .sidebar_tags {
    background: #2b2b2b;
    align-content: start;
    justify-content: start;
}
     .filters-toolbar-wrapper  form.sub-sub-cat .filters-toolbar__item select {
    width: 100px !important;
    }
}


#sub-sub-form #SortBy{
    position:relative;
    left:44rem !important;
}
#sub-sub-form #sortby label{
    position:absolute;
    right:19.5rem !important;
}

     @media only screen and (min-width: 1620px){ 
         #sub-sub-form #SortBy{ position:relative;left:44.3rem !important;}
        #sub-sub-form #sortby label{position:absolute;  right:31.5rem !important;}
 }
       
 @media only screen and (max-width: 1292px){ 
         #sub-sub-form #SortBy{ position:relative;left:44.3rem !important;}
        #sub-sub-form #sortby label{position:absolute;right:12rem !important;}
 }
  @media only screen and (max-width: 1124px){ 
           #sub-sub-form #SortBy{ position:relative;left:39.7rem !important;}
        #sub-sub-form #sortby label{position:absolute;right:8.8rem !important;}
 }
   @media only screen and (max-width: 1024px){ 
          #sub-sub-form #SortBy{ position:relative;left:33.4rem !important;}
        #sub-sub-form #sortby label{position:absolute;right:8.8rem !important;}
 }
    @media only screen and (max-width: 992px){ 
        #sub-sub-form #SortBy{position:relative;left:31.5rem !important;}
       
        #sub-sub-form #sortby label {position: absolute;right: 8.8rem !important;}
 }
 
     @media only screen and (max-width: 860px){ 
         
           #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:43.6rem !important;}
            #sub-sub-form2 ul li.filters-sort.twosort{position:relative;left:-8.5rem !important;}
     
 }
     @media only screen and (max-width: 820px){ 
          #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:41rem !important;}
     
 }
    @media only screen and (max-width: 768px){ 
             #sub-sub-form2 ul li.filters-sort.Onesort { position: relative;left: 37.5rem !important;}
     
     
 }
    @media only screen and (max-width: 668px){ 
            #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:31.5rem !important;}
     
     
 }
 
    @media only screen and (max-width: 620px){ 
     #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:28.5rem !important;}
     
     
 }
    @media only screen and (max-width: 560px){ 
       #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:24rem !important;}
     
     
 }
    @media only screen and (max-width: 540px){ 
         
       #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:16.4rem !important;}
     
 }
 
    @media only screen and (max-width: 460px){ 
             #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:16rem !important;}
     #site-scroll i {
    margin-top: 0;
}
     
 }
 
    @media only screen and (max-width: 440px){ 
        
       #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:16.4rem !important;}
       .filters-toolbar-wrapper select {
    font-size: 11px;
}
     
 }
    @media only screen and (max-width: 414px){ 
             #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:15rem !important;}
     .filters-toolbar-wrapper .filters-toolbar__item select {
    width: 115px !important;
}
 }
 
    @media only screen and (max-width: 392px){ 
          .filters-toolbar-wrapper .filters-toolbar__item select {
    width: 105px !important;
}
          #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:14.5rem !important;}
           #sub-sub-form2 ul li.filters-sort.twosort{position:relative;left:-7rem !important;}
     
 }
 
    @media only screen and (max-width: 375px){ 
               #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:13.5rem !important;}
     .filters-toolbar-wrapper .filters-toolbar__item select{
         width:100px !important;
     }
 }
 
    @media only screen and (max-width: 360px){ 
     #sub-sub-form2 ul li.filters-sort.Onesort{position:relative;left:12.5rem !important;}
     .filters-toolbar-wrapper .filters-toolbar__item select {
    width: 95px !important;
}
 }