/* assets/template/tpl-13/css/media.css */

@media (max-width: 1024px) {
	.hero-container {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 40px;
	}
	
	.hero-content h1 {
		font-size: 2.8rem;
	}
	
	.hero-cta {
		justify-content: center;
	}
	
	.features-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

@media (max-width: 768px) {
	.header-container {
		flex-direction: column;
		padding: 0px;
	}
	
	.main-nav {
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.hero {
		padding: 20px 0;
		overflow: hidden;
		margin: 0px -20px;
	}
	
	.hero-content h1 {
		font-size: 2.2rem;
	}
	
	.hero-content p {
		font-size: 1rem;
	}
	
	.hero-badge {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.section-header h2 {
		font-size: 2rem;
	}
	
	.features-grid {
		grid-template-columns: 1fr;
	}
	
	.casino-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}
	
	.cta-container h2 {
		font-size: 2rem;
	}
	
	.cta-container p {
		font-size: 1rem;
	}
	
	.cta-buttons {
		flex-direction: column;
		align-items: center;
	}
	
	.btn {
		width: 100%;
		max-width: 300px;
	}
	
	.aus_logos_list {
		flex-wrap: wrap;
	}

	.casino-card {
		width: 50%;
	}

	.casino-list { 
		margin: 0px -20px;
	}
}

@media (max-width: 576px) {
	.hero-content h1 {
		font-size: 1.8rem;
	}
	
	.hero-cta {
		flex-direction: column;
		width: 100%;
		align-items: center;
	}
	
	.hero-cta .btn {
		width: 100%;
	}
	
	.casino-meta {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.popup-content {
		margin: 20% auto;
		width: 95%;
	}
	
	.footer-nav {
		grid-template-columns: 1fr;
	}

	.casino-card {
		width: 100%;
	}
}