@media (max-width: 1440px){
/* .elementor-1561 .elementor-element.elementor-element-dcf59e9 .swiper-slide {
    height: 510px !important;
} */
	
}


@media (max-width: 1024px){

.elementor-products-grid ul.products.elementor-grid {
    display: block !important;
}
	
#wpfBlock_2 .wpfFilterVerScroll {
    max-height: 300px !important;
}

input#search-1c63b0d, input#search-29bec9b {
    max-width: 200px ;
	padding: 10px;
}

.elementor-products-grid ul.products.elementor-grid li.product {
    text-align: center;
    align-items: center;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
}

}

@media only screen and (max-width: 767px) {
	
  .elementor-widget-video .elementor-custom-embed-image-overlay img {
    height: 200px !important;
  }

  .elementor-1561 .elementor-element.elementor-element-de6bdd1 {
    top: 60px !important;
    left: 68px !important
}

  .elementor-custom-embed-play {
    left: 50%;
    position: absolute;
    top: 60% !important;
}

.elementor-1810 .elementor-element.elementor-element-14d5206.elementor-wc-products ul.products li.product .button{
	font-size: 14px !important;
}	
	
/* .elementor-products-grid ul.products.elementor-grid {
    display: block !important;
} */
	
.elementor-2247 .elementor-element.elementor-element-69b0943.elementor-wc-products  ul.products {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
}


.elementor-2247 .elementor-element.elementor-element-69b0943.elementor-wc-products ul.products li.product {
    flex: 0;
/* 	padding: 10px 25px 10px 25px !important; */
}

.elementor-products-grid ul.products.elementor-grid {
    display: flex !important;
    flex-wrap: wrap !important;
	justify-content: center;
}

.elementor-1810 .elementor-element.elementor-element-14d5206.elementor-wc-products ul.products li.product{
/* 	flex: 0 ; */
	}
	
.elementor-2247 .elementor-element.elementor-element-58458bf .e-search-input {
    font-size: 16px !important;
}

body:not([class*=elementor-page-]) .site-main {
    width: 250px !important;
	
}
	
.wc-block-components-sidebar-layout .wc-block-components-sidebar{
   padding: 20px !important;
   width: 86% !important;
}
	
.elementor-1614 .elementor-element.elementor-element-ae753c3 .e-search-input {
    font-size: 16px !important;
}
	
.srch-wdg .e-search-form{
max-width: 200px !important;
}

}

@media (max-width: 440px) {
    input#search-1c63b0d , input#search-29bec9b, input#search-58458bf {
        max-width: 322px !important;
    }
}

@media (max-width: 375px) {
    input#search-1c63b0d , input#search-29bec9b , input#search-58458bf {
        max-width: 280px !important;
    }
}

@media (max-width: 320px) {
    input#search-1c63b0d, input#search-29bec9b, input#search-58458bf {
        max-width: 220px !important;
    }
}

/* filter cleare button */

@media (max-width: 768px) {
  .wpfFilterButtons {
    padding: 10px 15px;
    margin-left: 20px;
    margin-top: -20px;
    margin-bottom: -10px;
    justify-content: center; /* Center the button on smaller screens */
  }

  button.wpfClearButton.wpfButton {
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%; /* Make button full-width if desired */
    max-width: 200px; /* Limit max width */
  }
}

/* Product page responsive */
@media only screen and (max-width: 767px) {
    body:not([class*=elementor-page-]) .site-main {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        padding: 0 15px; /* Optional: add some horizontal padding */
    }
}

/* Product page css */

/* Mobile Responsive: 1 product per row */
@media (max-width: 480px) {
    .related.products .products {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        padding: 0px;
    }

    .related.products .products li.product {
        width: 100%; /* one product per row */
        box-sizing: border-box;
    }

    .related.products .products li.product img {
        width: 100%;
        height: auto;
    }

    .related.products .products li.product h2.woocommerce-loop-product__title {
        font-size: 1rem;
        margin: 10px 0;
    }

    .related.products .products li.product a.button {
        width: auto;
        padding: 10px 15px;
        font-size: 0.9rem;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 80%;
     
}