@media (max-width: 992px) {
	html,
	body {
		overflow-x: hidden;
		width: 100%;
	}

	.main.khuzama {
		overflow-x: hidden;
		width: 100%;
	}

	.main.khuzama .container {
		box-sizing: border-box;
		max-width: 100% !important;
		padding-left: 12px;
		padding-right: 12px;
		width: 100% !important;
	}

	.khuzama-nav {
		padding: 10px 0 !important;
		position: sticky;
	}

	.khuzama-nav > div {
		align-items: flex-start !important;
		flex-direction: column !important;
		gap: 10px !important;
		padding: 0 12px !important;
		width: 100% !important;
	}

	.khuzama-nav__toggle {
		display: flex !important;
		align-items: center;
		align-self: flex-end;
		color: #194f94;
		font-size: 1.9rem !important;
		height: 44px;
		justify-content: center;
		line-height: 1;
		position: relative;
		pointer-events: auto;
		z-index: 1001;
		width: 44px;
	}

	.khuzama-nav #nav-links {
		display: none !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		margin: 0;
		padding: 0;
		width: 100% !important;
	}

	.khuzama-nav.khuzama-nav--open #nav-links {
		display: flex !important;
	}

	.khuzama-nav #nav-links li {
		flex: 1 1 calc(50% - 8px);
	}

	.khuzama-nav #nav-links a {
		display: block;
		padding: 10px 8px !important;
		text-align: center;
		white-space: normal;
	}

	.main.khuzama .home-intro__video-slide {
		min-height: 520px;
		overflow: hidden;
		padding-top: 70px;
	}

	.main.khuzama .home-intro__video-slide .container,
	.main.khuzama .home-intro__video-slide-wrapper,
	.main.khuzama .home-intro__video-slide .section-header {
		max-width: 100% !important;
		width: 100% !important;
	}

	.main.khuzama .home-intro__video-slide-wrapper {
		padding: 0 12px;
		text-align: center;
	}

	.main.khuzama .home-intro__video-slide h1 {
		font-size: clamp(2rem, 7vw, 3.2rem);
		line-height: 1.15;
		margin: 0 auto;
		max-width: 14ch;
	}

	.main.khuzama .home-intro__video {
		left: 0;
		object-position: center;
		width: 100% !important;
	}

	.main.khuzama .intro-text h2,
	.main.khuzama .khuzama-villa-suits-slider__title,
	.main.khuzama .icon-gallery__items .section-title,
	.main.khuzama .things-to-do-gallery h2 {
		font-size: clamp(1.8rem, 5vw, 3rem);
		line-height: 1.2;
	}

	.main.khuzama .show-case-services__item,
	.main.khuzama .show-case-services__item:nth-child(2n) {
		flex-direction: column !important;
		gap: 14px;
	}

	.main.khuzama .show-case-services__item-content {
		margin-bottom: 0;
		order: 2;
	}

	.main.khuzama .show-case-services__item-img-container {
		border-radius: 20px !important;
		max-width: 100% !important;
		min-height: 220px;
		min-width: 0 !important;
		order: 1;
		width: 100% !important;
	}

	.main.khuzama .show-case-services__item-title {
		font-size: clamp(1.6rem, 4.8vw, 2.4rem);
	}

	.main.khuzama .show-case-services__item-subtitle {
		font-size: clamp(1.2rem, 4vw, 1.8rem);
	}

	.main.khuzama .show-case-services__item-description {
		font-size: 1rem;
		line-height: 1.8;
	}

	.main.khuzama .khuzama-villa-suits-slider .villa-suit-selector ul {
		flex-direction: column;
		width: 100% !important;
	}

	.main.khuzama .khuzama-villa-suits-slider .villa-suit-selector ul li {
		font-size: 1rem;
		padding: 12px 10px;
		width: 100%;
	}

	.main.khuzama .icon-gallery__items .icon-gallery__item_container {
		gap: 18px;
	}

	.main.khuzama .icon-gallery__items .icon-gallery__item {
		flex: 1 1 100%;
		text-align: center;
	}

	.main.khuzama .things-to-do-gallery .swiper-nav__btn {
		width: 42px;
		height: 42px;
	}

	.khuzama-footer {
		padding: 2.25rem 0 1.5rem !important;
	}

	.khuzama-footer__grid {
		margin: 0 !important;
	}

	.khuzama-footer__col {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

	.khuzama-footer__col + .khuzama-footer__col {
		margin-top: 28px;
	}

	.khuzama-footer__brand {
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}

	.khuzama-footer .khuzama-footer__grid {
		gap: 0;
	}

	.khuzama-footer .khuzama-footer__grid > div {
		box-sizing: border-box;
	}

	.khuzama-footer .khuzama-footer__grid [style*="display: flex; gap: 15px;"] {
		flex-wrap: wrap;
		gap: 10px !important;
	}


	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] > div {
		min-height: 84px !important;
		padding: 12px !important;
		border-radius: 12px !important;
	}

	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] > div svg,
	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] > div img {
		max-width: 100% !important;
		max-height: 48px;
		width: auto;
	}
}

@media (max-width: 600px) {
	.khuzama-nav #nav-links {
		gap: 6px !important;
		max-height: calc(100vh - 120px);
		overflow-y: auto;
	}

	.khuzama-nav #nav-links li {
		flex: 1 1 100%;
	}

	.khuzama-nav #nav-links a {
		font-size: 0.95rem;
	}

	.main.khuzama .home-intro__video-slide {
		min-height: 460px;
		padding-top: 60px;
	}

	.main.khuzama .home-intro__video-slide h1 {
		max-width: none;
		text-align: center;
	}

	.main.khuzama .intro-text,
	.main.khuzama .khuzama-villa-suits-slider,
	.main.khuzama .icon-gallery__items,
	.main.khuzama .things-to-do-gallery,
	.main.khuzama .team-contact {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	.main.khuzama .show-case-services__item-img-container {
		min-height: 180px;
	}

	.main.khuzama .icon-gallery__items .section-title,
	.main.khuzama .khuzama-villa-suits-slider__title,
	.main.khuzama .things-to-do-gallery h2 {
		font-size: 1.9rem;
	}

	.khuzama-footer__brand {
		flex-direction: column;
	}

	.khuzama-footer__brand img {
		margin: 0 !important;
		max-height: 64px !important;
	}

	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.khuzama-footer__col--payment [aria-label="طرق الدفع المتاحة"] > div {
		min-height: 78px !important;
	}

	.khuzama-footer p,
	.khuzama-footer li,
	.khuzama-footer a {
		word-break: break-word;
	}
}
