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

/* Tablet Styles */
@media (max-width: 992px) {
	.aus_header .header-content {
		flex-direction: column;
		gap: 15px;
	}

	.aus_header .logo {
		margin-bottom: 10px;
	}

	.aus_section {
		padding: 50px 0;
	}

	.aus_section.head {
		padding: 80px 0 60px;
	}

	.aus_section header h1 {
		font-size: 2.5rem;
	}

	.aus_section header h2 {
		font-size: 2rem;
	}

	.footer-content {
		flex-direction: column;
		gap: 30px;
	}
}

/* Mobile Styles */
@media (max-width: 768px) {
	.aus_section {
		padding: 40px 0;
	}

	.aus_section.head {
		padding: 60px 0 40px;
	}

	.aus_section header h1 {
		font-size: 2rem;
	}

	.aus_section header h2 {
		font-size: 1.8rem;
	}

	.aus_header .quick-nav-list {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.casino-item {
		flex-direction: column;
	}

	.casino-logo {
		width: 100%;
		height: 120px;
		border-right: none;
		border-bottom: 1px solid var(--border-color);
	}

	.casino-body {
		flex-direction: column;
	}

	.casino-action {
		border-left: none;
		border-top: 1px solid var(--border-color);
		padding: 15px 0 0;
		margin-top: 15px;
		align-items: center;
	}

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

/* Small Mobile Styles */
@media (max-width: 480px) {
	.aus_section header h1 {
		font-size: 1.8rem;
	}

	.aus_section header h2 {
		font-size: 1.6rem;
	}

	.casino-details {
		flex-direction: column;
		gap: 10px;
	}

	.detail-item {
		width: 100%;
	}
}