@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	html{
		overflow-x: hidden;
	}
	body{
		padding-bottom: 45px;
	}
	.btn_mobile{
			display: block;
	}
	#header{
		padding-top: 0px;
	}
	.bgmain__breadcrumb,
	.footer__text .footer_social,
	.home__about__container .home__about__text > p,
	.header__nav__container li{
		display: none;
	}
	.header__nav__container li.act-btnmenu{
		display: block; padding: 6px 0 0;
	}
	.header__logo img{
		height: 40px;
	}
	.burger-btn{
		color: var( --color-main);
	}
	.header__logo__container{
		padding-top: 7px; padding-bottom: 7px;
	}
	.is-sticky #header .header__logo img{
		height: 36px;
	}
	.is-sticky .header__nav__container li.act-btnmenu{
		padding-top: 0px;
	}
	.hnav__lang{
		display: none;
	}
	#bg-main{
		margin-bottom: 20px;
	}
	/***********************/
	.hnav_collapse__container .imglogo__bg{
		display: none;
	}
	body.menu-open #header{
		z-index: 901 !important
	}
	.burger-btn{
		font-size: 11px;
		width: 50px;
	}
	.header__logo{
		margin-top: 0; margin-bottom: 0;
	}
	/*****************/
	#footer{
		padding-top: 60px;
	}
	.footer_img{
		max-height: 50px;
	}
	.footer__text{
		padding-left: 15px; padding-right: 15px;
		-ms-flex-order: 1;    order: 1;
	}
	.footer_info{
		padding-top: 0;
		-ms-flex-order: 2;    order: 2;
	}
	.footer__author{
		margin-top: 15px; padding-top: 10px; padding-bottom: 10px;
		text-align: left;
	}
	/****************/
	#button-share{
		border-radius: 0;
		padding: 10px 15px 0px 5px;
	}
	#button-share .share-item i:after,
	#button-share .share-item b,
	#button-share .header{
			display: none;
	}
	#button-share .share-item{
		padding-right: 0; margin-right: 0; margin-left: 15px;
		border-radius: 6px; overflow: hidden;
		line-height: 1;
	}
	#button-share .share-item i{
		margin-right: 0; padding: 0;
		width: 34px; height: 34px; line-height: 34px;
		font-size: 17px;
	}
	/*************************/
	.wrapper-container{
			padding: 20px 15px;
	}
	.dpost-content .wrapper__content{
		padding-left: 15px; padding-right: 15px;
	}
	.dpost-content .content-left-container{
		padding: 0px 0px 15px
	}
	.pageheader__titlesub{
		font-size: 14px; padding-left: 55px;
	}
	.title-line::before, .pageheader__titlesub::before{
		width: 45px; top: 12px;
	}
	.title-page{
		font-size: 21px;
	}
	.title-line{
		padding-left: 45px !important;
		margin-bottom: 15px !important;
	}
	.title-line::before{
		width: 35px;
	}
	.home__about__content{
		font-size: 15px; line-height: 26px;
	}
	.page-quote, .quote-page{
		font-size: 15px; line-height: 24px;
		margin-bottom: 10px;
	}
	/**************/
	.aboutmain__img{
		padding-left: 15px;;
		transform: none;
	}
	.home__whynot .home__about__title{
		font-size: 23px; line-height: 1.3;
	}
	.aboutpost_item{
		margin-top: 15px; margin-bottom: 15px;
	}
	.aboutpost_box{
		padding-top: 25px;
	}
	.aboutpost_text{
		padding: 0 30px
	}
	.whynot__item{
		margin-bottom: 25px;
		min-height: 60px; padding-top: 4px;
		line-height: 21px;
	}
	.whynot__item::before{
		width: 48px; height: 48px;
	}
	.whynot__item::after{
		width: 58px; height: 58px;
	}
	.whynot__list{
		margin-bottom: 35px;
	}
	.aboutquote__container{
		padding-top: 30px; padding-bottom: 5px;
	}
	.aboutquoate__item{
		font-size: 23px;
		padding-left: 0; padding-right: 0;
	}
	.aboutquoate__title{
			font-size: 17px;
	}
	p.f-title.bold{
		margin-bottom: 5px;
	}
	/****************/
	#modal_tuyensinh .modal-content{
		min-height: 100vh;
		border: none;
		border-radius: 0;
	}
	#modal_tuyensinh .modal-dialog{
		padding-bottom: 0; margin: 0;
		max-width: 100%;
		border-radius: 0;
	}
	#modal_tuyensinh .modal-header{
		border-radius: 0;
	}
	.modal_fts{
		padding: 15px;
	}
	/****************/
	.tspost__container{
		padding-top: 15px;
	}
	.tsfile__container .tsfile__item:last-child{
		margin-bottom: 0
	}
	.program__item{
		font-size: 15px; line-height: 26px;
		font-weight: 400; margin-bottom: 30px;
	}
	.program__img{
		padding: 0;
	}
	.programlist__container .program__item:nth-child(2n ) .program__img img,
	.program__img img{
		border-radius: 12px 12px 0 0
	}
	.program__des{
		border-radius: 0 0 12px 12px;
		padding: 15px 20px 15px;
	}
	.program__title{
		font-size: 25px;
	}
	.programlist__container .program__item:nth-child(2n ) .program__img {
	    -ms-flex-order: 1;	    order: 1;
	}
	.programlist__container .program__item:nth-child(2n ) .program__des {
	    -ms-flex-order: 2;	    order: 2;
	}
	.program_postlist{
		margin-bottom: 0;
	}
	.post_photo{
		padding-left: 35px; padding-right: 35px;
		margin: 0;
	}
	.photoitem img{
		height: 12vh;
	}
	.aboutpost__img img{
		height: auto !important;
	}
	button#btn-scrolltop{
	}
	.dpost-content .content-left{
		border-radius: 0;
	}
	.dpost-content .content-right{
		padding-top: 30px; padding-bottom: 5px;
		padding-left: 15px;
	}
	.boxleft__list{
		margin-bottom: 0;
	}
	.home__whynot .home__about__text{
		margin-bottom: 5px !important
	}
	.tsfile__item{
		margin-bottom: 30px;
	}
	body.page-contact{
		background: #FFF;
	}
	.contact__content{
		box-shadow: none;
		padding: 0;
	}
	#google_maps{
		margin-left: -15px; margin-right: -15px;
		height: 320px;
	}
	#google_maps{
		margin-left: 0; margin-right: 0;
		height: 320px;
	}
	.fb_dialog_mobile .fb_dialog_content > iframe[name*=blank_]:first-child{
		bottom: 75px !important;
		margin: 0 2px !important;
	}
	.aboutpost_box .blogitem_title{
		font-size: 19px;
	}
	.post_photo{
		padding-left: 0; padding-right: 0;
	}
}
/*************/
@media screen and ( max-width: 767px) {
	#bg-main .breadcrumb,
	.dpost-content #bg-main{
			display: none;
	}
	/*************/
	.aboutpost_item{
		padding-left: 8%; padding-right: 8%;
	}
	.tspost__item{
		margin-bottom: 25px;
	}
	.tspost__box{
		padding: 5px;
	}
	.tspost__img {
		padding: 0
	}
	.tspost__des {
		padding: 0px 10px 15px;
		-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;
	}
	.aboutpost__img img{
		height: auto !important;
	}
	.blogitem__img img{
		height: 220px
	}
	#google_maps{
		margin-left: -15px; margin-right: -15px;
	}
}

@media screen and ( min-width: 767px) and (max-width: 992px) {
	#bg-main{
		display: none;
	}
	#header{
		margin-bottom: 30px;
	}
	#footer{
		padding-top: 110px;
	}
	.dpost-content #header{
			margin-bottom: 25px;
	}
	.dpost-content .content-left-container{
		padding: 5px 15px 20px;
	}
	.bloglist__container{
		margin-left: -25px; margin-right: -25px;
	}
	.aboutpost_item{
		padding-left: 10px; padding-right: 10px;
	}
	.aboutpost_text{
		padding: 0 15px; margin-bottom: 25px;
	}
	.blogitem__caption{
		margin-bottom: 0;
		font-size: 13px; line-height: 22px;
	}
	.whynot__item{
		font-size: 13px; line-height: 20px;
	}
	.blogitem__img img{
		height: 190px
	}
	.photoitem img{
		height: 15vh;
	}
	.title-page{
		font-size: 25px;
		text-transform: uppercase; font-weight: 900;
	}
	.other__container .bloglist__container .blogitem{
		-ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;
	}
	.other__container .bloglist__container .blogitem:nth-child(5),
	.other__container .bloglist__container .blogitem:nth-child(6),
	.other__container .bloglist__container .blogitem:nth-child(7),
	.other__container .bloglist__container .blogitem:nth-child(8),
	.other__container .bloglist__container .blogitem:nth-child(9){
		display: none;
	}
}
@media screen and (min-width: 992px) and ( max-width: 1200px) {

	.program__img{
		-ms-flex: 0 0 42%;    flex: 0 0 42%;    max-width: 42%;
	}
	.program__des{
		-ms-flex: 0 0 58%;    flex: 0 0 58%;    max-width: 58%;
		padding: 20px 25px;
	}
	.header__logo{
		margin-top: 0; margin-bottom: 0;
	}
	.header__logo img{
		height: 52px;
	}
	.hnav__lang{
		margin-bottom: 4px;
	}
	.navigation li{
		padding-left: 20px; padding-right: 20px;
	}
	.navigation a{
		padding: 5px 0 8px;
	}
	.aboutmain__img{
		transform: none;
		padding-left: 2rem;
	}
	.aboutpost_text{
		padding: 0 30px;
	}
	.tspost__box{
		text-align: center;
	}
	.tspost__img,	.tspost__des{
		-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;
	}
	.tspost__img img{
		height: 135px; width: auto;
		text-align: center; display: inline-block;
	}
	.tspost__des{
		padding-top: 15px;
	}
	.post_photo{
		padding-left: 35px; padding-right: 35px;
		margin: 0;
	}
	.photoitem img{
		height: 180px;
	}
	.boxleft__title{
		font-size: 15px;
	}
	#bg-main{
		margin-bottom: 25px;
	}
	.title-page{
		font-size: 25px;
	}
	.dpost-content .content-right{
		padding-left: 25px; padding-right: 0;
		padding-top: 30px; padding-bottom: 0;
	}
	.other__container .bloglist__container .blogitem{
		-ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%;
	}
	.other__container .bloglist__container .blogitem:nth-child(7),
	.other__container .bloglist__container .blogitem:nth-child(8),
	.other__container .bloglist__container .blogitem:nth-child(9){
		display: none;
	}
	#footer{
		padding-top: 150px;
	}


}

@media screen and (min-width: 992px) and ( max-width: 1101px) {
}
@media screen and (min-width: 1201px) and ( max-width: 1300px) {
	#footer{
		padding-top: 160px;
	}

}
@media screen and (min-width: 1301px) and ( max-width: 1400px) {
	#footer{
		padding-top: 190px;
	}
}
@media screen and (min-width: 992px){

	.floating_fixright{
		right: 0; bottom: 50%; left: auto;
		transform: translateY( 50px);
		width: 46px;
		background: none;
	}
	.floating_fixright > div{
		border: none;
		padding: 5px 0;
	}
	.floating_fixright > div.xs-hide{
		display: none;
	}
	.fixrgt_tuyensinh{
		writing-mode: vertical-rl;
		text-orientation: mixed;
	}
	.floating_fixright a{
		min-width: 0; width: 46px;
		height: auto; min-height: 0;
		line-height: 32px;
	}
	.floating_fixright .fixrgt_tuyensinh{
		padding: 15px 5px;
		background: var( --color-main); color: #FFF;
		font-weight: bold; text-transform: uppercase;
		border-radius: 6px 0 0 6px;
		box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
	}
	.floating_fixright .fixrgt_tuyensinh:hover{
		background: var( --color-hover);
	}
	.floating_fixright .fa{
		color: #FFF; margin: 0 0 8px 3px;
	}
}