@media only screen and (max-width: 1440px) {
	
	/* Layout */
	.container {
		width: 80%;
	}
	
	/* Modal */
	.modal {
		width: 55%;
	}
}

/* Large devices (laptops / desktops) */
@media only screen and (max-width: 1200px) {
	
	/* Layout */
	.container {
		width: 85%;
	}
	
}

/* Medium devices (landscape tablets) */
@media only screen and (max-width: 768px) {
	
	/* html, body {
		font-size: 14px;
	} */
	
	/* Layouts */
	.registrant-wrapper {
		padding: 2em;
	}
	
	/* Modal */
	.modal {
		width: 70%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
}


/* Extra small devices (phones, 600px) */
@media only screen and (max-width: 600px) {
	
	/* html, body {
		font-size: 12px;
	} */
	
	/* Layout */
	.container {
		width: 90%;
	}
	.registrant-wrapper {
		padding: 1em;
	}
	
	/* Navbar */
	nav .nav-member .user-avatar {
		width: 30px;
		height: 30px;
	}
	
	/* Modal */
	.modal {
		width: 90%;
	}
	
	/* Cookie Policy */
	.policy-btn .policy-btn-accept {
		width: 100%;
	}
}


@media only screen and (min-width: 601px) {
	
	/* Navbar Style */
	header.navigation {
		/* height: 5rem; */
	}
	nav {
		height: inherit;
		line-height: normal;
	}
	
}

@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	
	:root {
		--navbar-wrapper: 3.75rem;
	}
	
	/* Footer */
	footer .copyright .copyright-wrapper {
		font-size: 0.875rem;
		flex-direction: row;
		justify-content: space-between;
	}
	footer .sitemap .sitemap-content {
		font-size: 1rem;
	}
	
	/* Banner */
	.banner-page img {
		height: 300px
	}
	.banner-page.theme-banner-page .banner-content .banner-title {
		font-size: 3.875rem;
	}
	.banner-page.theme-banner-page .banner-content .banner-brief {
		font-size: 1.25rem;
	}
	.contact-us-page .banner-page.theme-banner-page .banner-content {
		top: 10%;
		left: 10%;
		transform: none;
	}
	
	/* Section */
	.section-download,
	.section-video-gallery {
		padding: 3.375rem 0;
	}
	.section-download .section-title,
	.section-video-gallery .section-title {
		font-size: 2.25rem;
	}
	.section-download-certificate {
		margin-top: 0.5rem;
		padding: 1.5rem 2rem;
		padding-top: 2.5rem;
	}
	
	/* Card */
	.card-about-us {
		margin: 0;
		padding: 2.5em 2.75em;
		top: -3.5em;
	}
	.section-video-gallery .section-video {
		/* margin: 0; */
		margin-bottom: 2rem;
		padding: 2em 2.75em;
		/* margin-top: 0.875rem; */
	}
	.card-about-us .card-body {
		font-size: 1.125rem;
	}
	.card-about-us .card-title {
		font-size: 2.125rem;
		margin-bottom: 0.65em;
	}
	.section-video-gallery .section-video .card-title {
		font-size: 1.625rem;
		margin-bottom: 0.65em;
	}
	.card-about-us .element-paint {
		position: absolute;
		top: 0;
		left: 87%;
		width: 18.75em;
	}
	.card-contact-us {
		margin: 0;
		padding: 2em 2.75em;
		top: -9.5em;
	}
	.card-contact-us .display-flex {
		flex-direction: row;
		align-items: center;
	}
	.card-contact-us .card-info,
	.card-contact-us .card-map {
		width: 50%;
	}
	.card-contact-us .card-map iframe {
		height: 450px;
	}

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}