@media (max-width: 768px) {
	:root { --header-height: 120px; }

	
	body::before{
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		height: env(safe-area-inset-top);
		background: #ffffff; 
		z-index: 9998; 
		pointer-events: none;
	}

	html, body {
		height: auto;
		margin: 0;
		width: 100%;
		overflow-x: hidden !important;
		touch-action: pan-y; 
	}
	


	.landing{
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 0;
		top: 0;
	}
	.landing-content {
		margin: 0;
		font-size: 12px;
		padding: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 80px;
	}

	.landing::before {
		background: linear-gradient(to bottom, rgba(9, 14, 21, 1) 0%, rgba(0, 0, 255, 0) 95%);
		width: 100%;
		height: 100%;
	}

	.landing-image{
		top: calc(var(--header-height) + env(safe-area-inset-top));
		width: 100%;
		height: 100%;
		border-radius: 0;
	}

	.landing-buttons {
		justify-content: center;
		font-size: 16px;
	}

		.top-button-mobile{
		display: flex;
	}

	
	.main-header .header-inner{
		
		position: static;
		left: auto;
		right: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end; 
		gap: 12px;
		flex: 1;
	}

	
	.main-header{
		position: fixed; 
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		display: flex;
		align-items: center;
		justify-content: space-between; 
		padding: 0 12px;
		z-index: 99;
		overflow-x: hidden; 
		-webkit-transform: none !important;
		transform: none !important;
	}
	.main-header .logo{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		order: 0;
	}
	.main-header .header-inner{ order: 1; }

	.main-header .logo img{
		height: 115px;
		width: auto;
		padding: 10px;
	}

	.main-header .nav-tabs{
		display: flex;
		gap: 12px;
		align-items: center;
		justify-content: flex-end;
		margin-right: 20px; 
		flex-wrap: wrap; 
	}

	.main-header .nav-tabs .tab{
		font-size: 20px;
	}

	
	.main-header .side-images{
		display: none !important;
	}


	.about-row{
		flex-direction: column;
		text-align: left;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
	}

	.about-image img{
		margin: 0;
		padding: 0;
		width:80%;
		

	}
	.about-text{
		max-width: 90%;
	}


	.footer-bottom{
		font-size: 12px;
	}

}