@media only screen and (max-width: 767px){
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        content: '' !important;
        display:inline-block;
    }
    .elementor-widget-woocommerce-cart .woocommerce .product-name .variation {
        width: 100%;
      }
      .elementor-widget-woocommerce-cart .woocommerce table.cart tr {
        padding: 20px 0 !important;
		  display: flex;
		flex-direction: row;
		gap: 10px;
    }
	.woocommerce td.product-quantity {
		min-width: unset;
	}
    .woocommerce-page table.shop_table_responsive tbody th {
        display: inline-block;
    }
    .custom-product-item {
        flex-direction: column;
    }
	.hero-form-container {
		gap:10px;
	}
	#custom-price-section {
		width:100%;	
	}
	#custom-price-section #custom_price{
		width: 60%;
	}

	#custom-price-section #donate-now {
		width: 40%;
	}
	.hero-background-slider .swiper-slide-inner {
		justify-content: center;
	}
	.hero-background-slider .elementor-slide-heading {
		text-align:center;
	}
	.donation-thank-you-container {
		flex-direction: column !important;
	}
	
	.hadith-container, .thank-message-con {
		width:100% !important;
		padding: 30px !important;
	}
	.woocommerce  .thank-message-con h2 {
		font-size: 35px !important;
	}
	.woocommerce  .thank-message-con p {
		line-height: 1.2em !important;
	}
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		text-align: left !important;
	}
	.elementor-element-422437b.hero-wrapper, #donation-form select {
		width: 100% !important;
	}
	.hero-form-container {
		flex-direction: column !important;
		width: 100% !important; 
	}
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
		display: flex;
		justify-content: space-between;
	}
	.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table_responsive tbody th {
		display: block !important;
	}
	.woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td {
		line-height: .8em !important;
	}

}

/* -------------[ Tablet ]-------------- */
@media only screen and (min-device-width : 768px) and (max-width: 1024px){
	
	.hero-form-container {
		flex-direction: column !important;
		width: 100% !important; 
	}
	
	
}