@media only screen and (min-width: 601px) {
	
	/* navbar style */
	nav, 
	nav .nav-wrapper i, 
	nav a.sidenav-trigger, 
	nav a.sidenav-trigger i {
		height: 70px;
		line-height: 70px;
	}
	
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
	/* page initilize */
	html {
		font-size: 100%;
	}
	body, 
	header, 
	main, .main {
		min-width: unset;
	}
	
	/* element */
	.list-inline {
	  margin-left: -6px;
	}
	.list-inline > li {
	  padding: 0 6px;
	}
	.center-align-sm {
		text-align: center;
	}
	.left-align-sm {
		text-align: left;
	}
	
	/* block layout */
	.container {
		padding: 0 1.25rem;
	}
	.nav-wrapper {
		padding: 0;
		padding-right: 1.25rem !important;
	}
	.page-wrapper {
		padding: 0 2.188rem;
	}
	.section {
		padding: 2rem 0;
	}
	.section-bg-courses {
		/* padding-bottom: 14rem; */
	}
	.dashboard-page .page-wrapper {
		padding: 0 0.5rem;
	}
	.course-video-wrapper {
		padding: 1rem 1.25rem 2rem;
	}
	.course-recommend {
		padding: 3rem 0 4rem !important;
	}
	
	/* navbar style */
	.navigation .page-wrapper {
		padding: 0;
	}
	header {
		font-size: 0.625rem;
	}
	nav .brand-logo img {
		height: 70% !important;
	}
	nav .brand-logo {
		left: 4rem;
		-webkit-transform: unset;
		transform: unset;
	}
	.nav-wrapper.container {
		min-width: unset;
	}
	.sidenav {
		background-color: #F4F4F4;
	}
	.sidenav li {
		padding: 0 1em;
	}
	.sidenav li:hover {
		background-color: rgba(0,0,0,0.05);
	}
	.sidenav li > a {
		padding: 0;
		margin: 0 1.875em;
		border-bottom: 1px solid #D6D6D6;
	}
	.sidenav li:last-child > a {
		border-bottom: 0;
	}
	.sidenav li > a:hover {
		background-color: unset;
	}
	
	/* sitemap style */
	#sitemap ul {
		border-top: 1px solid white;
		border-bottom: 1px solid white;
		margin-bottom: 2em;
	}
	#sitemap ul li {
		border-bottom: 1px solid white;
		padding: 0.5em 0;
	}
	#sitemap ul li:last-child {
		border-bottom: 0;
	}
	
	/* copyright style */
	footer .copyright {
		height: unset;
	}
	.page-footer #sitemap {
		padding: 2.188rem;
	}
	.copyright.page-wrapper {
		padding: 1em 2.188rem;
	}
	.copyright .row .col {
		text-align: left;
	}
	.copyright {
		font-size: 0.75em;
	}
	.copyright ul, 
	.copyright p {
		margin-top: 0.25em;
		margin-bottom: 0.25em;
	}
	
	/* grid style */
	.courses-page .row {
		margin: 0 -0.75rem;
	}
	.courses-page .row .col,
	.lecturers-page .row .col,
	.dashboard-page .section .row .col {
		padding: 0 0.35rem;
	}
	.how-to-learn-page .row .col {
		padding: 0;
	}
	
	/* box style */
	.box-map-detail .valign-wrapper {
		display: block;
	}
	.box-course-image {
		min-height: 12.25rem;
	}
	.box-course-content {
		width: 100%;
	}
	
	/* button style */
	nav .btn-signup {
		margin-right: 0.8rem;
	}
	.courses-page .btn-course {
		padding: 0;
		font-size: 0.625rem;
		min-width: 4.375rem;
	}
	.btn-requiz {
		font-size: 1rem;
		height: 30px;
		line-height: 30px;
		bottom: 6%;
	}
	
	/* banner style */
	.banner-page-sm {
		min-height: 13.75rem;
	}
	.banner-page .bg-banner-page {
		height: 13.75rem;
		background-size: cover;
	}
	.banner-page .content-banner-page {
		position: relative;
		width: 100% !important;
		padding: 2rem 0;
		border-radius: 0 0 3.75rem 0;
	}
	.banner-page .title-banner-page {
		font-size: 1.875rem;
		position: relative;
		left: unset; 
		top: unset; 
		transform: unset;
	}
	.banner-scale-sm {
		min-height: 12.25rem;
	}
	.banner-course {
		height: 38.5rem;
		background-size: 120%;
	}
	.banner-course.banner-right,
	.banner-course.banner-left {
		background-size: auto 55% !important;
	}
	.banner-course.banner-right {
		background-position: bottom right -7.5rem !important;
	}
	.banner-course.banner-left {
		background-position: bottom left -7.5rem !important;
	}
	.banner-course .banner-course-content {
		width: 100%;
		top: 0;
		left: 0 !important;
		transform: unset;
		padding: 1.875rem;
	}
	.banner-course .banner-course-title {
		font-size: 1.875rem;
		margin-top: 0.2em;
	}
	.banner-course .banner-course-note,
	.banner-course .banner-course-desc,
	.banner-course .banner-course-btn {
		font-size: 0.75rem;
	}
	
	/* card style */
	.signup-page > .row,
	.signin-page > .row {
		width: 100vw;
	}
	.faq-page .card-panel,
	.how-to-learn-page .card-panel {
		padding: 1rem;
	}
	.faq-page .collapsible-header,
	.how-to-learn-page .collapsible-header {
		padding: 1rem 0.5rem;
	}
	.faq-page .collapsible-header h4,
	.how-to-learn-page .collapsible-header h4 {
		font-size: 1.125rem;
	}
	.faq-page .collapsible-header span.badge,
	.faq-page .collapsible-header i,
	.how-to-learn-page .collapsible-header span.badge,
	.how-to-learn-page .collapsible-header i {
		padding: 0;
		margin-right: 0;
	}
	.faq-page .collapsible .collapsible-body,
	.how-to-learn-page .collapsible .collapsible-body {
		padding: 0 0.5rem;
	}
	.card-blur {
		width: 100%; 
	}
	.card-certificate {
		padding: 2rem;
		min-height: unset;
		/* height: 32rem; */
	}
	.card-certificate .card-content {
		margin-top: 6rem;
	}
	.card-certificate .btn-verify {
		font-size: 1.125rem;
		width: fit-content;
		margin: 0;
	}
	.card-certificate .card-image {
		width: 32.125rem;
		left: -11.125rem;	
		bottom: -10rem;
	}
	.card-certificate .bg-gradient {
		width: 65%;
		height: 28%;
	}
	.certificate-validation {
		padding: 1.125em;
	}
	.certificate-validation .card-background {
		top: unset;
		bottom: -12%;
		width: 60%;
	}
	.certificate-validation .card-button  {
		width: 95%;
		bottom: 30%;
	}
	
	/* card course */
	.home-page .carousel.course-carousel,
	.video-page .carousel.course-carousel {
		width: 80%;
		margin: 0 auto;
		overflow: visible;
	}
	.home-page .course-carousel {
		min-height: 27rem;
	}
	.home-page .card-course {
		min-height: 26rem;
	}
	.home-page .course-title {
		font-size: 1.125rem !important;
	}
	.home-page .course-brief {
		font-size: 0.75rem !important;
	}
	.home-page .card-action {
		font-size: 0.75rem;
		/* padding: 1rem !important; */
	}
	.courses-page .card {
		margin: 0.5rem 0;
	}
	.courses-page .card-course {
		min-height: 18.45rem;
	}
	.courses-page .course-image {
		height: 5.75em;
	}
	.courses-page .card-content {
		min-height: 9.5rem;
		padding: 1rem !important;
	}
	.courses-page .course-title {
		font-size: 0.875rem !important;
	}
	.courses-page .course-brief {
		font-size: 0.625rem !important;
	}
	.courses-page .card-action {
		font-size: 0.5rem;
		padding: 0.8rem 1rem !important;
	}
	.courses-page .card-action .btn {
		font-size: 0.625rem;
		height: 24px;
		line-height: 24px;
	}
	.courses-page .course-time {
		margin: 0.6rem 0 !important;
	}
	.dashboard-page .box-dashboard,
	.dashboard-page .box-course-dashboard {
		padding: 1.5em;
	}
	.dashboard-page .tabs-dashboard {
		font-size: 0.875rem;
	}
	.dashboard-page .box-dashboard .box-dashboard-profile {
		padding: 2.5em 0;
	}
	.dashboard-page .box-dashboard .input-field.col label {
		left: 0.4rem;
	}
	.dashboard-page .box-dashboard#info input:not(.browser-default) {
		width: calc(100% - 1.14em);
	}
	.dashboard-page .box-dashboard#info .input-field select.browser-default {
		width: 100%;
	}
	.dashboard-page .section .section-title {
		margin-bottom: 1em;
	}
	.dashboard-page .section .card-course .row {
		margin: -0.45rem !important;
	}
	.dashboard-page .card-course {
	  min-height: 14em;
	}
	.dashboard-page .card-course .course-image {
	  height: 6em;
	}
	.dashboard-page .card-course .btn {
		font-size: 0.625rem;
		height: 24px;
		line-height: 24px;
	}
	.dashboard-page .card-course .course-title,
	.dashboard-page .course-completed .course-title {
		font-size: 0.875rem !important;
	}
	.dashboard-page .card-course .btn-course {
		padding: 0;
		font-size: 0.625rem;
		min-width: 4.375rem;
	}
	.dashboard-page .card-course .course-code,
	.dashboard-page .course-completed .course-code {
		font-size: 0.5rem;
	}
	.dashboard-page .card-course .card-schedule,
	.dashboard-page .course-completed .card-conclusion {
		font-size: 0.625rem;
	}
	.dashboard-page .course-completed .card-conclusion .btn-download-certificate {
		font-size: 0.375rem;
	}
	.dashboard-page .card-course.course-completed {
		min-height: 15.875em;
	}
	.dashboard-page .card-course .card-content {
		padding: 1em !important;
	}
	.dashboard-page .card-course .card-content .row .col:first-child {
		padding: 0;
	}
	.dashboard-page .card-course.course-completed .card-conclusion {
		padding: 1.5em;
	}
	.dashboard-page .card-course .card-schedule p {
		white-space: unset;
	}
	
	/* card media */
	.courses-page .course-media, 
	.courses-page .course-podclass-name, 
	.courses-page .course-video-name {	
		font-size: 2.5rem;
		margin: 0;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
	.courses-page .course-image {
		border-radius: 0.2em 0.2em 0 2em !important;
	}
	.courses-page .card-video, 
	.courses-page .card-pod-class {
		height: 16.1805em;
	}
	.courses-page .card-video .course-image {
		height: 8.75em;
	}
	.courses-page .course-video img {
		width: 2.5em;
	}
	.courses-page .course-podclass .course-title {
		top: 0.2em;
	}
	.courses-page .course-podclass img {
		width: 2.5em;
		top: 1em;
		right: 1em;
	}
	.video-page .icon-vertical img {
		width: 2.25em !important;
	}
	.video-page .video-title {
		font-size: 1rem;
	}
	.video-page .video-content {
		padding: 0;
	}
	
	/* instructor style */
	.card-instructor {
		margin: 0.45rem 0;
		min-height: 22.125rem;
	}
	.card-instructor-image {
		height: 14.25rem;
	}
	.card-instructor-content {
		height: 7.875rem;
		padding: 0.625rem;
	}
	.card-instructor-content .instructor-title {
		font-size: 1rem;
		line-height: 1.125rem;
	}
	.card-instructor-content .instructor-brief {
		font-size: 0.625rem;
	}
	.instructor-page .card-instructor {
		margin: 0;
		min-height: 36.125rem;
	}
	.instructor-page .card-instructor-image {
		height: 24.25rem;
	}
	.instructor-page .card-instructor-content {
		height: 11.875rem;
		padding: 1.5rem;
	}
	.instructor-page .card-instructor-content .instructor-title {
		font-size: 1.875rem;
		line-height: 2rem;
	}
	.instructor-page .card-instructor-content .instructor-brief {
		font-size: 1rem;
	}
	.instructor-page .instructor-content {
		padding: 0;
	}
	
	/* course page style */
	.course-wrapper {
		padding: 0;
		padding-bottom: 4em;
		height: max-content !important;
	}
	.course-wrapper #banner {
		margin-top: 0;
		min-height: 9em;
		max-width: unset;
		margin: 0 -4.375rem;
	}
	.course-wrapper .container {
		padding: 0 3.125rem;
	}
	.course-wrapper .course-name {
		font-size: 1.875rem;
		line-height: 2.1875rem;
		margin-top: 1em;
		margin-bottom: 0;
	}
	.course-wrapper .course-detail .row {
		display: block;
	}
	.course-wrapper .course-detail .row .col-md-6 {
		margin: 0;
		padding: 0;
		width: 100%;
		margin-left: 0 !important;
	}
	.course-wrapper .course-state .btn-course {
		width: 100%;
		margin: 2em 0 1em;
		font-size: 1.375rem;
		padding: 0.4em 1.4em;
	}
	.box-privilage .privilage-title {
		font-size: 1.25rem;
	}
	.box-privilage-instructor ul.privilage-instructor {
		min-height: fit-content;
	}
	.course-wrapper .card-instructor {
		min-height: 20.375rem;
	}
	.course-wrapper .course-state .btn {
		width: 100%;
		height: 44px;
		line-height: 44px;
		font-size: 1.25rem;
		margin-top: 2em;
	}
	.course-intro {
		min-height: 20.625rem;
	}
	.course-summary h1 {
		font-size: 2.125rem;
	}
	.outlines .container {
		padding: 0 2.125rem;
	}
	.outlines .row {
		padding: 0;
	}
	.outlines .row .col {
		padding: 1em 0em 1em 3.125em;
	}
	.outlines .outline {
		min-height: 10rem;
	}
	.outlines .outline .title {
		font-size: 1.25rem;
		line-height: 1rem;
		height: 3em;
	}
	.outlines .outline .title .outdent {
		font-size: 3.125rem;
	}
	.outlines .outline .brief {
		height: 7.375em;
		font-size: 1rem;
		line-height: 1.25rem;
	}
	.course-documentation .document-image {
		height: 14.5rem;
	}
	
	/* course outline page style */
	.outline-wrapper .container {
		padding: 0;
	}
	.outline-wrapper {
		padding: 1rem 0;
		height: max-content !important;
		background-size: auto 18.75rem !important;
	}
	.outline-wrapper .heading {
		font-size: 1.25rem;
	}
	.moodle-wrapper {
		margin-top: 0;
	}
	.moodle-wrapper #moodle {
		/* padding-bottom: 65.825% !important; */
		/* padding-bottom: 170% !important; */
	}
	.navigator-wrapper #course-navigator .course-panel {
		padding: 0 1em;
	}
	.navigator-wrapper #course-navigator .course-panel.show {
		position: relative;
		margin-bottom: -25%;
	}
	.navigator-wrapper #course-navigator .course-panel .timeline-wrapper {
		padding: 0;
	}
	.navigator-wrapper #course-navigator .course-panel .timeline-wrapper .timeline:before {
		left: 0.95em;
	}
	.navigator-wrapper #course-navigator nav a {
		font-size: 0.875em;
	}
	.navigator-wrapper #course-navigator nav i {
		height: 54px;
		line-height: 54px;
	}
	.moodle-wrapper #outline-content {
		padding: 0 2rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	.moodle-wrapper #outline-content .course-topic-mobile {
		padding: 0 1.5rem;
		margin-bottom: 2em;
	}
	.moodle-wrapper #outline-content .outline-title {
		font-size: 1.125rem;
		margin: 0;
		margin-bottom: 0.4em;
	}
	.moodle-wrapper #outline-content .outline-title.big,
	.moodle-wrapper #outline-content .activity-title {
		font-size: 1.75rem;
		line-height: 1.75rem;
		margin: 0;
	}
	.moodle-wrapper #outline-content p.col {
		width: 100%;
	}
	.moodle-wrapper #outline-content .btgrid > .row {
		display: block;
	}
	.moodle-wrapper #outline-content .btgrid > .row .col-md-6 {
		width: 100%;
		margin-bottom: 2.5em;
	}
	.detail-info .info-desc {
		font-size: 2.125rem;
	}
	
	/* card alert style */
	.card-alert .card-alert-title,
	.card-alert .card-alert-time {
		font-size: 0.875rem;
	}
	
	/* carousel */
	.banner-wrapper {
		height: unset;
	}
	.carousel.carousel-slider .btn-prev,
	.carousel.carousel-slider .btn-next {
		width: 10%;
	}
	.carousel.carousel-slider .btn-prev img,
	.carousel.carousel-slider .btn-next img {
		height: 1.75em;
	}
	.home-page .banner-wrapper .carousel,
	.home-page .banner-wrapper .carousel .carousel-item {
		height: 120px !important;
		min-height: 120px !important;
		overflow: visible;
	}
	.home-page .banner-wrapper .carousel .indicators {
		bottom: -45%;
	}
	.home-page .banner-wrapper .carousel .indicators .indicator-item {
		background-color: rgba(85,58,141,0.3);
	}
	.home-page .banner-wrapper .carousel .indicators .indicator-item.active {
		background-color: #553A8D;
	}
	.section-course .carousel .indicators,
	.section-intro .carousel .indicators {
		bottom: -12%;
	}
	.video-page .section-intro .carousel .indicators {
		bottom: 5%;
	}
	.section-course .carousel .indicators .indicator-item.active,
	.section-intro .carousel .indicators .indicator-item.active {
		background-color: #DEA22B;
	}
	.section-course .carousel .indicators .indicator-item,
	.section-intro .carousel .indicators .indicator-item {
		background-color: rgba(222,162,43,0.15);
	}
	
	/* card trip */
	.card-trip {
		height: 18.75em;
	}
	.section-trip .row {
		margin-bottom: 6em;
	}
	.section-trip .row .box-shelf {
		width: 105%;
	}
	.trip-view-page .box-trip-topic .trip-content {
		padding-left: 0;
		padding-top: 4em;
	}
	.trip-view-page .box-trip-topic .trip-title {
		font-size: 1.625rem;
		line-height: 1.875rem;
	}
	.trip-view-page .box-trip-topic .trip-author {
		font-size: 1.125rem;
		line-height: 1.375rem;
	}
	.trip-view-page .section-trip .row {
		margin-bottom: 3em;
	}
	
	/* background style */
	.section-intro {
		height: 50rem !important;
	}
	.section-intro.background-image {
		background-size: auto 34% !important;
	}
	.video-page .section-intro .container {
		bottom: 0;
	}
	
	/* prelaunch page style */
	.prelaunch-page {
		height: calc(100vh - 56px);
	}
	.prelaunch-page .prelaunch-content {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.prelaunch-content .prelaunch-banner {
		flex: 1 0 auto;
	}
	.prelaunch-banner .banner-prelaunch {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.prelaunch-content .prelaunch-footer {
		position: unset;
		bottom: unset;
		padding: 1.25rem;
		font-size: 0.875rem;
		line-height: 1rem;
	}
	.prelaunch-content .prelaunch-logo {
		margin-top: 1em;
	}
	.prelaunch-content .prelaunch-footer .prelaunch-contact {
		margin-top: 1em;
		margin-left: unset;
	}
	.prelaunch-content .prelaunch-footer .prelaunch-contact .icon-vertical {
		margin-bottom: 0.1em;
	}
	
	/* modal style */
	.modal-policy {
		width: 100%;
		max-height: 100%;
		top: 0% !important;
		border-radius: 0;
	}
	.modal-policy .modal-content {
		padding: 0 1rem;
		padding-top: 1.5rem;
	}
	.modal-policy .modal-content .modal-title {
		font-size: 1.25rem;
	}
	.modal-policy .modal-content .modal-content-brief {
		font-size: 0.875rem;
		line-height: 1.25rem;
		padding: 1rem;
		height: unset;
	}
	.modal-policy .modal-action span {
		font-size: 0.875rem !important;
		line-height: 1.25rem;
	}
	
	/* about us page style */
	.about-us-page .about-us-logo {
		width: 6.875em;
		margin-bottom: 0;
	}
	.about-us-page .about-us-catchphrase {
		text-align: center;
		line-height: 1.875rem;
		margin-top: 1em;
	}
	.about-us-page .box-course-title {
		font-size: 2.25rem;
	}
	
	/* contact us page style */
	.contact-us-page .contact-us-title {
		font-size: 1.25rem;
	}
	.contact-us-page .contact-us-content {
		font-size: 1rem;
	}
	
	/* form style */
	.form-signup #memberTypeStep ul li {
		font-size: 1.125rem;
	}
	
	/* input style */
	input, select.browser-default {
	  font-size: 1rem !important;
	}
	.input-field>label, 
	.input-field>label:not(.label-icon).active, 
	.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label {
	  font-size: 1rem;
	}
	
	/* privacy policy cookie */
	.policy-btn .btn {
		width: 100%;
	}
	@keyframes slide-bar {
	  from {
		height: 0%;
	  }
	  to {
		height: 50%;
	  }
	}
	
	/* font style */
	
	/* font extend */
	h2 { font-size: 1.25rem; }
	h3 { font-size: 1.125rem; }
	
	.smaller { font-size: 0.875em; }
	.small { font-size: 1.125em; }
	.normal { font-size: 1em; }
	.large { font-size: 1.375em; }
	.larger { font-size: 1.625em; }
	
	#sitemap {
		font-size: 0.875em;
	}
	.section .section-title {
		margin: 0 0 0.5rem;
	}
	
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 601px) and (max-width: 992px) {
	
	/* page initilize */
	html {
		font-size: 100%;
	}
	body, 
	header, 
	main, .main {
		min-width: unset;
	}
	
	/* block layout */
	.container {
		padding: 0 1.25rem;
	}
	.nav-wrapper {
		padding: 0;
	}
	.page-wrapper {
		padding: 0 2.188rem;
	}
	
	/* navbar style */
	nav .brand-logo img {
		height: 70% !important;
	}
	nav .brand-logo {
		left: 4rem;
		-webkit-transform: unset;
		transform: unset;
	}
	.nav-wrapper.container {
		min-width: unset;
	}
	
	/* footer style */
	.page-footer #sitemap {
		padding: 2.188rem;
	}
	.copyright {
		font-size: 0.75em;
	}
	
	/* card trip */
	.card-trip {
		height: 12.75em;
	}
	.section-trip .row {
		margin-bottom: 5.375rem;
	}
	.trip-view-page .box-trip-topic .trip-content {
		padding-left: 3em;
	}
	.trip-view-page .box-trip-topic .trip-title {
		font-size: 1.875rem;
		line-height: 2.125rem;
	}
	.trip-view-page .box-trip-topic .trip-author {
		font-size: 1.375rem;
		line-height: 1.5rem;
	}
	.certificate-validation .card-background {
		top: unset;
		bottom: -12%;
		width: 60%;
	}
	
	/* banner style */
	.banner-course {
		height: 20.5rem !important;
	}
	.banner-course-content {
		width: 20.5em;
	}
	.banner-course-content .banner-course-title {
		font-size: 1.625rem;
		margin-bottom: 2rem;
	}
	.banner-course-content .banner-course-note,
	.banner-course-content .banner-course-desc {
		font-size: 0.875rem;
		line-height: 1.125rem;
	}
	.banner-course-content .banner-course-btn {
		font-size: 0.875rem;
		height: 32px;
		line-height: 32px;
	}
	.banner-course.banner-left .banner-course-content {
		right: 10%;
	}
	.banner-course.banner-right .banner-course-content {
		left: 10%;
	}
	.banner-page .content-banner-page {
		border-radius: 0 0 0 5em;
	}
	
	/* carousel */
	.banner-wrapper {
		height: unset;
	}
	.home-page .banner-wrapper .carousel,
	.home-page .banner-wrapper .carousel .carousel-item {
		height: 250px !important;
		min-height: 250px !important;
	}
	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	
	/* page initilize */
	html {
		font-size: 12px;
	}
	body, 
	header, 
	main, .main {
		min-width: unset;
	}
	
	/* navbar style */
	.nav-wrapper.container {
		min-width: unset;
	}
	nav #desktop-nav a.btn-flat {
		padding: 0 0.875em;
	}
	nav #user .btn-flat {
		font-size: 1rem;
	}
	
	/* banner style */
	.banner-course.banner-left .banner-course-content {
		right: 10%;
	}
	.banner-course.banner-right .banner-course-content {
		left: 10%;
	}
	
	/* carousel */
	.banner-wrapper {
		height: unset;
	}
	.home-page .banner-wrapper .carousel,
	.home-page .banner-wrapper .carousel .carousel-item {
		height: 300px !important;
		min-height: 300px !important;
	}
	
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
	html {
		font-size: 14px;
	}
}