@media screen and (max-width: 768px) {
	html, body {
		overflow-x: hidden;
		width: 100%;
		max-width: 100vw;
		margin: 0;
		padding: 0;
	}

	img, video, iframe, canvas, figure {
		max-width: 100%;
		height: auto;
	}

	/* Fix common Elementor overflow issues and ensure full width spacing */
	.elementor-section, 
	.elementor-container, 
	.elementor-widget-wrap,
	.e-con {
		max-width: 100vw;
		padding-left: 0 !important;
		padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
	}
    
    .elementor-column {
        width: 100% !important;
    }
}