/*
==================================================
RESPONSIVE
Mazury Hip Hop Festival Premium Theme
==================================================
*/


/*
==================================================
1200px
==================================================
*/


@media(max-width:1200px){


:root {

	--section-padding:80px;

}



.wrapper {

	width:min(
		100% - 50px,
		var(--container-width)
	);

}



.hero-title {

	font-size:5rem;

}



.artist-grid {

	grid-template-columns:repeat(3,1fr);

}



.footer-grid {

	gap:35px;

}


}







/*
==================================================
991px
==================================================
*/


@media(max-width:991px){


:root {

	--section-padding:70px;

}



.wrapper {

	width:min(
		100% - 40px,
		var(--container-width)
	);

}



.section-title {

	font-size:2.5rem;

}



.section-header {

	margin-bottom:45px;

}





/*
HERO
*/


.hero-section {

	min-height:900px;

}



.hero-title {

	font-size:4rem;

}



.hero-content {

	max-width:650px;

}



.hero-description {

	font-size:17px;

}





/*
LAYOUTS
*/


.about-grid,
.contact-grid {

	grid-template-columns:1fr;

}



.about-image {

	order:-1;

}



.artist-grid {

	grid-template-columns:repeat(2,1fr);

}



.about-features {

	grid-template-columns:repeat(3,1fr);

}



.tickets-grid {

	grid-template-columns:1fr;

}



.info-grid,
.schedule-grid {

	grid-template-columns:1fr;

}



.sponsors-grid {

	grid-template-columns:repeat(3,1fr);

}





/*
HEADER
*/


.header-actions {

	display:none;

}


}








/*
==================================================
600px
==================================================
*/


@media(max-width:600px){


:root {

	--section-padding:55px;

}



.wrapper {

	width:calc(100% - 30px);

}



.section-title {

	font-size:2rem;

}



.section-description {

	font-size:15px;

}







/*
BUTTONS
*/


.hero-buttons,
.about-buttons {

	flex-direction:column;

	align-items:stretch;

}



.ticket-button,
.hero-btn {

	width:100%;

}





/*
HERO
*/


.hero-section {

	min-height:850px;

}



.hero-title {

	font-size:3rem;

}



.hero-subtitle {

	font-size:12px;

	letter-spacing:2px;

}



.hero-description {

	font-size:16px;

}







/*
GRIDS
*/


.hero-stats .wrapper,
.stats-grid,
.about-features,
.artist-grid,
.sponsors-grid {

	grid-template-columns:1fr;

}



.gallery-grid {

	grid-template-columns:repeat(2,1fr);

}



.gallery-item.large {

	grid-column:span 2;

}






/*
CARDS
*/


.ticket-card,
.feature-card,
.schedule-card {

	padding:25px;

}





/*
IMAGES
*/


.about-image img {

	height:350px;

}



.artist-image {

	height:360px;

}


/*
FOOTER
*/


.footer-grid {

	grid-template-columns:1fr;

}



.footer-bottom {

	flex-direction:column;

	text-align:center;

}



}





/*
==================================================
400px
==================================================
*/


@media(max-width:400px){


.hero-title {

	font-size:2.5rem;

}



.section-title {

	font-size:1.8rem;

}

.hero-stat strong {

	font-size:32px;

}



.ticket-price {

	font-size:40px;

}


}

@media(max-width:600px){

.reveal,
.reveal-left,
.reveal-right {

	opacity:1 !important;
	transform:none !important;

}

}

/*
|--------------------------------------------------------------------------
| LINE-UP PREMIUM RESPONSIVE
|--------------------------------------------------------------------------
*/


@media(max-width:991px){


	.lineup-day {

		margin-bottom:60px;

	}



	.lineup-day-title {

		font-size:34px;

	}



	.lineup-day-date {

		font-size:16px;

	}



	.lineup-day .artist-image {

		height:280px;

	}



}




@media(max-width:600px){


	.lineup-day-header {

		padding-left:18px;

	}



	.lineup-day-header::before {

		height:50px;

		width:4px;

	}



	.lineup-day-title {

		font-size:28px;

		letter-spacing:1px;

	}



	.lineup-day-date {

		font-size:14px;

		letter-spacing:2px;

	}



	.lineup-day .lineup-grid {

		grid-template-columns:1fr;

		gap:20px;

	}



	.lineup-day .artist-image {

		height:320px;

	}



	.lineup-day .artist-content {

		padding:22px;

	}



	.lineup-day .artist-name {

		font-size:24px;

	}



}