@media (max-width: 920px) {
	/* General */
	.section-information {
		width: auto;
	}

	.section-title {
		font-size: 25px;
	}

	.section-information {
		font-size: 17px;
	}

	/* Navigation */
	.navigation {
		display: none;
	}

	.navigation-logo {
		margin-right: 0;
	}

	.mnavigation {
		display: block;
	}

	.mnavigation-container {
		justify-content: space-between;
		align-items: center;
		display: flex;
	}

	.button-action {
		width: 135px;
		height: 45px;
		font-size: 12px;
	}

	/* Hero */
	.hero-container {
		display: grid;
		overflow: hidden;
	}

	.hero-courses {
		display: none;
	}

	.hero-welcome {
		width: 100%;
	}

	.hero-welcome-title {
		font-size: 35px;
		margin-bottom: 15px;
	}

	.hero-welcome-message {
		margin-bottom: 20px;
	}

	.hero-courses-slider {
		margin-top: 50px;
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.hero-course-slider-title {
		bottom: 55px;
	}

	/* About */
	.about-card-number {
		top: -10px;
		left: -10px;
		font-size: 12px;
		height: 40px;
		width: 40px;
	}

	.about-card-title {
		font-size: 17px;
		margin-bottom: 13px;
	}

	.about-card-information {
		font-size: 15px;
	}

	.about-footer {
		display: grid;
	}

	.about-footer-information {
		width: auto;
		margin-bottom: 15px;
		font-size: 18px;
		text-align: center;
	}

	.about-footer-action .button-action {
		width: 100%;
	}

	/* Courses */
	.courses-title {
		font-size: 35px;
	}

	.courses-information {
		font-size: 18px;
	}

	.course-card {
		font-size: 16px;
	}

	.courses-video {
		height: auto;
		margin-top: 30px;
	}

	.video-line {
		top: unset;
		bottom: 11px;
	}

	/* Try */
	.try-container {
		display: grid;
	}

	.try-title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.try-information {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.try-action {
		width: 100%;
	}

	.try-action .button-action {
		height: 40px;
	}

	/* Others */
	.other-card {
		margin-bottom: 25px;
	}

	/* Footer */
	.footer {
		height: auto;
		padding: 15px 0;
	}

	.footer-container {
		flex-direction: column;
		gap: 20px;
	}

	.footer-container > * {
		width: auto;
	}
}

@media (min-width: 768px) and (max-width: 920px) {
	/* Hero */
	.hero-welcome-title {
		font-size: 50px;
		margin-bottom: 15px;
	}

	.hero-welcome-message {
		margin-bottom: 20px;
	}

	.hero-courses-slider {
		display: block;
		width: 100%;
		overflow: hidden;
		margin-top: 0;
	}

	/* About & Marketing */
	.about-section .col-md-4,
	.marketing-section .col-md-4 {
		width: 49.33%;
	}

	/* Courses */
	.courses-section .col-md-3 {
		width: 33.33%;
	}

	/* Functionalities */
	.functionalities-section .col-md-6 {
		width: 100%;
	}

	/* Try */
	.others .col-md-3 {
		width: 50%;
	}

	.footer-container {
		flex-direction: row;
	}

	.footer-container > * {
		width: 33%;
	}
}

@media (min-width: 360px) and (max-width: 375px) {
	.hero-section {
		height: auto;
	}
}