/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.9
	Stable tag: 3.4.9
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* WPVibe mobile concept preview: links only, centered vertically */
@media (max-width: 767px) {
	.e-ddd494a {
		min-height: 100vh !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 38px !important;
		padding: 28px 0 !important;
		position: relative !important;
		background: #000 url('https://mekdzilan.com/wp-content/uploads/2026/08/Mek-cover-image-9-2.png') center center / cover no-repeat !important;
	}

	.e-4ad4137-a95f015,
	.e-1d17b6d-6a2871f {
		display: none !important;
	}

	.e-b6b8515,
	.e-36b2bef-bbed69c {
		display: flex !important;
		position: fixed !important;
		left: 50% !important;
		right: auto !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 38px !important;
		z-index: 9999 !important;
		transform: translate3d(-50%, 0, 0) !important;
		-webkit-transform: translate3d(-50%, 0, 0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.e-b6b8515 {
		top: auto !important;
		bottom: calc(50% + 19px) !important;
	}

	.e-36b2bef-bbed69c {
		top: calc(50% + 19px) !important;
		bottom: auto !important;
	}

	.e-5cb7e0f-be128b0,
	.e-199a224-1b397f8,
	.e-d3984d4-e0bb8cd,
	.e-4492569-3908d23,
	.e-907fa97-62b4104,
	.e-210d975-d2a48f2 {
		width: min(55vw, 240px) !important;
		max-width: 55vw !important;
		position: static !important;
		margin: 0 !important;
		align-self: center !important;
	}
}

/* Desktop concept preview: 3 x 2 centered platform grid, no MEK logo */
@media (min-width: 768px) {
	.e-b976f7b-ed9c790 {
		display: none !important;
	}

	.e-0c23a95 {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		position: static !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.e-b7b28e7 {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: min(32vw, 300px) !important;
		max-width: 300px !important;
		gap: 38px 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		z-index: 9999 !important;
		transform: translate3d(-50%, -50%, 0) !important;
		-webkit-transform: translate3d(-50%, -50%, 0) !important;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.e-b7b28e7 > .elementor-widget-image {
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.e-b7b28e7 > .elementor-widget-image img {
		width: auto !important;
		height: auto !important;
		max-width: 220px !important;
		max-height: 70px !important;
	}
}