.breadcrumb .breadcrumb-item{font-size: 12px;}
.pro-box{display: flex;justify-content: space-between;}
.pro-box .pro-outside{background: #fff;padding: 20px;box-shadow: 0px 10px 20px rgb(34 25 25 / 5%);border-radius: 10px;}
.pro-box .ler-nav{width: 20%;position: relative;}
.pro-box .rel-list{width:78%;}
.pro-box .rel-list .dropdown{display: none;}
.pro-box .ler-nav .card{border: none;margin-bottom: 20px;}
.pro-box .ler-nav .card-header{background: none;border: none;padding: 0;}
.pro-box .ler-nav .card-header .act-link{display: block;font-weight: bold;position: relative;}
.pro-box .ler-nav .card-header .act-link span{font-size: 12px;}
.pro-box .ler-nav .card-header .act-link .fa{position: absolute;right: 0;bottom: 3px;width: 15px;height: 15px;font-size: 14px;background: #eee;text-align: center;line-height: 15px;border-radius: 50px;}
.pro-box .ler-nav .card-header .collapsed.act-link .fa-angle-down{display: none;}
.pro-box .ler-nav .card-header .collapsed.act-link .fa-angle-up{display: block;}
.pro-box .ler-nav .card-header .act-link .fa-angle-down{display: block;}
.pro-box .ler-nav .card-header .act-link .fa-angle-up{display: none;}
.pro-box .ler-nav .card-header .collapsed.act-link{font-weight: 500;color: #999;}
.card-body{padding:0;padding-top: 10px;}
.card-body .card-list:not(:first-child){padding-top: 5px;}
.card-body .card-list a{font-size: 14px;color: #999;display: block;line-height: 40px;padding-left: 20px;transition: all 0.3s linear;}
.card-body .card-list a>span{font-size: 12px;}
.card-body .card-list:hover a{color: #000;background: #fbb82929;border-radius: 5px;}
.card-body .card-list.active a{color: #000;background: #fbb82929;border-radius: 5px;}
.pro-box .rel-list .pro-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
.pro-box .rel-list h3{margin-bottom: 0;font-weight: bold;}
.pro-box .rel-list .pro-title .sort{display: flex;align-items: center;}
.pro-box .rel-list .sort>span{padding-right: 15px;}
.pro-box .rel-list .rel-down{width: 150px;}
.pro-box .rel-list .box-list{display: grid;grid-template-columns: repeat(6, 1fr);grid-auto-rows: auto;grid-column-gap: 20px;grid-row-gap: 20px;}
.pro-box .rel-list .box-list .box-li{border: 1px solid #eee;text-align: center;padding: 10px;transition: all 0.3s linear;}
.pro-box .rel-list .box-list .box-li:hover{border: 1px solid var(--btn-theme);box-shadow: 0px 10px 20px rgb(34 25 25 / 10%);}
.pro-box .rel-list .box-list .box-item{background: #f5f5f5;padding: 20px;margin-bottom: 10px;aspect-ratio: 1 / 1;}
.pro-box .rel-list .box-list .box-item img{border-radius: 20px;width: 100%;}
.pro-box .rel-list .box-list .box-info{/* text-align: left; */}
.pro-box .rel-list .box-list .box-info .item-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro-box .rel-list .box-list .box-info .present-price{font-weight: bold;color:#f60;font-size: 14px;}
/* price range */
.price-range{ padding:10px 0px;border-top: 1px solid #eee;margin-top: 60px;}
.price-range .price{font-size: 14px;font-weight: bold;padding-top: 10px;}
.price-range .drag-form{display:flex;align-items: center;}
.price-range .drag-form .form-control{display:inline-block;font-weight:bold;}
.price-range .drag-form .btn{margin-left: 11px;}
.price-range .drag-form span{padding: 4px 8px;color:#666}
.price-range .drag-slider{height:40px;width: 96%;}
.price-range .ui-slider { position:relative; text-align:left;}
.price-range .ui-slider .ui-slider-handle {position:absolute;z-index:2;width: 10px;height: 10px;cursor: default;background: #fff;border-radius: 50px;border: 1px solid #000;}
.price-range .ui-slider .ui-slider-range {position:absolute;z-index:1;display:block;border:0;background: #fbb92a;}
.price-range .ui-slider-horizontal {height: 22px;border-bottom: 6px solid #d2d2d2;}
.price-range .ui-slider-horizontal .ui-slider-handle {top: 14px;margin-left:0;}
.price-range .ui-slider-horizontal .ui-slider-range {top: 16px;height: 6px;}
.price-range .ui-slider-horizontal .ui-slider-range-min {left:0; }
.price-range .ui-slider-horizontal .ui-slider-range-max {right:0; }
.price-range .query{margin-top: 20px;width: 100%;}
.price-range .query .button{width: 100%;padding: 8px 12px;font-size: 14px;box-shadow: none;}
.page-link:focus{box-shadow: none;}
.sort-down {
    position: sticky;
    top: 0;
    left: 0;
}
.pro-box .box-list {
    grid-row-gap: 2px;
}
.pro-box .box-list .box-li {
    border: none;
}
.pro-box .box-list .box-item {
    padding: 10px;
}
.pro-box .box-list .box-item img {
    border-radius: 14px;
}
.pro-box .box-list .box-info {
    text-align: center;
}
.pro-box .box-list .box-info .item-title {
    font-size: 14px;
}
.pro-search .rel-list{width: 100%;}
.pro-search .rel-list .box-list {grid-template-columns: repeat(10, 1fr);grid-column-gap: 10px;}
.on-pro{min-height: 300px;display: flex;align-items: center;justify-content: center;opacity: 0.6;}
.on-pro img{width:100px;}
.on-pro p{font-size: 18px;padding-left:12px}

@media screen and (max-width:1920px){
    .pro-search .rel-list .box-list{grid-template-columns: repeat(8, 1fr);}
    
}

@media screen and (max-width: 1400px){
    .pro-box .rel-list .box-list{grid-template-columns: repeat(5, 1fr);}
}
@media screen and (max-width: 1200px){
    .pro-box .rel-list .box-list .box-item{padding: 15px;}
    .pro-box .ler-nav .card-header .collapsed.act-link{font-size: 14px;}
    .pro-box .rel-list .box-list{grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 990px){
    .pro-box .rel-list .box-list{grid-template-columns: repeat(3, 1fr);}
    .container{max-width: 780px;}
    .pro-box .ler-nav .card-header .collapsed.act-link{font-size: 12px;}
    .pro-box .ler-nav{padding: 10px;}
    .card-body .card-list a{font-size: 12px;}
    .pro-box .ler-nav .card-header .act-link{font-size: 12px;}
}




@media screen and (max-width:1024px){
    .pro-search .rel-list .box-list {grid-template-columns: repeat(4, 1fr);}
}

@media screen and (max-width:768px){
    .pro-box{display: block;}
    .price-range{display: none;}
    .pro-box .rel-list{width: 100%;padding: 0px;  border-radius: 0px;box-shadow: none;}
    .card-body ul{display: flex;flex-wrap: wrap;align-items: center;}
    .collapse.show .card-body .card-list{padding: 0;}
    .card-body .card-list:hover a{background: none;color: #f60;}
    .pag-bott .total{display: none;}
    .pro-list .breadcrumb{padding: 0 10px;}
    .pro-box .ler-nav {transition:all 0.5s linear; transform: translateX(100%);width: 100%;margin-bottom: 10px;position: fixed;width: 80%;top: 0px; border-radius: 0; height: 100%; z-index: 9999;right: 0px; overflow-y: auto;}
    .pro-box .nav-active{transform: translateX(0%);}
    .pro-search .rel-list .box-list {grid-template-columns: repeat(2, 1fr);}
    .pro-box .rel-list .box-list {grid-template-columns: repeat(3, 1fr);padding-top: 15px;}
    .bot-buticon{display: block;}
    .pro-box .ler-nav .card-header .collapsed.act-link {font-size: 14px;padding: 6px 0px;text-align: center;color:#333}
    .pro-box .ler-nav .card-header .act-link { font-size: 14px; text-align: center;}
    .pro-box .ler-nav .close-icons{display: block;}
    .mt-3{display: none;}
    .pro-box .rel-list .box-list .box-li{border:0px;padding:0px}
    .pro-box .rel-list .box-list .box-item {padding: 10px; background: transparent;margin: 0px;}
    .pro-box .rel-list .box-list .box-info .present-price{display: none;}
    .pro-box .box-list .box-info .item-title {font-size: 0.8rem;text-align: center;}
    .pro-box .rel-list .pro-title{display: none;}
    .pro-box .rel-list .dropdown{display: block;}
    .pro-box .rel-list .btn-primary{border-radius: 0;width: 100%;display: block;display: flex;justify-content: space-between;background: #f5f5f5;position: relative;}
    .header-top {margin: 0px;height: 50px;}
    .hotsearch{display: none}
    .headerwarp .language{display: none;}
    header .logo,.headerwarp .currency{display: none;}
    .headerwarp .finder-for {position: initial;}
    body{background: #fff;}
}