@charset "utf-8";

@media screen and (max-width:991px) {
	html {
		overflow-x: hidden
	}

	.container {
		width: 100%
	}

	#header .hnav, #header .social {
		display: none
	}

	#header .header-top {
		margin-bottom: 8x
	}

	#header .logosearch {
		margin-bottom: 5px
	}

		#header .logosearch .logo img {
			height: 45px
		}

		#header .logosearch .logo .catption {
			font-size: 14px;
			padding-left: 3px;
			padding-top: 3px;
			line-height: 18px;
			-ms-flex-preferred-size: 0;
			flex-basis: 0;
			-ms-flex-positive: 1;
			flex-grow: 1;
			max-width: 100%;
			white-space: normal
		}

		#header .logosearch .logo {
			width: 100%;
			padding-right: 80px
		}

			#header .logosearch .logo figure {
				-ms-flex-preferred-size: 0;
				flex-basis: 0;
				-ms-flex-positive: 1;
				flex-grow: 1;
				min-height: 0;
				max-width: 80px
			}

		#header .logosearch .text-right {
			display: none
		}

	.is-sticky #header {
		/* background: var(--color-main-2) */
	}

		.is-sticky #header .logosearch .logo figure {
			max-width: 65px
		}

		.is-sticky #header .logosearch img {
			height: 35px
		}

		.is-sticky #header .btn_mobile {
			background: 0 0;
			color: #fff
		}

			.is-sticky #header .btn_mobile .fa {
				line-height: 35px
			}

	#btn-scrolltop {
		right: 10px;
		bottom: 110px
	}

	#btn-scrolltop {
		display: block
	}

	.btn_mobile {
		display: block
	}

	#call_mobile {
		display: block
	}

	#bg-main .bg .container .dis_table .title {
		font-size: 21px;
		line-height: 20px;
		text-transform: capitalize;
		margin-bottom: 10px
	}

	.breadgroup {
		margin-bottom: 15px
	}

	.breadcrumb > li {
		display: none
	}

		.breadcrumb > li:nth-child(1), .breadcrumb > li:nth-child(2) {
			display: inline-block
		}

	#bg-main .bg .container .dis_table {
		height: 140px
	}

	#rightcontent {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}

	#leftcontent {
		display: none;
		width: 100%;
		padding-bottom: 15px;
		background: var(--color-main-2)
	}

	.content-main.martop-15 {
		margin-top: 0
	}

	.title-page {
		font-size: 23px;
		line-height: 30px;
		padding-bottom: 10px;
		margin-bottom: 30px
	}

	.quote-page {
		font-size: 14px;
		line-height: 26px
	}

	.scrollfix {
		position: static !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
		border: 1px solid #87ac2d;
		border-top: 3px solid #87ac2d;
		text-align: left;
	}

	.listnav > li {
		margin-bottom: 6px
	}

		.listnav > li > a {
			padding-bottom: 4px;
			padding-top: 4px
		}

			.listnav > li > a::before {
				top: 10px
			}

	.page-montessori #leftcontent, .page-nangkhieu #leftcontent {
		display: block
	}

	.dcontent {
		font-size: 15px;
		line-height: 28px
	}

	#footer {
		margin-top: 30px
	}

		#footer .company {
			font-size: 21px
		}

		#footer .icon {
			line-height: 21px
		}

		#footer .hotline {
			margin-top: 30px;
			margin-bottom: 30px
		}

		#footer .icon-work {
			margin-top: 15px;
			margin-bottom: 0
		}

		#footer .icon-email {
			padding-left: 55px;
			background-size: 40px auto
		}

		#footer .social {
			margin-top: 20px;
			margin-bottom: 30px;
			padding-left: 55px
		}

		#footer .footer-map {
			padding-left: 0;
			padding-right: 0
		}

		#footer .author {
			font-size: 12px
		}

			#footer .author, #footer .author .text-right {
				text-align: center
			}

				#footer .author .text-right {
					margin-top: 3px
				}

	#google-map iframe {
		height: 60vh
	}

	.home-title {
		font-size: 21px;
		line-height: 28px
	}

	.home-banner .home-title {
		margin-bottom: 30px
	}

	.home-banner {
		padding-top: 30px;
		padding-bottom: 30px
	}

		.home-banner.banner-bottom {
			padding-bottom: 0;
			margin-bottom: 30px
		}

		.home-banner .item .box .title {
			font-size: 15px;
			line-height: 22px;
			margin: 5px 0
		}

	.home-about {
		padding: 0 0 30px;
		margin-bottom: 30px
	}

		.home-about .img {
			padding-left: 0;
			padding-right: 0;
			margin-bottom: 15px
		}

		.home-about .text {
			padding-right: 15px
		}

			.home-about .text .dcontent {
				font-weight: 300;
				font-size: 15px;
				line-height: 28px
			}

		.home-about .home-title-sub {
			font-size: 17px
		}

	.page-about .home-event .team-list {
		margin-left: -15px;
		margin-right: -15px
	}

	.home-event .home-title {
		font-size: 23px
	}

	.home-event .des {
		margin-top: -30px;
		padding: 30px 6vw
	}

	.home-event .dcontent {
		font-size: 15px;
		line-height: 26px
	}

	.home-news {
		padding-top: 30px
	}

		.home-news .home-title {
			margin-bottom: 30px
		}

	.homenews-list .box .des .text {
		height: auto
	}

	.homenews-list .box .des {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
		line-height: 24px
	}

		.homenews-list .box .des .readmore {
			padding-left: 15px;
			padding-right: 15px
		}

	.home-newsphoto {
		padding-top: 30px
	}

		.home-newsphoto .home-title {
			font-size: 35px;
			line-height: 42px;
			margin-bottom: 30px
		}

	.newsphoto-list {
		margin-left: -5px;
		margin-right: -5px
	}

		.newsphoto-list .item {
			padding-left: 5px;
			padding-right: 5px;
			margin-bottom: 10px
		}

	.home-newsvideo .item .box .title {
		height: auto;
		font-weight: 700;
		font-size: 17px;
		line-height: 22px
	}

	.page-about .about-first .img {
		margin-bottom: 30px
	}

	.page-about .home-event .team-list .item {
		width: 50%
	}

		.page-about .home-event .team-list .item:nth-child(5n+1) {
			clear: none
		}

		.page-about .home-event .team-list .item:nth-child(2n+1) {
			clear: both
		}

	.page-about .about-item .title-page {
		font-size: 25px;
		line-height: 32px
	}

	.page-about .home-event .home-title {
		font-size: 27px;
		line-height: 32px
	}

	#photolist .item:nth-child(4n+1) {
		clear: none
	}

	#photolist .item:nth-child(2n+1) {
		clear: both
	}

	#photolist {
		margin-left: -5px;
		margin-right: -5px
	}

		#photolist .item {
			padding-left: 5px;
			padding-right: 5px;
			margin-bottom: 10px
		}

	#pagelist .item .box .text {
		height: auto
	}

	.tuyensinh-info {
		padding-top: 30px;
		padding-bottom: 30px
	}

		.tuyensinh-info .title {
			font-size: 29px;
			line-height: 36px
		}

		.tuyensinh-info .dcontent {
			font-size: 16px;
			line-height: 28px
		}

	.tuyensinh-services {
		padding-top: 0
	}

		.tuyensinh-services .img {
			padding-left: 0;
			padding-top: 0;
			padding-right: 0;
			margin-bottom: 30px
		}

			.tuyensinh-services .img img.radius {
				border-radius: 0;
				-moz-border-radius: 0;
				-webkit-border-radius: 0
			}

		.home-newsphoto .home-title, .tuyensinh-services .title {
			font-size: 25px;
			line-height: 28px;
			margin-bottom: 20px
		}

		.tuyensinh-services .dcontent {
			font-size: 15px;
			line-height: 28px
		}

	#newslist {
		margin-top: 30px
	}

		#newslist .item {
			display: block;
			margin-bottom: 30px
		}

			#newslist .item .des, #newslist .item .img {
				width: 100%;
				max-width: 100%;
				clear: both;
				display: block
			}

			#newslist .item .des {
				padding-top: 15px
			}

				#newslist .item .des .text, #newslist .item .des .title, #newslist .item .des .website {
					padding-left: 15px;
					padding-right: 15px;
					line-height: 26px
				}

				#newslist .item .des .title {
					margin-bottom: 10px
				}

				#newslist .item .des .text {
					margin-bottom: 5px
				}

			#newslist .item .readmore {
				width: 100%;
				max-width: 100%;
				padding-left: 15px;
				padding-right: 15px
			}

	#albums .des {
		padding-left: 15px;
		padding-right: 15px
	}

	#albums .title {
		height: auto;
		font-size: 15px;
		line-height: 20px
	}

	.video-detail-text {
		margin-top: 30px
	}

	.box-other {
		margin-top: 30px
	}

	#albums.col-3 .title {
		font-size: 14px;
		line-height: 18px
	}

	.contact-info .title-page {
		margin-bottom: 0;
		font-size: 25px;
		line-height: 42px
	}

	.contact-info .item {
		padding-bottom: 15px
	}

		.contact-info .item .text {
			min-height: 0
		}

	.page-about .about-value .list-value .item {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		margin-bottom: 30px;
		line-height: 24px;
		text-align: justify
	}

		.page-about .about-value .list-value .item:nth-child(3n+1), .page-about .about-value .list-value .item:nth-child(4n+1) {
			clear: none
		}

		.page-about .about-value .list-value .item:nth-child(2n+1) {
			clear: both
		}

	#products-container {
		margin-left: -5px;
		margin-right: -5px
	}

		#products-container .box {
			padding-left: 5px;
			padding-right: 5px;
			margin-bottom: 10px
		}

		#products-container.col_5 .box:nth-child(5n+1) {
			clear: none
		}

		#products-container .box:nth-child(2n+1) {
			clear: both
		}

		#products-container .box .item .pro-img {
			padding: 0
		}

		#products-container.col_5 .box {
			width: 50%
		}

	#detail-img, #detail-info {
		width: 100%
	}

	.detail-info-group {
		padding: 0;
		margin-top: 15px
	}

	#product-detail-container .title-page {
		font-size: 23px;
		line-height: 22px
	}

	.zoomContainer {
		display: none !important
	}

	#detail-img #zoom_mw {
		pointer-events: none
	}
}

@media screen and (max-width:767px) {
	.page-about .about-first .img-item {
		width: 100%;
		margin: 0 0 15px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none
	}

	.about-thanhtich-row {
		margin-bottom: 0
	}

		.about-thanhtich-row .col-xs-12 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 30px
		}
}

@media screen and (max-width:380px) {
	.page-about .about-value .list-value .item {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
		margin-bottom: 30px
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.home-banner .item .box .title {
		min-height: 40px
	}

	.page-about .home-event .team-list .item {
		width: 33.333%
	}

		.page-about .home-event .team-list .item:nth-child(2n+1), .page-about .home-event .team-list .item:nth-child(5n+1) {
			clear: none
		}

		.page-about .home-event .team-list .item:nth-child(3n+1) {
			clear: both
		}

	#photolist .item:nth-child(2n+1), #photolist .item:nth-child(4n+1) {
		clear: none
	}

	#photolist .item:nth-child(3n+1) {
		clear: both
	}

	#albums .item:nth-child(3n+1), #albums.col-3 .item:nth-child(2n+1) {
		clear: none
	}

	#albums .item:nth-child(2n+1), #albums.col-3 .item:nth-child(3n+1) {
		clear: both
	}

	#albums.col-3 .item .title {
		min-height: 40px;
		line-height: 22px
	}

	.page-about .about-value .list-value .item {
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
		margin-bottom: 30px
	}

		.page-about .about-value .list-value .item:nth-child(4n+1) {
			clear: none
		}

		.page-about .about-value .list-value .item:nth-child(3n+1) {
			clear: both
		}

	#products-container.col_5 .box:nth-child(5n+1) {
		clear: none
	}
}

@media screen and (min-width:992px) and (max-width:1200px) {

	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}

	#rightcontent {
		padding-right: 30px
	}

	#header .logosearch img {
		height: 60px
	}

	#header .hnav li > a {
		padding: 10px 13px 9px;
		font-size: 11px
	}

	#header .hnav li.lang a {
		padding-right: 15px;
		padding-left: 15px
	}

	.home-banner .item .box .title {
		font-size: 15px
	}

	.home-about .home-title {
		font-size: 29px
	}

	.homenews-list .box .des {
		padding-left: 20px;
		padding-right: 20px
	}

		.homenews-list .box .des .title {
			font-size: 15px;
			line-height: 22px
		}

	.home-newsphoto .home-title {
		font-size: 37px;
		line-height: 42px
	}

	.newsphoto-list .item:nth-child(4n+1) {
		clear: none
	}

	.newsphoto-list .item:nth-child(3n+1) {
		clear: both
	}

	.home-newsvideo .home-banner .item {
		width: 33.333%
	}

		.home-newsvideo .home-banner .item:nth-child(4) {
			display: none
		}

	#footer .company {
		font-size: 25px
	}

	#footer .footer-map {
		padding-right: 0;
		margin-right: -10px
	}

	#footer .icon-email {
		padding-left: 55px;
		background-size: 40px auto
	}

	#footer .icon-work {
		margin-top: 15px;
		margin-bottom: 0
	}

	#footer .social {
		margin-top: 15px;
		padding-left: 55px
	}

	.home-event .des {
		margin-top: -50px
	}

	.page-about .home-event .home-title {
		font-size: 35px
	}

	#photolist {
		margin-left: -10px;
		margin-right: -10px
	}

		#photolist .item {
			padding-left: 10px;
			padding-right: 10px;
			margin-bottom: 20px
		}

	#pagelist .item .box .title {
		font-size: 15px
	}

	#pagelist .item .box .text {
		height: 130px
	}

	.leftbox {
		padding: 13px
	}

		.leftbox .title {
			font-size: 17px
		}

	.listnav > li {
		margin-bottom: 3px
	}

	#newslist .item .des .title {
		font-size: 19px;
		margin-bottom: 10px
	}

	#newslist .item .des .text {
		margin-bottom: 15px
	}

	#newslist .item .img {
		width: 36%;
		max-width: 36%
	}

	#newslist .item .des, #newslist .item .readmore {
		width: 64%;
		max-width: 64%
	}

		#newslist .item .des .text, #newslist .item .des .title, #newslist .item .des .website {
			padding-left: 15px;
			padding-right: 15px
		}

	.blog-detail {
		font-size: 27px;
		line-height: 32px
	}

	.homenews-list .box .des .text {
		height: 210px
	}

	.tuyensinh-item .list .item {
		width: 50%
	}

		.tuyensinh-item .list .item:nth-child(4n+1) {
			clear: none
		}

		.tuyensinh-item .list .item:nth-child(2n+1) {
			clear: both
		}

	.tuyensinh-info .title {
		font-size: 37px;
		line-height: 44px
	}

	.tuyensinh-services .title {
		font-size: 31px;
		line-height: 38px
	}

	#albums .title {
		font-size: 15px;
		line-height: 22px
	}
}

@media screen and (min-width:1101px) and (max-width:1160px) {
	#header .hnav li > a {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 12px
	}
}




@media screen and (min-width:1161px) and (max-width:1200px) {



	#header .hnav li > a {
		padding-left: 18px;
		padding-right: 18px;
		font-size: 12px
	}
}
@media screen and (min-width:1200px) {

.homenews-list .box .des .title {
    margin: 10px 0 10px;
    padding: 0;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 700;
    min-height: 48px;
}

#pagelist.col-4 .item .title {
    margin: 5px 0;
    color: #0400c7;
    font-size: 15px;
    min-height: 52px;
}

#pagelist.col-4 .item .box .text {
    height: auto;
    min-height: 160px;
}

.home-banner .item .box .title {
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 17px;
    min-height: 38px;
    font-weight: 700;
}

}


@media screen and (min-width:1201px){
#albums .img {
    position: relative;
    display: block;
    overflow: hidden;
    max-height: 266px;
 min-height: 266px;
}}
@media screen and (min-width:1201px) and (max-width:1400px) {

	.container {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px
	}

	#header .hnav li > a {
		padding-left: 21px;
		padding-right: 21px
	}
}

@media screen and (min-width:1201px) and (max-width:1251px) {
	#header .hnav li > a {
		font-size: 11px
	}
}

@media screen and (min-width:1201px) and (max-width:1300px) {
	#header .hnav li > a {
		font-size: 12px;
		padding-left: 19px;
		padding-right: 19px
	}
}

@media screen and (min-width:1301px) and (max-width:1400px) {
	#header .hnav li > a {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media screen and (min-width:1401px) and (max-width:1450px) {
	#header .hnav li > a {
		padding-left: 8px;
		padding-right: 8px;
	}
}

@media screen and (min-width:1451px) and (max-width:1500px) {
	#header .hnav li > a {
		padding-left: 24px;
		padding-right: 24px
	}
}

@media screen and (min-width:1451px) and (max-width:1500px) {
	#header .hnav li > a {
		padding-left: 24px;
		padding-right: 24px
	}
}
@media screen and (min-width:1170px){
	#page{width: 1170px;margin:0px auto}
}