.hamburger {
	display: none;
	position: absolute;
	padding: 15px;
	width: 65px;
	height: 65px;
	left: 0;
	top: 0;
	transform: scale(.7);
}
.hamburger .bar1,
.hamburger .bar2,
.hamburger .bar3 {
	width: 35px;
	height: 5px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
}
.hamburger.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-8px,6px);
	transform: rotate(-45deg) translate(-8px,6px);
}
.hamburger.change .bar2 {
	opacity: 0;
}
.hamburger.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-9px,-8px);
	transform: rotate(45deg) translate(-9px,-8px);
}
.header-mobile {
	display: none;
	position: fixed;
	padding-top: 0px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 100%;
	background: #ffffff;
	text-align: center;
	z-index: 9;
	transition: 300ms;
	overflow: hidden;
}
.header-mobile.active {
	padding-top: 105px;
	bottom: 0;
}
.header-mobile .header-item {
	display: block;
	font-size: 24px;
}
.header-mobile .header-item>div {
	padding: 21px;
}
.header-mobile .header-item a {
	display: block;
	padding: 21px;
	color: #252525;
	text-decoration: none !important;
}
.header-mobile .header-item ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.header-mobile .header-item li {
	display: block;
}
.header-mobile .header-item .collapsed .fa-caret-up {
	transform: rotateX(180deg);
}
.header-mobile .header-item .fa-caret-up {
	transition: 300ms;
}
@media (max-width: 991px) {
	.header-custom,
	.header-custom.header-custom-top {
		position: fixed;
		padding: 12px;
		height: 65px;
		left: 0;
		right: 0;
		top: 0;
		background: #ffffff;
	}
	.header-custom.index,
	.header-custom.header-custom-top.index {
		background: #ffffff;
	}
	.header-custom .hamburger,
	.header-custom.header-custom-top .hamburger {
		display: block;
	}
	.header-custom .inner .pull-left,
	.header-custom.header-custom-top .inner .pull-left {
		float: none !important;
	}
	.header-custom .inner .pull-left img,
	.header-custom.header-custom-top .inner .pull-left img {
		height: 40px;
	}
	.header-custom .inner .pull-right,
	.header-custom.header-custom-top .inner .pull-right {
		display: none;
	}
	.header-custom .lang-grid,
	.header-custom.header-custom-top .lang-grid {
		/* display: none; */
	}
	.header-mobile {
		display: block;
	}
	.main-container>section:first-child {
		margin-top: 65px;
	}
	.container-fluid .title,
	.container-fluid .desciption,
	.container-fluid .content,
	.container-fluid .author {
		padding: 0 30px;
	}
	#HomepageBanner,
	#HomepageSection1,
	#HomepageSection2,
	#HomepageSection3,
	#HomepageSection4,
	#HomepageSection5,
	#HomepageSection6,
	#HomepageSection7,
	#HomepageSection8,
	#HomepageSection9,
	#HomepageSection10 {
		background-color: #ffffff;
		background-attachment: unset;
	}
	#HomepageBanner,
	#HomepageSection2,
	#HomepageSection4,
	#HomepageSection7,
	#HomepageSection9,
	#CourseSection0,
	#CourseSection5,
	#CourseSection6,
	.letterSectionBanner,
	.letterSectionSubBanner,
	.contactSectionBanner {
		min-width: unset;
		min-height: unset;
		width: 100%;
		height: calc(432vw / 7.68);
	}
	#CourseSection1,
	.sectionCourseDetail {
		min-width: unset;
		width: 100%;
	}
	#CourseSection1 {
		background-attachment: unset;
		background-position: top center;
	}
	#CourseSection1 .inner .box-center-div {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 560px;
	}
	#CourseSection1 .inner .box-center-div .box-center {
		padding-right: 30%;
		width: 80%;
		text-align: left;
		word-break: keep-all;
	}
	#CourseSection1 .grid .grid-item {
		margin: 0 30px;
		padding: 40px 0;
		width: calc(50% - 60px);
		border-top: #498f9d 1px solid;
		text-align: left;
	}
	#CourseSection1 .grid .grid-item .item-image {
		display: inline-block;
		display: -webkit-inline-block;
		width: 50px;
		height: 50px;
		vertical-align: top;
	}
	#CourseSection1 .grid .grid-item .content {
		display: inline-block;
		display: -webkit-inline-block;
		margin: 0;
		padding: 0;
		padding-left: 25px;
		width: calc(100% - 50px);
		font-size: 18px;
		vertical-align: top;
	}
	#CourseSection1 .grid .grid-item:nth-child(1) {
		border-top: none;
	}
	#CourseSection1 .grid .grid-item:nth-child(4) {
		margin-left: 30px;
	}
	#CourseSection1 .grid .grid-item:nth-child(2n+1) {
		transition-delay: 0ms;
	}
	#CourseSection1 .grid .grid-item:nth-child(2n) {
		transition-delay: 0ms;
	}
	#CourseSection2 {
		background-image: -webkit-linear-gradient(top,#498f9d 0%,#498f9d 560px,rgba(255,255,234,0) 560.1px,rgba(255,255,234,0) 100%);
		background-image: -moz-linear-gradient(top,#498f9d 0%,#498f9d 560px,rgba(255,255,234,0) 560.1px,rgba(255,255,234,0) 100%);
		background-image: -ms-linear-gradient(top,#498f9d 0%,#498f9d 560px,rgba(255,255,234,0) 560.1px,rgba(255,255,234,0) 100%);
		background-image: -o-linear-gradient(top,#498f9d 0%,#498f9d 560px,rgba(255,255,234,0) 560.1px,rgba(255,255,234,0) 100%);
		background-image: linear-gradient(top,#498f9d 0%,#498f9d 560px,rgba(255,255,234,0) 560.1px,rgba(255,255,234,0) 100%);
		background-attachment: unset;
		background-position: top center;
	}
	#CourseSection2 .inner .box-center-div {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 560px;
	}
	#CourseSection2 .inner .box-center-div .box-center {
		padding-right: 30%;
		width: 80%;
		text-align: left;
		word-break: keep-all;
	}
	#CourseSection2 .inner .box-center-div .box-center .title,
	#CourseSection2 .inner .box-center-div .box-center .description {
		color: #ffffff;
	}
	#CourseSection5 .inner .box-center-div .box-center {
		word-break: keep-all;
	}
	.indicator.indicator-custom {
		display: none;
	}
	.letterSectionContent .sticker-letter {
		right: 24px;
		top: auto;
		width: 46px;
		height: 35px;
		margin-top: 20px;
	}
	#LetterSection1.letterSectionContent .row {
		background-size: cover;
	}
}