.lst_con .lst_left{-webkit-transition: transform .4s ease-in-out;-moz-transition: transform .4s ease-in-out;-ms-transition: transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out;background: #ffffff;}
@media (max-width:991px){
.lst_con.active:after{content: "";background: #000000;width: 100%;height: auto;position: absolute;top: 0;bottom: 0;right: 0;left: 0;opacity: 0.5;z-index: 99;}
.lst_con.active .lst_left{opacity: 1;-moz-transform: translate(0%);-o-transform: translate(0%);-ms-transform: translate(0%);-webkit-transform: translate(0%);transform: translate(0%);z-index: 999;}
.lst_con .lst_left{position: fixed;top: 0;bottom: 0;left: 0;z-index: 99;width: 280px;overflow-y: auto;-moz-transform: translate(-100%);
    -o-transform: translate(-100%); -ms-transform: translate(-100%);-webkit-transform: translate(-100%);transform: translate(-100%);}
}

.filter-top{display: flex; justify-content: space-between; flex-wrap: wrap;}
.filter-top .filter-tab li{background-color: var(--dark-grey); font-size: 18px; font-weight: 400; cursor: pointer; height: 60px; border-bottom: solid 4px #E6E6E6; min-width: 200px; display: flex; align-items: center; justify-content: center;} 
.filter-top .filter-tab li.active{background-color: #E6E6E6; border-bottom: solid 4px var(--blue);} 
@media(max-width:991px){
	.filter-top .filter-tab{width: 100%; order: 2;}
	.filter-top .filter-tab li {min-width: auto; width: 50%; font-size: 14px; height: 55px;}
}

.filter-sortby .sort-select{display: grid; align-items: center; font-weight: 400; grid-template-columns: 80px 1fr; font-size: 20px;}
.filter-sortby .form-select{border: none; background-size: 17px; font-size: 20px; background-position: right 7px center; padding: 0px 30px 0px 15px;}
.filter-sortby .form-select:focus{box-shadow: none;}
@media(max-width:991px){
	.filter-sortby{display: flex; align-items: center; margin-bottom: 10px; width: 100%;  justify-content: space-between;}
	.filter-sortby .form-select,.filter-sortby .sort-select{font-size: 16px;}
	.filter-sortby .form-select{background-size: 12px; padding-left: 0;}
}

.filter-content{display: flex; justify-content: space-between; column-gap: 2px;}
.filter-current{margin:0px;padding:0px;list-style:none;}
.filter-current li {font-weight: 300; margin: 0px; display: flex; font-size: 16px; column-gap: 25px; align-items: center; }
.filter-current li a{font-weight:300;display:inline-block;font-size:16px; color: var(--light-blue);}
.filter-current li a svg{fill: var(--light-blue); position: relative; top: -2px; margin-right: 3px;}

.filter-title{border-bottom: 1px solid var(--dark-grey); padding:20px 15px;text-transform:uppercase;color:var(--black);font-weight:700;font-size:16px;line-height:16px; background-color: var(--white);}
.filter-title .filter-close{position:absolute;right:0px;top:0px;padding:15px 10px; z-index:1;}

@media(max-width:767px){
	.filter-current li {flex-wrap: wrap; width: 100%; row-gap: 5px; }
	.filter-current li a{ display: block; width: 100%;}	
}

@media (max-width:991px){
body.open-filter{overflow: hidden;}	
.filter-content{ padding:15px 25px; flex-wrap: wrap;}
.filter-content::-webkit-scrollbar{width:6px;-webkit-appearance:none;position:relative;right:-6px;background-color:var(--light-grey);border-radius:5px;}
.filter-content::-webkit-scrollbar-thumb{background-color:var(--twilight);border-radius:5px;}
@-moz-document url-prefix(){.filter-content::-webkit-scrollbar{width:5px;-webkit-appearance:none;}}

}



.filter-options {display: inline-block; position: relative; width: 100%;}
.filter-options.active .filter-options-content{display: block;}
.filter-options .filter-options-title {font-weight: 300; position: relative; height: 50px; font-size: 16px; text-transform: capitalize; cursor: pointer; padding: 0 25px 0 0; background: var(--dark-grey);  text-align: center; display: flex; align-items: center; justify-content: center; }
.filter-options .filter-options-title:before{content:'';position:absolute;  top: 40%; width:8px;height:8px;border-bottom: 2px solid var(--grey-olive); border-left: 2px solid var(--grey-olive);}
.filter-options.active .filter-options-title:before {right: 15px; transform: rotate(135deg); top: 49%;}
.filter-options .filter-options-title:before {right: 15px; transform: rotate(-45deg); }
.filter-options:last-child .filter-options-content{right: 0;}

.filter-options .filter-options-title >.text_c2{float:right;font-weight:300;font-size:12px;text-transform:capitalize;display:inline-block;text-decoration:underline;line-height:20px;}
.filter-options .filter-options-title >.text_c2:hover{text-decoration:none;color:var(--twilight) !important;}
@media(max-width:991px) {
.filter-options .filter-options-title {padding: 15px 35px 15px 0; justify-content: start; background: var(--white); border-bottom: solid 2px var(--blue); }
.filter-options .filter-options-title:before{right:15px;}
.filter-options .filter-options-title:after{right:20px;}
}
.filter-options .filter-inner-title{font-weight:500;font-size:14px;color:var(--black);line-height:17px;padding-bottom:11px;}
.filter-options.active .filter-options-title:after{display:none;}


.filter-options-content {display: none; position: absolute; top: 100%; background: var(--white); padding: 30px; width: 300px; z-index: 9;}
.filter-options-content .form-check {font-size: 16px; line-height: 18px; border-top: solid 1px #D0DCE6; padding: 10px 0 10px 33px; }
.filter-options-content .form-check:last-child{border-bottom: solid 1px #D0DCE6;}
.filter-options-content .form-check:first-child{margin-top:3px;}
.filter-options-content .form-check-input{margin-top:-2px;}
.filter-options-content .form-check-input:hover{transition-property:border-color, background-color, color;transition-duration:0.2s;transition-timing-function:ease-out;}

@media(max-width:991px){
	.filter-options-content {padding: 10px 0; width: 100%; position: initial;}
	.filter-options-content .form-check:first-child{border:none;}
}


.filter-options-scrollbar{max-height:340px;-webkit-overflow-scrolling:touch;overflow:auto;padding-right:6px;}
.filter-options-scrollbar::-webkit-scrollbar{width:6px;-webkit-appearance:none;position:relative;right:-6px;background-color:var(--twilight);border-radius:5px;}
.filter-options-scrollbar::-webkit-scrollbar-thumb{background-color:var(--twilight);border-radius:5px;}
@-moz-document url-prefix(){.filter-options-scrollbar::-webkit-scrollbar{width:0px;-webkit-appearance:none;}}

.filter_mob_btn{ display:inline-block;width:136px;height: 50px;background-image:none;line-height:44px;}
.filter_mob_btn.fwidth.dblock{ display:block; width:100%;}

.filter-pile-options{margin:0px -2px;display:flex;flex-wrap:wrap;}
.filter-pile-options >.form-check{margin:0px !important;padding:5px 2px;width:33.3333333333%;}
.filter-pile-options .form-check-label{display:block;border-radius:5px;border:1px solid var(--dark-grey);text-align:center;padding:2px;cursor:pointer;}
.filter-pile-options .form-check-label .thumb{display:block;}
.filter-pile-options .form-check-label .thumb img{border-radius:5px;}
.filter-pile-options .form-check-label .name{display:block;font-weight:300;font-size:11px;line-height:13px;padding-top:7px;min-height:40px;}
.filter-pile-options .form-check-input{opacity:0;}
.filter-pile-options .form-check-input:checked ~ .form-check-label{border:1px solid var(--twilight);}
.filter-pile-options .form-check-input:checked ~ .form-check-label .name{font-weight:700;}


.product-thumhlist .thumprd-name{font-size: 30px; color: #707070; padding-bottom:50px;}
.product-thumhlist .fav-toppoa svg {stroke: var(--white); stroke-width: 2px; fill: none;}
.product-thumhlist .slider-content{margin-bottom: 10px; text-align: center;}
.product-thumhlist .prdlist-thumbh{padding: 5px; cursor: pointer; text-align: center;}
.product-thumhlist .slider-thumb .slick-arrow{background: #CBCBCB; border-radius: 50%; width: 27px; height: 27px;}
.product-thumhlist .slider-thumb .slick-arrow svg{width: 14px; height: 14px; margin: 0;}
.product-thumhlist .slider-thumb .slick-arrow.slick-prev{left: -5px;}
.product-thumhlist .slider-thumb .slick-arrow.slick-next{right: -5px;}

@media(max-width:1599px){
	.product-thumhlist .thumprd-name{font-size: 24px;}
	.product-thumhlist .slider-content img{width: 100%;}
}
@media(max-width:1199px){
	.product-thumhlist .thumprd-name{font-size: 22px; padding-bottom: 35px;}
}


.listing-page .project-list{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 10px;}
.listing-page .project-list h3{font-size: 22px; font-weight: 300; padding-top: 15px;}

@media(max-width:1367px){
	.listing-page .project-list{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
}
@media(max-width:1199px){
	.listing-page .project-list{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.listing-page .project-list h3{font-size: 18px;}
	.listing-page .project-list .linksbb{font-size: 16px;}
}
@media(max-width:991px){
	.listing-page .project-list{grid-template-columns: 1fr 1fr 1fr;}
}
@media(max-width:767px){
	.listing-page .project-list{grid-template-columns: 1fr 1fr;}
}
@media(max-width:360px){
	.listing-page .project-list{grid-template-columns: 1fr;}
	.listing-page .project-list img{width: 100%;}
}