@media (max-width: 992px) {
	.hero-grid {
		grid-template-columns: 1fr;
		gap: 60px;
	}
	.hero-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.form-card {
		width: 100%;
		max-width: 500px;
	}
	
	.split-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.referral-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	header{padding: 15px 0;}
	header .container{padding: 0 15px;}
	.logo{width: 45%;}
	.nav-links{gap: 10px}
	.btn-waitlist-nav{padding: 5px 10px;}
	.hero{padding: 30px 0;}
	.hero-grid{gap: 30px}
	.hero-content h1 {
		font-size: 38px;
	}
	.badges-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.social-share-row {
		grid-template-columns: repeat(2, 1fr);
	}
	.section-title {
		font-size: 7.5vw;
	}
	ul.live-sm{margin: 30px 0;}
	.live-sm li{width: 100%;margin: 10px 0;}
	.section-layout{padding: 40px 0;}
	.events-card h3{font-size: 7vw;}
	.events-card h4{font-size: 6vw;line-height: 7vw}
	.events-card h5{font-size: 5vw;}
	.desk{display: none;}
	.mob{display: block;}
	.play-btn{width:90%;text-align: center;}
	.section-tagline{font-size: 7vw;}
	.platforms-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.split-left h2{text-align: center;font-size: 6.3vw;}
	.blk-ttl{font-size: 6vw;}
	.support-container{margin: 0;}
	.support-header p, .time-info .hours, a.cta-button{font-size: 4.5vw;}
	.support-header p br{display: none;}
	.time-info h1{font-size: 6.5vw;}
	.channels-card{margin: 0 auto 30px;}
	.response-time{font-size: 3.8vw;gap:3px}
	
	footer p, footer span{width: 100%;text-align: center;padding: 5px 0;}
	
	.form-card{text-align: left;}
	
}