@media (max-width: 650px) {
	body {
		overscroll-behavior: none;
		--nav-height: 65px;

		--title-font: 1.7em;
		--mid-font: 1.3em;
		--normal-font: 1em;
	}

	/*#region Sections*/
	@keyframes sectionTitle {
		0%,
		30%,
		100% {
			top: 100%;
		}

		70%,
		80% {
			top: 0%;
		}
	}

	.section-header > div {
		align-items: center;
	}

	.section-header h1 {
		font-size: 2em;
		margin: 17px 15px 0px 15px;
	}

	/*#endregion */

	/*#region Navigation*/
	.nav-eee {
		inset: 0% 0px 80% 0px;
	}

	.c-navbar {
		padding: 0px 15px;
		height: var(--nav-height);
		align-items: center;
	}

	.nav-bttn {
		display: unset;
		margin-left: auto;
		background-color: transparent;
		border: none;
	}

	.nav-bttn > .icon-mask {
		width: 30px;
		height: 30px;
		background-color: white;
	}

	.nav-image > img {
		width: 90px;
	}

	.nav-items {
		position: absolute;
		top: var(--nav-height);
		left: 0px;
		right: 0px;
		padding: 20px 15px;
		background-color: var(--darker);
		border-block: var(--primary) 5px solid;
		opacity: 0;
		pointer-events: none;
		transition: opacity 300ms ease-in-out;
	}

	.nav-items.active {
		opacity: 1;
		pointer-events: unset;
	}

	.nav-items,
	.nav-items > .nav-links {
		display: flex;
		flex-direction: column;
		gap: 15px;
	}

	.nav-links {
		width: 100%;
	}

	.nav-links > a {
		font-size: 1.1em;
	}

	.footer-widget-heading h3 {
		margin-top: 30px;
	}

	.copyright-area {
		grid-template-columns: 1fr;
	}

	/*#endregion*/

	/*#region Products*/
	.home-porducts {
		grid-template-columns: repeat(2, 1fr);
		padding: 0px 15px;
		gap: 15px;
	}

	.hp-item {
		--offset: 0px;
		animation: productView 1ms alternate;
		animation-timeline: view();
	}

	@keyframes productView {
		0%,
		50% {
			--offset: 0px;
		}

		60%,
		100% {
			--offset: -50px;
		}
	}

	.hp-item > img {
		top: var(--offset) !important;
	}

	.hp-item > h2 {
		font-size: 0.9em;
		text-align: center;
	}

	/*#endregion */

	/*#region Brands*/
	body {
		--brand-width: 1000px;
	}

	.marquee-container > .marquee {
		left: calc(var(--brand-width) * 2);
		width: var(--brand-width);
	}

	@keyframes marquee {
		0% {
			left: var(--brand-width);
		}

		100% {
			left: calc(var(--brand-width) * -1);
		}
	}

	.brand-item > img {
		height: 80px;
	}

	.brand-item > div {
		font-size: 1.1em;
		color: black;
		font-weight: bold;
	}

	/*#endregion */

	.highlite-tab {
		grid-template-columns: 1fr;
		gap: 10px;
		padding-inline: 10px;
	}

	.bg-text {
		width: 100%;
		padding-inline: 15px;
	}

	/*#region Best Seller*/
	.bs-container {
		padding: 0px 0px;
	}

	.bs-item-container {
		margin-bottom: 20px;
	}

	.bs-item {
		align-items: flex-end;
		width: 100vw;
		height: unset;
		aspect-ratio: 5 / 7;
	}

	@keyframes bsView {
		0% {
			transform: translateY(100vh);
			opacity: 0;
		}

		60% {
			opacity: 1;
		}

		70%,
		100% {
			transform: translateY(0px);
		}
	}

	.bs-item > img {
		right: 0px;
		top: 0px;
		width: 70vw;
		height: 90%;
		background: blue;
	}

	.bs-info {
		border-radius: 20px 5px 20px 20px;
		margin: 0px 0px 0px 15px !important;
		width: 80vw;
	}

	.bs-info::before {
		inset: -5px;
		border-radius: 23px 0px 23px 23px;
	}

	.bs-info .title-font {
		font-size: 1.3em;
	}

	.bs-info .reg-font {
		font-size: 0.9em;
	}

	.bs-item-container:nth-child(even) .bs-item {
		margin-inline: 0vw;
		justify-content: end;
	}

	.bs-item-container:nth-child(even) .bs-item > img {
		right: unset !important;
		left: 0px;
	}

	.bs-item-container:nth-child(even) .bs-info {
		margin: 0px 15px 0px 0px !important;
		border-radius: 5px 20px 20px 20px;
	}

	.bs-item-container:nth-child(even) .bs-info::before {
		border-radius: 0px 23px 23px 23px;
	}

	/*#endregion */

	/*#region About*/
	.about-content {
		display: flex;
		flex-direction: column-reverse;
	}

	.about-circle {
		--dis: 150px;
		--size: 200px;
		margin-top: 20px;
	}

	.ac-item > button {
		--size: 50px;
		padding: 10px;
	}

	/*#endregion */

	/*#region Contact Us*/
	.cu-section {
		margin-top: 50px;
	}

	.cu-container {
		display: flex;
		flex-direction: column-reverse;
	}

	.cu-container > #mapWrap {
		height: 70vh;
		width: 100%;
	}

	.cu-items {
		padding: 20px 15px;
		align-items: center;
		gap: 10px;
	}

	.cu-item {
		justify-content: center;
	}

	.cu-item > .icon-mask {
		width: 25px;
	}

	.cu-item .title {
		font-size: 1.2em;
	}

	/*#endregion */
}