@media (min-width: 768px) {

	:root {
		--section-highlight-wrapper: 3.875rem;
	}

	/* Header */
	header {
		nav.navbar {
			padding-top: 0.75rem;
			padding-bottom: 0.75rem;

			.navbar-brand {
				img {
					height: 60px;
				}
			}
		}
	}

	/* Footer */
	footer {
		.sitemap {
			font-size: 1rem;

			.sitemap-wrapper {
				padding: var(--footer-wrapper);
				padding-bottom: 2rem;
			}

			.sitemap-logo {
				height: 40px;
			}
		}

		.copyright {
			font-size: 0.75rem;

			.copyright-wrapper {
				padding: 0.625rem var(--footer-wrapper);
			}
		}
	}

	/* Section */
	.section-courses {
		.program-course {
			padding: 2.5rem 1.625rem;
			margin-top: -2.625rem;

			.row {
				margin-top: 1.5rem;
				margin-right: calc(-.5* var(--bs-gutter-x));
				margin-left: calc(-.5* var(--bs-gutter-x));
			}

			.row>* {
				padding-right: calc(var(--bs-gutter-x)* .5);
				padding-left: calc(var(--bs-gutter-x)* .5);
			}

			.btn-all-course {
				width: fit-content;
				min-width: 10rem;
			}
		}
	}

	.section-artificial-intelligence {
		.section-text {
			font-size: 1.25rem;
			line-height: 1.556;
			margin: 0;
			margin-top: 2.25rem;
		}
	}

	.section-synopsis {
		.section-content {
			p {
				width: 80%;
				font-size: 1.875rem;
			}
		}
	}

	/* Card */
	.card-course-highlight {
		margin-bottom: calc((var(--bs-gutter-x)* .5) * 2);

		.card-image img {
			height: 190px;
		}

		.card-body {
			padding: 1.5rem 1.375rem;
			min-height: 275px;

			.card-title {
				font-size: 1.25rem;
			}

			.card-brief {
				font-size: 1rem;
				margin: 0;
				margin-top: 0.625rem;
			}

			.btn {
				font-size: 1rem;
				right: 1.375rem;
				bottom: 1.5rem;
			}
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 1.875rem;
						}

						.carousel-title {
							font-size: 3rem;
							margin-top: 0.5rem;
							width: 80%;
						}

						.carousel-note {
							padding: 1.875rem;

							p {
								font-size: 1.375rem;
							}
						}
					}
				}
			}
		}
	}

}

@media (min-width: 992px) {

	:root {
		--section-highlight-wrapper: 4.875rem;
	}

	/* Footer */
	footer {
		.sitemap {
			.sitemap-qr-code {
				margin: 0;
				margin-left: auto;
			}
		}
	}

	/* Section */
	.section-courses {
		.program-course {
			padding: 2.625rem 1.75rem;
			margin-top: -2.625rem;

			.btn-all-course {
				margin-top: 1.5rem;
			}
		}
	}

	.section-artificial-intelligence {
		.section-text {
			font-size: 1.375rem;
			line-height: 1.556;
			margin: 0;
			margin-top: 2.5rem;
		}
	}

	.section-synopsis {
		.section-content {
			p {
				width: 70%;
				font-size: 1.75rem;
				padding: 0;
			}
		}
	}

	/* Card */
	.card-course-highlight {
		margin-bottom: 0;

		.card-image img {
			height: 125px;
		}

		.card-body {
			padding: 1.25rem 1.125rem;
			min-height: 245px;

			.card-title {
				font-size: 1.125rem;
			}

			.card-brief {
				font-size: 0.875rem;
				margin: 0;
				margin-top: 0.625rem;
			}

			.btn {
				font-size: 0.875rem;
				right: 1.125rem;
				bottom: 1.25rem;
			}
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 2.25rem;
						}

						.carousel-title {
							font-size: 3.625rem;
						}

						.carousel-note {
							padding: 1.875rem;

							p {
								font-size: 1.625rem;
							}
						}
					}
				}
			}
		}
	}

}

@media (min-width: 1200px) {

	/* Section */
	.section-courses {
		.program-course {
			padding: 2.75rem 1.875rem;
			margin-top: -2.625rem;

			.btn-all-course {
				margin-top: 2rem;
			}
		}
	}

	.section-synopsis {
		.section-content {
			p {
				width: 65%;
				font-size: 2rem;
			}
		}
	}

	/* Card */
	.card-course-highlight {
		.card-image img {
			height: 150px;
		}

		.card-body {
			padding: 1.25rem 1.5rem;
			min-height: 270px;

			.card-title {
				font-size: 1.25rem;
			}

			.card-brief {
				font-size: 1rem;
				margin: 0;
				margin-top: 0.825rem;
			}

			.btn {
				font-size: 1rem;
				right: 1.5rem;
				bottom: 1.25rem;
			}
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				img {
					height: auto;
				}

				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 2.25rem;
						}

						.carousel-title {
							font-size: 3.75rem;
							margin-top: 0;
						}

						.carousel-note {
							width: 680px;
							max-width: 100%;
							padding: 1.375rem;

							p {
								font-size: 1.125rem;
							}
						}
					}
				}
			}
		}
	}

}

@media (min-width: 1400px) {

	/* Section */
	.section-courses {
		.program-course {
			padding: 3rem 2.5rem;
			margin-top: -2.625rem;
		}
	}

	.section-synopsis {
		.section-content {
			p {
				width: 55%;
				font-size: 2.25rem;
			}
		}
	}

	/* Card */
	.card-course-highlight {
		.card-image img {
			height: 162px;
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 2.25rem;
						}

						.carousel-title {
							font-size: 3.75rem;
						}

						.carousel-note {
							padding: 1.5rem;

							p {
								font-size: 1.25rem;
							}
						}
					}
				}
			}
		}
	}

}

@media (min-width: 1600px) {

	/* Section */
	.section-synopsis {
		.section-content {
			p {
				width: 60%;
				font-size: 2.375rem;
			}
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 2.375rem;
						}

						.carousel-title {
							font-size: 4rem;
						}

						.carousel-note {
							padding: 1.625rem;

							p {
								font-size: 1.375rem;
							}
						}
					}
				}
			}
		}
	}

}

@media (min-width: 1800px) {

	:root {
		--section-highlight-wrapper: 6.875rem;
	}

	/* Section */
	.section-courses {
		background-color: #EBEBEB;
		padding-bottom: var(--section-highlight-wrapper);

		.program-course {
			padding: 4.375rem 5rem;
			position: relative;
			margin-top: -5rem;
			z-index: 2;

			.row {
				margin-top: 1.5rem;
			}
		}
	}

	.section-artificial-intelligence {
		.section-text {
			font-size: 1.615rem;
			line-height: 1.764;
			margin: 0;
			margin-top: 3.125rem;
		}
	}

	.section-synopsis {
		.section-content {
			p {
				width: 55%;
				font-size: 3.125rem;

				.double-quote {
					font-size: 3.75rem;
				}
			}
		}
	}

	/* Card */
	.card-course-highlight {
		.card-image img {
			height: 165px;
		}

		.card-body {
			padding: 1.25rem 1.5rem;
			min-height: 275px;

			.card-title {
				font-size: 1.25rem;
			}

			.card-brief {
				font-size: 1rem;
				margin: 0;
				margin-top: 1rem;
			}

			.btn {
				font-size: 1rem;
				right: 1.5rem;
				bottom: 1.25rem;
			}
		}
	}

	/* Carousel */
	.carousel-highlight {
		.carousel-inner {
			.carousel-item {
				.container-xxl {
					.carousel-content {
						.carousel-keyword {
							font-size: 2.75rem;
						}

						.carousel-title {
							font-size: 4.75rem;
						}

						.carousel-note {
							padding: 2.375rem;

							p {
								font-size: 1.875rem;
							}
						}
					}
				}
			}
		}
	}


}