body{    font-family: 'Graphik' !important;}
 .filterCol.elementor-column.elementor-col-40{width:440px;}
 .row.elementor-column.elementor-col-60{width: calc(100% - 440px)}
.filterMobile .filterBoxTitle{display: flex; font-weight: 600;font-size: 30px;line-height: 30px;}
.proBox.product-link-hover{    margin: 0px 10px 20px;}
#kwickstage_package .filterBody, .filterBox .filterBody{    padding: 40px 27px;}
.ListProDiv .prdlistCol{border-bottom-color:transparent; padding:0px 0px 10px 0px}

.proBox .proCntDiv{display:flex; flex-direction:column;} 
.proBox .proTitle{padding: 0px;}
.proBox .proPrice{padding: 18px 0px 40px;}
.proBox .proImg{position: relative;}
.proBox .product-hover-link{bottom:20px; right:25px;}
.proBox .proTitle{font-weight: 400 !important;}

.filterUl li input[type='checkbox']:checked ~ .checkbox-label{ color: #0c5db6;}

.filterContent .check{border:1px solid #6c6c6c;}
.filterUl li input[type='checkbox']:checked ~ .check, .filterUl li input[type='radio']:checked ~ .check { border-color: #6c6c6c;}

.filterBox .pricerange-slider .ui-slider-horizontal { height: 6px !important;}
.filterBox .pricerange-slider .ui-slider .ui-slider-range {  height: 6px;}

.filterBox .range-value #amount{ font-size: 23px;   font-weight: 600;}
.filterBox .rangetxt .rangelbl{font-weight: 500;}
#kwickstage_package .filterBody, .filterBox .filterBody{margin-top: 7px;}
.proPrice span{font-weight:400;}
.proCntDiv .proPrice{font-weight: 600;}

.custom-content p{margin-bottom: 30px;}

.prdsortSel #sort_by .selectField:focus-visible{outline: none;}
.main_left_inner_box{display: flex; flex-wrap: wrap; flex-direction: column;}
.absoImg{min-width: auto !important; min-height: 100% !important;}

#kwickstage_package .filterBody, .filterBox .filterBody{padding: 30px 25px !important;}
.filterContent .checkbox-label,.filterContent .radioLabel-label{position:relative; font-size:16px; line-height:1.2; padding-left: 10px;
    padding-top: 2px;     max-width: calc(100% - 20px);}

.mobile_show{display: none;}
.filterBoxTitle i{display: none;}


 .dtBtnDiv .cstBtn{text-transform: capitalize !important;} 
 .iso-box-img .elementor-column-gap-custom{margin: 0px !important;}

.image-gallery-section .e-gallery-grid .e-gallery-image {
    padding-bottom: var(--aspect-ratio);
    background-size: contain;
    background-repeat: no-repeat;
}
/*.elementor-section.elementor-section-boxed > .elementor-container {padding: 0px 15px;}*/
/**/
@media screen and (min-width:768px ){
	.filterTitle.filterOpen{pointer-events: none;}	
	.filterContent{display: block !important;}
}


@media screen and (max-width: 1366px){
		.filterCol.elementor-column.elementor-col-40 {    width: 380px;}
		.row.elementor-column.elementor-col-60 { width: calc(100% - 380px);}
		section.elementor-alluminium-section-banner .elementor-widget-heading .elementor-heading-title{font-size: 52px}
		section.prdcateDtailSec .custom-content { padding: 0px 20px;}
		section.prdcateDtailSec .custom-content h2{margin-bottom: 15px; font-size: 28px;}
		.elementor-custom-padding { padding-bottom: 40px;}
}


@media screen and (max-width: 1199px){
	section.elementor-alluminium-section-banner .elementor-widget-heading .elementor-heading-title { font-size: 42px;}
	section .ListProDiv{margin: 50px 0px 50px;     padding: 0px 15px 60px 15px;}
	.filterBox .filterContent .checkbox-label, .filterBox .filterContent .radioLabel-label{font-size: 14px;}
	section .filterMobile .filterBoxTitle{font-size: 26px;    line-height: 26px;}
	.filterBox  .filterTitle.filterOpen, .filterBox .filterTitle {    font-size: 18px;  font-style: normal;    font-weight: 600;   line-height: 24px;}
	#kwickstage_package .filterBody, .filterBox .filterBody { padding: 20px 15px !important;}
	.proPrice span{font-size: 14px;}
	.custom-img img{height: 100%;    width: 100%;    object-fit: cover;}
	section.elementor-alluminium-section-banner .elementor-widget-heading .elementor-heading-title { font-size: 36px;}
	section.prdcateDtailSec .custom-content h2 {    margin-bottom: 25px;    font-size: 24px;}
	section.prdcateDtailSec .custom-content p{font-size: 16px;    line-height: 25px;}
	section.prdcateDtailSec .custom-content p {    margin-bottom: 20px;}
	.proBox .product-hover-link {    bottom: 20px;    right: 15px;    visibility: visible;}
}


@media screen and (max-width: 991px){
	
	section.elementor-alluminium-section-banner .elementor-widget-heading .elementor-heading-title {	    font-size: 30px;	}
	.filterCol.elementor-column.elementor-col-40 {    width: 260px;}
	.row.elementor-column.elementor-col-60 { width: calc(100% - 260px);}
	.proCntDiv .proTitle{font-size: 16px !important;}
	.proPrice del{margin-right: 5px;}
	.proBox .proPrice { padding: 15px 0px 20px;}

	section .proPrice span {color: #6C6C6C !important;    margin-left: 0px;    margin-top: 3px; width: 100%;}
	.proCntDiv .proPrice{flex-wrap: wrap;}
	.filterBox .range-value #amount {font-size: 18px;}


	.main_left_inner_box .prdlistCol .woocommerce-result-count,.main_left_inner_box .prdsortSel #sort_by .selectField,.main_left_inner_box #sort_by {font-size: 14px;}
	.main_left_inner_box .prdsortSel #sort_by .selectField{ padding-left: 5px;}

	.product-hover-link img{max-width: 25px;}
	section .filterMobile .filterBoxTitle { font-size: 22px;    line-height: 26px;}
}


@media screen and (max-width: 767px){

.filterBox{position: fixed; visibility: hidden; opacity: 0; left:-340px; transition: all 0.2s linear;   width: 340px;  top: 0;    z-index: 1;    padding: 20px 0px;    background: #fff;    height: 100vh;    overflow: auto;    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
.active.filterBox{left:0; visibility: visible; opacity: 1;}
.filterBody .filterBoxTitle, .filterBody .filterTitle ,.filterBody .filterTitle.filterOpen, .filterBox .filterTitle{     font-weight: 600;    font-size: 18px;    line-height: 24px;    color: #333333;}
.row.elementor-column.elementor-col-60, .filterCol.elementor-column.elementor-col-40 { width: 100%;}
.main_left_inner_box .elementor-column {    width: 50%;}

.filterClose{margin-left: auto;      width: 30px;    height: 30px;   margin-right: 20px;    align-items: flex-start;    position: relative;}
.filterClose:after, .filterClose:before{content: "";      top: 15px;    left: 0;    position: absolute; display: flex; width: 30px; height: 2px; background: #000;}
.filterClose:after {    transform: rotate(-45deg);}
.filterClose:before{transform: rotate(45deg);}
.mobile_show{display: flex;}
.mobile_show .filterBoxTitle{display: flex;}
.mobile_show  .filterBoxTitle {    font-size: 22px;    padding-left: 20px;}
.filterBoxTitle i{display: flex;     margin-right: 5px;}

section.prdcateDtailSec   .elementor-column {    width: 100%;    justify-content: center;}
.custom-img img {    height: 100%;    width: 100%;    object-fit: contain;}

.elementor-section.prdcateDtailSec.elementor-section-boxed > .elementor-container {  margin-bottom: 30px;  max-width: 80%;    padding: 0px 15px;}
section.prdcateDtailSec .custom-content {    padding: 0px 0px;}
section.prdcateDtailSec .custom-padding-left {    padding-left: 0px;}
section.prdcateDtailSec  .elementor-container:nth-child(2){flex-direction: column-reverse;}

.filterTitle{position: relative;}
.filterTitle:after,.filterTitle:before{content: "";    top: 10px;    right: 15px;    position: absolute; display: flex; width:15px; height: 2px; background: #000;}
.filterTitle::after {    transform: rotate(90deg);}
.filterTitle.filterOpen::after {    transform: rotate(0deg);}
}



@media screen and (max-width:666px){
	section .ListProDiv { margin: 30px 0px 30px;}
}

@media screen and (max-width: 500px){

	section .ListProDiv { margin: 30px 0px 30px;}
	.ListProDiv .prdlistCol{    display: flex;    flex-direction: column;    justify-content: flex-start;    align-items: flex-start;    gap: 10px;}
	.proBox.product-link-hover { margin: 0px 5px 20px;}
	.ListProDiv  .filterCol{padding: 10px 0;}
	.ListProDiv .prdlistCol {    margin: 0 0px 15px;    padding-bottom: 15px;    border-bottom: 1px solid #e4e4e4;}
 

}

@media screen and (max-width:479px){
	.main_left_inner_box .elementor-column {    width: 100%;}
	.elementor-section.prdcateDtailSec.elementor-section-boxed > .elementor-container { margin-bottom: 30px;    max-width: 100%;    padding: 0px 0px;}
	section.prdcateDtailSec .custom-content { padding: 0px 15px;}
	section.prdcateDtailSec .custom-content h2 {    margin-bottom: 5px;    font-size: 20px;}
	section.prdcateDtailSec .custom-content p {font-size: 14px;    line-height: 22px;}

	section .filterMobile .filterBoxTitle { font-size: 18px;   line-height: 36px; line-height: 22px;}
	 

	.mobile_show .filterBoxTitle { font-size: 18px;    padding-left: 15px;    margin-bottom: 0px;}
	.elementor-alluminium-section-banner>.elementor-container { min-height: 170px !important;}
	section.elementor-alluminium-section-banner .elementor-widget-heading .elementor-heading-title { font-size: 24px;    line-height: 1.2;}
	section.elementor-alluminium-section-banner .elementor-element.elementor-align-left.elementor-widget.elementor-widget-breadcrumbs { margin-bottom: 20px;}
	.filterBody .filterBoxTitle, .filterBody .filterTitle, .filterBody .filterTitle.filterOpen{    font-size: 16px;}
	.checkboxDiv .checkbox,.checkboxDiv  .radioDiv{margin-bottom: 10px;}
	.row.elementor-column.elementor-col-60, .filterCol.elementor-column.elementor-col-40{width: 100%;   padding: 0;}
	.ListProDiv .prdlistCol{    margin: 0;}

	.proBox.product-link-hover { margin: 0px 0px 20px;}
	
}

@media screen and (max-width:400px){
	.filterBox{    padding: 10px 0px 20px; width: calc(100% - 15px);}
}