.form-filter-product-cars {
  background: var(--main);
  .tabcontent:not(.active) {
    display:none;
  }  
  .tabcontent {
        padding: 23px 0 30px;
  }
  .tabs-nav {
        background: rgba(0,0,0,0.09);
        span[data-tabs] {
            color:var(--light);
            background: var(--heading);
            display: inline-block;
            padding: 15px 32px; 
            cursor: pointer;
            margin-right: 2px;
            &.active {
                background: var(--main);
                color:var(--light);
            }
        }
        
        .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; 
           
        }
  }
  .tabcontent .sort-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
      position: relative;  
    .select2-selection__arrow b:before {
        display:none;
    }  
  }

  .cdhl-vehicle-filters {
    margin: 0 -5px;
    > div {
        padding:0 5px;
    }
  }  
  .select2-selection--single {
              background: #ffffff !important;  
            } 
        .clear-value {
            position: absolute;
            right: 10px;
            top: 49px;
            background: var(--light);
            font-size: 20px;  
        }
        label {
          font-weight: 500;
          color: var(--light); 
          text-transform: capitalize; 
          display: block;
        }

        button {
            width: 100%;
            background: var(--heading);
            height: 51px;
            line-height: 51px;
            text-align: center;
            color: var(--light);
            border: none;
            display: inline-block;
            max-width: 195px;
        }
        
        .search-field {
            width: calc(~"100% - 195px");
            display: inline-block; 
        }
        .select2.select2-container {
          width: 100% !important;  
        }

}

.shop-page {
    padding-top: 47px;
    .products {
        &.loading {
          .product-item-inner {
            opacity: 0.5;
            pointer-events: none; 
          }    
        }
    }    
    .shop-container {
        margin-top:60px;
        margin-bottom: 66px;
    }    
    .no_container {
        padding:0 50px;
    }
    .shop-banner {
        margin-top: 35px;
    }
    .siderbar-inner {
        box-shadow: 0.209px 2.993px 54.28px 4.72px rgba(25, 4, 2, 0.05);
        padding: 30px;
        > .widget {
              margin-bottom: 43px;  
        }
        .select2-container--default .select2-selection--single {
          background-color: #f2f2f2;  
          .select2-selection__rendered {
            color: var(--heading);
          }
          .select2-selection__arrow b {
             margin-left: -27px;
             &:before {
                color: var(--heading);
                font-size: 23px;
                font-weight: 500; 
             }
          }
        }
    }
    .content-before-footer {
        margin-top: 90px;
    }
    .shop-sidebar-top {
      .widget {
        margin-bottom: 34px;
      }  
    }

    .widget-title {
        color:var(--heading);
        font-size:15px;
        font-weight:500;
        margin: 0;
        margin-bottom: 25px;
    }
    .product-categories {
        list-style-type: none;
        a {
            position:relative;
            color: var(--heading);
            &:before {
              content:"";  
                width: 30px;
                height: 30px;
                background: #f2f2f2;
                display: inline-block;
                vertical-align: middle;
                margin-right: 26px;
            }
        }
        .current-cat {
            a {
                &:before {
                    outline: 2px solid #131313;
                    outline-offset: -2px;  
                }
                &:after {
                    content: '\e82f';
                    font-family: "jws_icon";
                    position: absolute;
                    top: -1px;
                    left: 5px;
                    color: #131313;
                    font-size: 21px;   
                }
            }
        }
    }
    .woocommerce-widget-layered-nav {
      .woocommerce-widget-layered-nav-list {
        
                list-style-type: none;
                padding: 0;
                margin: 0;
                .chosen {
                    .check {
                        outline: 2px solid #131313;
                        outline-offset: -2px;
                        position: relative;
                        &:before {
                            content: '\e82f';
                            font-family: "jws_icon";
                            position: absolute;
                            top: 2px;
                            left: 5px;
                            color: #131313;
                            font-size: 21px;
                        }
                    }
                }
                li {
                  margin-bottom: 20px;
                  &:last-child {
                    margin-bottom:0;
                  }
                  a {
                    color:var(--heading);
                    .check {
                          width: 30px;
                            height: 30px;
                            background: #f2f2f2;
                            display: inline-block;
                            vertical-align: middle;
                            margin-right: 26px;
                    }
                    .text {
                         display: inline-block;
                          vertical-align: middle;
                    }
                  }  
                }
          
      }  
    }
    .product_reset {
        a {
            color: var(--heading);
            text-align: center;
            border: 2px solid var(--heading);
            display: block;
            padding: 10px 15px;
            &:hover {
                color:var(--light);
                background: var(--main);
                border-color:var(--main);
            }
        }
    }
    .widget-filter-checkbox {
       > .dropdown {
            .select2-selection  {
            height: 50px !important;
            background: #f2f2f2 !important;
            width: 100%;
            padding: 0 20px;
            border-radius: 0;
            font-size: 15px;
            color: var(--heading);
            outline: none;
            border:none;
        }

        .select2-selection__rendered {
           line-height: 50px !important; 
           padding: 0 !important;
        }

       } 
       > .checkbox {
            ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
                .active {
                    .check {
                        outline: 2px solid #131313;
                        outline-offset: -2px;
                        position: relative;
                        &:before {
                            content: '\e82f';
                            font-family: "jws_icon";
                            position: absolute;
                            top: 2px;
                            left: 5px;
                            color: #131313;
                            font-size: 21px;
                        }
                    }
                }
                li {
                  margin-bottom: 20px;
                  &:last-child {
                    margin-bottom:0;
                  }
                  a {
                    color:var(--heading);
                    .check {
                          width: 30px;
                            height: 30px;
                            background: #f2f2f2;
                            display: inline-block;
                            vertical-align: middle;
                            margin-right: 26px;
                    }
                    .text {
                         display: inline-block;
                          vertical-align: middle;
                    }
                  }  
                }
            }
       }  
    }
    .view-layout {
        display: inline-block;
        vertical-align: middle;
        margin-left: 14px;
        a {
            color:var(--heading);
            vertical-align: middle;
            display: inline-block;
            opacity: 0.5;
            line-height: 1px;
                margin-left: 13px;
            &.active {
                opacity:1;
            }
            &.grid_layout {
                svg {
                    width:24px;
                   height: auto;
                }  
            }
            &.list_layout {
                svg {
                      width: 29px;
    height: auto;
                }  
            }
            
        }
    }
    .textright {
    text-align: right;
}
.shop-nav-top {
   margin-bottom: 25px; 
   &:after {
    display: table;
    clear: both;
    content: "";
   }
   select {
    padding: 0 20px;
    min-height: 32px;
    height: 32px;
    border-radius: 0;
    border: 1px solid #898989;
    outline: none;
    width: auto;
    background: var(--light);
   }
}
.toggle-shop-sidebar {
    display: none;
    color: var(--heading);
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
.shop-top-filters-left {
     float: left;
    position: relative;   
}
.shop-top-filters-right {
      float: right;
    width: auto;  
    > div {
        display: table-cell;
        vertical-align: top;  
    }
}
.woocommerce-result-count {
   color: var(--heading); 
   margin: 0;
}
.change-view-button {
  .view-icon {
       padding-top: 3px; 
  }  
  .view-icon a {
    margin-left: 10px;
   display: inline-block;
    vertical-align: top;
  }
  .jws-icon-layout-grid4-01 {
   font-size: 44px;
       display: block;
           width: 36px; 
  }   
}
.select-per-page {
    form {
        display:inline-block;
    }
    > span {
        margin-right: 7px;
    }
}

.woocommerce-ordering , .select-per-page{
       .select2-container  {
        display: inline-block;
    width: auto !important;    
     }
   .select2-container .select2-selection--single {
    padding: 0 20px;
    height: 32px;
    border-radius: 0;
    border: 1px solid #898989;
    outline: none;
    .select2-selection__arrow b:before {
          color: var(--heading);
    font-size: 18px;  
    }
      .select2-selection__rendered {
        line-height: 32px;
        color: var(--heading);
      }  
      .select2-selection__arrow b {
            margin-top: -11px;
      }
    }   
}
.woocommerce-ordering {
     > span {
        margin-right: 7px;
    }

}
.sidebar-mobile {
    display:none;
}

}
.jws_pr_labels {
    position: absolute;
    right: 13px;
    top: 16px;
    font-size: 13px;
    font-weight: 500;
    z-index: 4;
    transition: 0.1s all;
    span {
      padding: 6px 10px;
    }
    .onsale {
       background:#d52b27;
       color: #ffffff; 
    }
    .featured {
        background: #1cc972;
        color: #ffffff;  
    }
}

table.group_table {
     margin-bottom: 30px;   
}

.product-image {
    position:relative;
    margin-bottom: 18px;
    overflow: hidden;
    .overlay {
        background:rgba(255,255,255,0.3);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: 0.3s all;
        opacity: 0;
        z-index: 1;
    }
    .gallery {
         position: absolute;
        left: 0;
        top: 0;
        opacity: 0; 
        transition: opacity 0.5s ease,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18); 
        width: 100%; 
    }
} 

.product-item {
     .product-item-inner:hover {
    .product-image {
       .overlay {
         opacity:1;
       } 
       .gallery {
        opacity: 1;
            transform: scale(1.09);
       }
       .jws_pr_labels {
        opacity: 0;
        visibility: hidden;
       }
       .buttton-inner {
        opacity: 1;
        transform: translateX(0px);
       }
    }
   } 
}

/* Layout product */
.product-item.product {
    .grid {
        margin-bottom: 33px;
        img {
           width: 100%;  
        }
    }
    .product-item-inner {
        transition: 0.3s all;
    }
  
  
   .buttton-inner {
        position: absolute;
        top: 14px;
        right: 12px;
        transition: 0.3s all;
        opacity: 0;
        transform: translateY(-10px);
        will-change: transform;
        z-index: 2;
        li {
            margin-bottom:8px;
        }
        .quickview-button {
            padding-right: 3px;
            padding-top: 1px;  
        }
        li > a {
            display:block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: var(--heading);
            border-radius: 100%;
            background:var(--light);
            cursor: pointer;
            font-size: 16px;
            position: relative;
            box-shadow: 0.209px 2.993px 54.28px 4.72px rgba(25, 4, 2, 0.05);
            &.loading {
                i {
                    display:none;
                }
                &:after {
                        font-family: "jws_icon";
                        content: '\e834';
                        top: 1px;
                        animation: MoveCircle360 2s infinite linear;
                        display: inline-block;
                        position: absolute;
                        font-size: 20px;
                        left: 10px;
                        font-weight: bold;
                }
            }
            span.added {
                display:none;
            }
            &.added {
                .notadd {
                  display:none;  
                }
                .added {
                    display:block;
                }
            }
            span {
                position: absolute;
                right: ~"calc(100% + 10px)";
                min-width: 130px;
                background: #000000;
                font-size: 13px;
                color: var(--light);
                line-height: 24px;
                border-radius: 5px;
                padding: 1px 5px;
                top: 6px;
                opacity: 0;
                transition: 0.3s all;
                transform: translatex(-5px);
                -webkit-transform: translatex(-5px);
                pointer-events: none; 
                &:after {
                    width: 0;
                    height: 0;
                    border-top: 4px solid transparent;
                    border-left: 5px solid #000000;
                    border-bottom: 4px solid transparent;
                    right: -5px;
                    content: "";
                    position: absolute;
                    top: 8px;
                }
            }
            &:hover {
              background:var(--heading); 
              color: var(--light);
              span {
                transform: translatex(0px);
                -webkit-transform: translatex(0px);
                opacity: 1;
              }
            }
        }
   }
   .car-brand {
      margin-bottom: -3px;
      a {
          color: var(--body);
          &:hover {
            color: var(--main);
          } 
      }
      
   }
    .woocommerce-loop-product__title {
        font-weight: 500;
        margin-bottom: 11px;
        a {
          color: var(--heading);
          &:hover {
            color: var(--main);
          } 
        }
      } 
      .price {
            color: var(--main);
            font-weight: bold;
            font-size: 18px;
      }
      .product-buy {
        margin-top: 13px;
      }
      .star-rating-wap {
       text-align: center;
        margin-top: 10px; 
      }
      .star-rating {
        width: 83px;
        letter-spacing: 2px;

        margin: 0 auto;

        &:before {
           font-size: 15px;
        }
        span:before {
          font-size: 15px;  
        }
      }
      .product-description {
        font-size: 14px;
        line-height: 24px;
            margin-bottom: 34px;
         p {
            margin:0;
         }
      }
      .stock {
        font-size:13px;
        font-weight: 500;
      margin: 0;
      }
      .in-stock {
            color: #019a49;
      }
      .out-of-stock {
            color: #e43636;
      }
}

.added_to_cart {
    display: none !important;
}
.product-buy a  {
        background: var(--heading);
        color: #ffffff;
        display: block;
        text-align: center;
        padding: 11px 15px;  
        position: relative;
        &.loading {
            span {
                opacity:0;
            }
            &:after {
                font-family: "jws_icon";
                content: '\e834';
                top: 11px;
                animation: MoveCircle360 2s infinite linear;
                display: inline-block;
                position: absolute;
                font-size: 27px;
                left: 50%;
                font-weight: bold;
                margin-left: -11px;
            }
        }
        span {
            transition: .3s all;  
        }
        &:hover {
          background: var(--main); 
        }  
}





.product-item {
    .list2 {
      margin-bottom: 33px;
      .woocommerce-loop-product__title {
        margin-bottom: 1px;
            min-height: auto;
      }
      .price {
        display: block;
      }  
      .star-rating-wap {
            text-align: left;
                margin-top: 0px;
    margin-bottom: 5px;
      }
      .product-image {
        margin-bottom: 0;
      }
   
    }
}


.product-item  {
   .deal {   
    border: 2px solid var(--heading);
    padding: 65px 50px 0px;
    .product-image {
        max-width: 220px;
        margin: 0 auto;
        display: block;
        overflow:unset;
        margin-bottom: 17px;
       .price {
        position: absolute;
        background-image:url(../../assets/image/bg-price-deal.png); 
        left: -31px;
        bottom: -9px;
        width: 94px;
        height: 94px;
        background-repeat: no-repeat; 
        color: #f69b25;
        font-size: 15px;
        padding-top: 18px;
        z-index: 1;
        text-align: center;
        &:before {
            content: attr(data-html);
            font-weight: 400;
            color: var(--light);
            margin-bottom: -8px;
            display: block;
        }  
       }
    }
     .car-brand {
        text-align: center;
     }
     .woocommerce-loop-product__title {
        text-align: center;
        margin-bottom: 25px;
     }
   } 
}


.progress-bar-sold {
    position: relative;
    margin-top: 0;
    margin-bottom: -4px;
  > span {
    font-size:13px;
  }
  > span {
    strong {
        font-weight:500;
    }
    span {
        margin-right: 5px;
    }
  }  
  .line {
    width: 100%;
    position: relative;
    height: 8px;
    background: #eeeeee;
    overflow: hidden;
    border-radius:40px;
    margin: 1px 0 0;
    top: 0;
    span {
        position:absolute;
        height: 100%;
        background: #019a49;
        left: 0;
        border-radius:40px;
    }
  } 
  .available_items {
    float: right;
  } 
}

.idealautoduct-sale-time {
       text-align: center;
       min-height: 78px;
       margin-bottom: 5px;;
       .jws-box-countdown {
            display: inline-block;
            vertical-align: middle;
            max-width: 25%;
            min-width: 20%;
            background: #f69b25;
            border-radius: 3px;
            span {
                span {
                    display: inline-block;
                    width: 100%;
                    margin: 0 auto;
                    padding: 9px 5px 0;
                    max-width: 54px;
                    color: var(--heading);
                    font-weight: bold;
                    font-size: 24px;
                }
                p {
                    font-size: 13px;
                    color: var(--heading);
                    font-weight: 500;
                        margin-bottom: 7px;
                    margin-top: -3px;  
                }
            }  
       }
       > span {
                vertical-align: middle;
                padding: 0px 5px 0 5px;
                display: inline-block;
                font-size: 18px;
                font-weight: bold;
       }
}

.product-item {
    .list {
            margin-bottom: 33px;
      .woocommerce-loop-product__title {
        font-size:18px;
          margin-bottom: -3px;
    min-height: auto;
      }
      .stock {
            border-bottom: 1px solid #e9e9e9;
            padding-bottom: 19px;
      }
      .price {
        display: block;
        text-align: center;
            margin-top: -36px;
      }  
      .star-rating {
            margin: 0;
      }
      .product-image {
        margin-bottom: 0;
      }
      .product-buy {
       margin-top: 9px; 
      }
      .star-rating-wap {
        text-align: left;
            margin-bottom: 15px;
      }
    }
}

/* Layout rent */
.single-product-rent {
  .shop-page {
       padding-top: 7px; 
  }  
}
.product-item.rent  {
    margin-bottom:35px;
   .product-item-inner {
         box-shadow: 0.209px 2.993px 138px 12px rgba(5, 19, 101, 0.05);
         .product-image {
            position:relative;
         }
   }  
   .woocommerce-loop-product__title {
        font-size:20px;
        font-weight: bold;
        line-height: 30px;
            margin-top: 0;
            min-height: auto;
        a {
           color:var(--heading); 
           &:hover {
            color: var(--main);
          }
        }
    } 
    .rent-trips {
      font-weight: bold;
      color:var(--heading);
      .number-order {
        font-weight: 400;
      } 
      .jws-icon-star-full {
        color: var(--main);
        margin: 0 5px;
      } 
    }
    .price {
       .woocommerce-Price-amount {
            color:var(--heading);
            font-size:30px;
            font-weight: 800;
       }
       .day {
        font-weight: 400;
        font-size: 15px;
        color: var(--body);
       } 
    }

    .product-attr {
        font-size:14px;
       img.seat {
        width:20px;
       } 
       img.transmission {
            width: 17px;
                margin-top: 2px;
       }
       img.door {
          width: 18px;
       }
       img.fuel {
             width: 14px;
                 margin-top:1px;
       }
       img {
        vertical-align: top;
        display: inline;
            margin-right: 5px;
       }
    } 
}

.product-item.rent {
    .product-image {
       .jws-wishlist-btn {
            position: absolute;
            right: 10px;
            top: 2px;
            z-index: 3;
          i {
            color:var(--light);
            font-size: 20px;
          }  
            &.loading {
                i {
                    display:none;
                }
                &:after {
                        font-family: "jws_icon";
                        content: '\e834';
                        top: 1px;
                        animation: MoveCircle360 2s infinite linear;
                        display: inline-block;
                        font-size: 20px;
                        left: 10px;
                        font-weight: bold;
                        color: var(--light);
                }
            }
            span.added {
                display:none;
            }
            &.added {
                .notadd {
                  display:none;  
                }
                .added {
                    display:block;
                }
            }
            span {
                position: absolute;
                right: ~"calc(100% + 10px)";
                min-width: 130px;
                background: #000000;
                font-size: 13px;
                color: var(--light);
                line-height: 24px;
                border-radius: 5px;
                padding: 1px 5px;
                top: 2px;
                opacity: 0;
                transition: 0.3s all;
                transform: translatex(-5px);
                -webkit-transform: translatex(-5px);
                text-align: center;
                pointer-events: none; 
                &:after {
                    width: 0;
                    height: 0;
                    border-top: 4px solid transparent;
                    border-left: 5px solid #000000;
                    border-bottom: 4px solid transparent;
                    right: -5px;
                    content: "";
                    position: absolute;
                    top: 8px;
                }
            }
            &:hover {
              span {
                transform: translatex(0px);
                -webkit-transform: translatex(0px);
                opacity: 1;
              }
            }
       } 
    }
    .product-item-inner.list {        
      .product-image {
           width: 425px;
           display: inline-block;
            vertical-align: middle;
      }  
      .content-detail {
        label {
             display: block;
            color: var(--heading);
            font-weight: 500;   
        }
         p {
        margin:0;
    }
      }
      .detail-features {
        span {
           color: var(--heading); 
           &:after {
                content: "";
                width: 3px;
                height: 3px;
                border-radius: 100%;
                display: inline-block;
                vertical-align: middle;
                margin: 0 8px;
                background: var(--heading);
           }
           &:last-child:after {
            display: none;
           }
        }
      }
      .detail-price {
            ul {
                li {
                   .left {
                    color: var(--heading);
                    font-weight:500; 
                   } 
                   .right {
                    float: right;
                   }
                   &:last-child {
                        border-top: 1px solid #878787;
                            padding-top: 8px;
                   }
                   padding-bottom:8px;
                }
            }
      }
      .product-content {
           width: ~"calc(100% - 430px)";
        padding: 30px 30px 30px 40px;
        display: inline-block;
    vertical-align: middle;
   
      }
      .woocommerce-loop-product__title {
     display: inline;
        margin-bottom: 0;
      }
      .price {
        float: right;
        margin-top: 4px;
      }

      .product-attr {
        max-width:495px;
        margin-top: 18px;
        margin-bottom: -5px;
        .item {
            display:inline-block;
            width: 49%;
            margin-bottom: 14px;
        }
      }
      .view-detail {
        float: right;
        color: #ffffff;
        height: 50px;
        min-width: 185px;
        line-height: 50px;
        text-align: center;
        background: var(--btn-bgcolor);
        &:hover {
          background: var(--btn-bgcolor2);  
        }
        margin-top: -24px;
      }
      .content-detail {
            clear: both;
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #ebebeb;
            display: none;
      }
      .show-detail {
        float: left;
        font-size: 15px;
        font-weight: 500;
        i {
           margin-left: 1px;
            font-size: 24px;
            margin-top: -3px;
            display: inline-block;
            vertical-align: middle; 
                transition: 0.3s all;
        }
        &.active {
            i {
               transform: rotate(180deg);
               -webkit-transform: rotate(180deg);
            }
        }
      }
    }  
  .product-item-inner.grid {
    
    .product-content {
          padding: 24px 26px 42px 26px; 
    }
    .woocommerce-loop-product__title {
        margin-bottom: -1px;
    }
    .view-detail {
            font-weight: 500;
            float: right;
            margin-top: 5px;
        i {
            margin-left: 10px;
            vertical-align: middle;
            display: inline-block;
            margin-top: -3px;
        }
    }
  
    .product-attr {
       margin-bottom: 23px;
       margin-top: 22px;
        .item {
            margin-right:25px;
            &:last-child {
                margin-right:0;
            }
        }
    }
  }  
}

.hidden-outside {
   .slick-list {
        overflow: unset;
   } 
   .slick-slide {
        opacity: 0;
        transition: 0.3s all;
   }
   .slick-active {
    opacity: 1;
   }
}

.ui-slider {
	position: relative;
	text-align: left;
	.ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 16px;
		height: 16px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		cursor: pointer;
		background:var(--main);
		outline: none;
		top: -6px;
		&:last-child {
		    margin-left: -16px;
		}
	}
	.ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background:var(--main);
	}
}
.price_slider_wrapper {
	.ui-widget-content {
		background: #d6d6d6;
	}
}
.ui-slider-horizontal {
	height: 4px;
	.ui-slider-range {
		top: 0;
		height: 100%;
	}
	.ui-slider-range-min {
		left: -1px;
	}
	.ui-slider-range-max {
		right: -1px;
	}
}
.tax-box {
    background: #ffffff;
    max-width: 900px;
    margin: 0 auto;
        position: relative;
        .mfp-close {
                top: 9px;
                right: 15px;
        }
    .tax-top {
       padding:15px;
       background:var(--main); 
    }
    h3 {
        margin:0;
            color: #ffffff;
    }
    ul {
        padding: 30px;
        li {
                padding: 10px 0;
                border-bottom: 1px solid #ebebeb;
                &:last-child{
                    border:0;
                }
        }
        .left {
             color:var(--heading);
             font-weight: 500; 
        }
        .right {
              float: right;  
        }
    }
}
.widget-jws-filter-rating {
    li {
      margin-bottom:20px;
      &:last-child {
        margin-bottom:0px;
      }  
    }
     span.sort-product-checkbox {
      color: var(--heading);
       cursor: pointer; 
       position: relative; 
       padding-left: 56px;
      display: block;    
    }
    .star-check {
      display: inline-block;
    vertical-align: middle;
    padding-top: 5px;  
    span:last-child {
       display:inline-block; 
    }
    }
    .text {
        margin-top: -7px;
        margin-right: 10px;
        width: 95px; 
    }
    .active .check {
        outline: 2px solid #131313;
        outline-offset: -2px;
        &:before {
            content: '\e82f';
            font-family: "jws_icon";
            position: absolute;
            top: 4px;
            left: 5px;
            color: #131313;
            font-size: 21px;  
        }
    }
    .check {
        width: 30px;
        height: 30px;
        background: #f2f2f2;
        display: block;
        position: absolute;
        left: 0;
        top: 0; 
    }
}
.siderbar-inner {
    transition: 0.3s all;
    &.loading {
        opacity: 0.5;
        pointer-events: none;
    }
}
.products {
    &:after {
        font-family: "jws_icon";
        content: '\e834';
        animation: MoveCircle360 2s infinite linear;
        display: inline-block;
        position: absolute;
        opacity: 0;
        left: 50%;
        font-size: 40px;
        top: 140px;
        color: #131313;
    }
    &.loading {
       &:after {
            opacity: 1;
       } 
    }
}

@media(max-width:1024px) {
  .form-filter-product-cars .cdhl-vehicle-filters > div {
    margin-bottom: 15px;
  } 
  .shop-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        width: 300px;
        z-index: 999;
        overflow: auto;
        height: ~"calc(100% - 52px)";
        transition: 0.3s all;
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        will-change: transform;
        background: var(--light);
        &.active {
             transform: translateX(0);
             -webkit-transform: translateX(0);   
        }
         &::-webkit-scrollbar {
                  width: 10px;
                }
                
                
                &::-webkit-scrollbar-track {
                  background: #f1f1f1; 
                  transition: 0.3s all;
                }
                 
                
                &::-webkit-scrollbar-thumb {
                  background: #bdbdbd; 
                  border-radius:3px;
                }
                
                
                &::-webkit-scrollbar-thumb:hover {
                  background: #9e9e9e; 
                }
  }
  .toggle-shop-sidebar {
    display: inline-block !important;
  } 
  .form-filter-product-cars #tab1 button {
    max-width: 100%; 
  }
   .shop-page .shop-nav-top {
        margin-bottom: 25px;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        z-index: 590;
        padding: 10px 20px;
        background: #f8f8f8;
        box-shadow: -2px 2px 45px -15px rgba(0,0,0,0.3);
        border-bottom: 0;  
    }
    .shop-page .siderbar-inner {
          box-shadow: none;  
    }
}
@media(max-width:767px) {
    .form-filter-product-cars .tabs-nav span[data-tabs] {
        font-size: 13px;
        padding: 5px 8px; 
    }
    .form-filter-product-cars .opacity0 {
        display: none;
    }
    .form-filter-product-cars .tabcontent .sort-filters {
        display: block;
    }
    .form-filter-product-cars {
        .search-field {
          width: 100%;
          margin-bottom: 10px;  
        }
         button {
           max-width: 100%;  
         }
    }
    .product-item.product .woocommerce-loop-product__title {
         min-height: auto;   
    }
    .product-item.product .grid {
            margin-bottom: 40px;
            max-width: 360px;
            margin-left:auto;
            margin-right:auto;   
    }
    .select-per-page , .change-view-button {
        display: none !important;
    }
    .widget-jws-filter-rating .check , .shop-page .widget-filter-checkbox > .checkbox ul li a .check{
          margin-right: 15px;  
    }
    .idealautoducts-wrap .products-tab.row {
        margin-right: -5px;
        margin-left: -5px;  
    }
    .idealautoducts-wrap .product-item {
        padding-left:5px !important;
        padding-right:5px !important;
    }
    .product-item .deal {
     padding: 65px 20px 0px;   
    }
}   