@media (max-width: 1300px) {
	.starting-activity .description h2{
		font-size: 40px;
		line-height: normal;
	}
	.starting-activity .description p{
		margin-bottom: 15px;
	}
	.diversity-fun .description h2{
		font-size: 40px;
		line-height: normal;
		margin-bottom: 10px;
	}
	.enjoy-newthings .description h2{
		font-size: 40px;
		line-height: normal;
	}
}
@media (max-width: 1200px) {
	.student-blog .swiper-button-next{
		margin-right: 10px;
	}
	.student-blog .swiper-button-prev{
		margin-left: 10px;
	}
	.enjoy-newthings{
		height: 535px;
	}
	.enjoy-newthings:before{
		top: -50px;
	}
	.enjoy-newthings .thumb{
		height: 100%;
	}
	.enjoy-newthings .thumb img{
		height: 535px;
		object-fit: cover;
	}
}
@media (max-width: 999px) {
	.student-blog .swiper-button-next{
		margin-right: 10px;
	}
	.student-blog .swiper-button-prev{
		margin-left: 10px;
	}
	.home-banner .banner-text h1{
		font-size: 40px;
		line-height: normal;
		max-width: 500px;
	}
	.starting-activity:before{
		display: none;
	}
	.starting-activity:after{
		display: none;
	}
	.starting-activity .description h2{
		font-size: 30px;
		line-height: normal;
	}
	.starting-activity .description p{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.projects-work{
		padding: 50px 0px 0px;
	}
	.diversity-fun:before{
		display: none;
	}
	.diversity-fun:after{
		display: none;
	}
	.diversity-fun .description h2{
		font-size: 30px;
		line-height: normal;
	}
	.home-faq{
		padding: 50px 0px 0px;
	}
	.enjoy-newthings:before{
		display: none;
	}
	.enjoy-newthings:after{
		display: none;
	}
	.enjoy-newthings .description h2{
		font-size: 30px;
		line-height: normal;
	}
	footer{
		padding: 50px 0 145px;
	}
	footer:before{
		display: none;
	}
	.award-partener-list{
		margin-bottom: 0px;
	}
	.award-partener-list .box{
		width: 100%;
		margin-bottom: 30px;
	}
	.blog-links a{
		margin: 5px 10px 5px 0px;
	}
	.blog-list .blog-label{
		position: relative;
		right: inherit;
		top: inherit;
		width: auto;
		display: inline-flex;
		margin-bottom: 10px;
	}
	.more-blog{
		margin-right: 0px;
	}
	.blog-content{
		padding-bottom: 0;
	}
	.post-find-here{
		margin-top: 0;
	}
	.banner-filter .container{
		margin: 0;
		padding: 15px 10px;
	}
	.banner-filter .title{
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	.banner-filter .more{
		margin-left: 0px;
	}
}
/* menu setting */
@media (max-width: 999px) {
	.header .logo{
		/* padding: 15px 0px 0px; */
		display: block;
		width: 220px;
	}

	.logo a.image {
    width: 220px;
    margin: 0;
}
	xx.menu-toggle{
		display: flex;
	}
	xxx.menu-toggle.active{
		position: fixed;
		right: 20px;
		top: 20px;
		z-index: 1410;
	}
	xxx.header-right{
		position: fixed;
		right: -100%;
		top: 0;
		width: 280px;
		height: 100%;
		padding: 30px 0px;
		background-color: #fff;
		z-index: 1400;
		overflow: auto;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	xx.header-right.open{
		right: 0;
	}
	xxx.menu{
		position: relative;
		display: block;
		width: 100%;
	}
	xxx.menu ul{
		display: block;
		width: 100%;
	}
	xxx.menu li{
		margin: 0;
		width: 100%;
	}
	xxx.menu li a{
		display: block;
		width: 100%;
		padding: 10px 15px;
		text-align: center;
	}
	xxx.menu li a br{
		display: none;
	}
	xxx.menu li:hover .dropdown-menu{
		display: none;
	}
	xxx.menu li.dropdown .caret{
		display: block;
		right: 10px;
		top: 10px;
	}
	xxx.menu li.dropdown .dropdown-menu{
		position: relative;
	}
	xx.menu li.dropdown.show .dropdown-menu{
		display: block;
		width: 100%;
		position: relative !important;
		transform: inherit !important;
	}
}
@media (max-width: 767px) {
	.student-blog{
		padding-bottom: 40px;
	}
	.student-blog .swiper-button-next{
		margin-right: 10px;
		top: inherit;
		bottom: -25px;
		margin-top: 0;
	}
	.student-blog .swiper-button-prev{
		margin-left: 10px;
		top: inherit;
		bottom: -25px;
		margin-top: 0;
	}

.topbar > .container {
		padding: 0;
	}

	.topbar li {
		max-width: 25%;
		font-size: 12px
	}

	.topbar li a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 6px 4px;
    text-transform: uppercase;
    font-weight: 700;
    height: auto;
}
	.home-banner .banner-text{
		position: relative;
		background-color: #002e5f;
		padding: 30px 0px;
	}
	.home-banner .banner-text h1{
		font-size: 30px;
		line-height: normal;
	}
	.banner-nav{
		padding-top: 10px;
	}
	.banner-nav .box{
		margin-bottom: 20px;
	}
	.banner-nav .text{
		font-size: 16px;
	}
	.home-banner .btn-banner .text{
		max-width: 230px;
		min-width: 230px;
	}
	.starting-activity:before{
		display: none;
	}
	.starting-activity:after{
		display: none;
	}
	.starting-activity .description{
		position: relative;
		background-color: #002e5f;
		padding: 30px 0px;
	}
	.starting-activity .description h2{
		font-size: 30px;
		line-height: normal;
	}
	.starting-activity .btn-banner{
		font-size: 18px;
	}
	.starting-activity .btn-banner .text{
		max-width: 230px;
		min-width: 230px;
	}
	.projects-work{
		padding: 30px 0px 0;
	}
	.projects-work .block-title h2{
		font-size: 22px;
	}
	.diversity-fun:before{
		display: none;
	}
	.diversity-fun:after{
		display: none;
	}
	.diversity-fun .description{
		position: relative;
		background-color: #002e5f;
		padding: 30px 0px;
	}
	.diversity-fun .description h2{
		font-size: 30px;
		line-height: normal;
	}
	.diversity-fun .btn-banner {
		font-size: 18px;
	}
	.diversity-fun .btn-banner .text{
		min-width: 230px;
		max-width: 230px;
	}
	.home-faq{
		padding: 30px 0px;
	}
	.home-faq .block-title h2{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.enjoy-newthings:before{
		display: none;
	}
	.enjoy-newthings:after{
		display: none;
	}
	.enjoy-newthings .description{
		position: relative;
		background-color: #002e5f;
		padding: 30px 0px;
	}
	.enjoy-newthings .description h2{
		font-size: 30px;
		line-height: normal;
	}
	.enjoy-newthings .btn-banner {
		font-size: 18px;
	}
	.enjoy-newthings .btn-banner .text{
		max-width: 230px;
		min-width: 230px;
	}
	.enjoy-newthings{
		height: auto;
	}
	.enjoy-newthings .thumb img{
		height: auto;
	}
	footer{
		padding: 30px 0px 145px;
	}
	.award-partners h2{
		font-size: 18px;
		line-height: normal;
	}
	footer:before{
		display: none;
	}
	.award-partener-list{
		margin-bottom: 0;
	}
	.award-partener-list .box{
		width: 100%;
		margin-bottom: 30px;
	}
	.other-blog .card-image img{
		height: auto;
	}
	.other-blog .card-image{
		height: auto;
	}
	.fixed-icon{
		top: inherit;
		bottom: 0;
		/* background-color: #fff; */
		width: 100%;
		right: 0;
		padding: 10px 15px;
	}
	.fixed-icon ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.fixed-icon li{
		margin: 0;
	}
	.copyright{
		bottom: 80px;
	}
	.fixed-icon li a span{
		right: 0;
		left: 0;
		margin: auto;
		bottom: 100%;
		width: 200px;
	}
	.blog{
		/* padding: 30px 0px; */
	}
	.blog:before{
		display: none;
	}
	.blog-links a{
		max-width: 100%;
		margin: 5px 0px;
		width: 100%;
	}
	.post-find-here{
		margin-top: 0;
		margin-bottom: 0px;
	}
	.blog-content{
		padding-bottom: 0px;
	}
	.more-blog{
		margin-right: 0px;
	}
	.accordion{
		margin-bottom: 30px;
	}
	.collage-links{
		display: block;
	}
	.collage-links a{
		margin: 5px 0px;
	}
}
@media (max-width: 374px) {
	.header .logo{
		width: 230px;
	}
}