@charset "utf-8";
/* CSS Document */
/*************/
@media screen and (max-width: 991px) {
	body,
	html{
		overflow-x: hidden;
	}
	.header__xs{
		display: block;
	}
	#header{
		position: relative; top: 0;
		background-color: #fff;
	}
	#header .header__logo__container{
		box-shadow: none;
	}
	.header__logo__container{
		align-items: center;
		margin-left: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5);
	}
	.header__logo{
		padding-top: .25rem; padding-bottom: .25rem;
		width: auto;
	}
	.header__logo img{
		height: 40px;
	}
	/*************/
	.header__nav__container{
		position: fixed; left: 0; top: 0; z-index: 9999;
		background-color: #fff;
		width: 100%; height: 100vh;
		overflow-x: hidden; overflow-y: auto;
		transform: translateX( -100%);
		transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease;
		padding: 0;
		text-align: left;
	}
	.navigation{
		position: relative;
		display: block;
		padding-top: 5vh;
		font-weight: normal;
		font: 300 16px/24px var( --fdefault);
		text-transform: capitalize;
	}
	.navigation .header_navhotline,
	.navigation .header_navlang,
	.navigation li,
	.is-sticky #header .navigation li{
		padding: .5rem 1.5rem .5rem 12vw;
	}
	.navigation li.selected::before{
		display: none;
	}
	.navigation .header_navlang{
		display: none;
	}
	.is-sticky .navigation li.header_navhotline,
	.navigation li.header_navhotline{
		padding-top: .75rem !important; padding-bottom: .55rem !important;
		margin-top: .75rem;
		background-color: var( --color-main);
	}
	.header_navhotline > a{
		background: none;
		color: #fff !important; font-weight: bold;
		box-shadow: none; border-radius: 0;
	}
	.header_navhotline img{
		height: 22px;
	}
	.is-sticky .navigation .header_action_close,
	.navigation .header_action_close{
		position: absolute; right: .5rem; top: .25rem; z-index: 1;
		display: block;
		padding: 0 !important;
 	}
	 .is-sticky .navigation .header_action_close button,
	 .navigation .header_action_close button{
		border: none; background: none;
		padding: 0;
		display: block;
		width: 36px; height: 36px; line-height: 36px;
		color: #999;
		font-size: 23px;
	 }
	 .header_social .footer_social{
		 padding: 0;
		 margin-top: 1rem;
	 }
	 .header_social .footer_social li{
		 padding: 0;
	 }
	 .header_social .footer_social a{
		 background-color: var( --color-main);
		 color: #fff;
		 min-width: 36px; height: 36px;
		 line-height: 36px;
	 }
	/*************/
	#footer{
		padding-top: 1.5rem;
		font-size: 12px; line-height: 22px;
	}
	.footer_navigation_wrapper{
		display: none;
	 }
	.footer__info__text{
		font-size: 11px; line-height: 20px;
	}
	.footer_img{
		height: 40px;
	}

	.fixed-bottom a{
		margin-left: .75rem; margin-right: .75rem;
	}
	.fixed-bottom a::before{
		left: -.75rem;
	}
	#footer .footer_social a{
		height: 30px; width: 30px;
		line-height: 28px;
	}
	.footer__author{
		margin-top: 1.25rem;
		font-size: 11px; line-height: 18px;
	}
	/*************/
	#phonering-alo-phoneIcon{
		display:block;
	}
	#button-share{
		border-radius: 6px; margin-top: 1rem;
		padding: 15px 15px 5px 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;
	}
	.dcontent, .dcontent pre{
		font-size: 15px;
	}
	/***************************/
	#owl_home .owl-nav{
		display: none;
	}
	.owl_home__caption_subtitle{
		font: 300 13px/22px var( --fdefault);
		margin-bottom: .25rem;
		text-transform: capitalize;
	}
	.owl_home__caption_title{
		font-size: 29px;
		letter-spacing: 1px;
	}
	#owl_home .owl-dots{
		bottom: 5px;
	}
	#owl_home .owl-item img{
		object-fit: cover; object-position: center;
	}
	/*******************/
	.homebox-item{
		padding-top: 1.5rem; padding-bottom: 1.5rem;
	}
	.home__about__title{
		font-size: 35px !important; line-height: 1.35;
	}
	.home__about__text{
		font-size: 15px; line-height: 28px;
		margin-bottom: 1.25rem;
	}
	.whynot__list{
		--bs-gutter-x: 1rem; --bs-gutter-y: 1rem
	}
	.whynot__item_text{
		font-size: 13px; line-height: 18px;
		padding-bottom: 0rem;
	}
	.whynot__title{
		font-size: 17px; line-height: 22px;
	}
	/********************/
	/*******************/
	.homebox-header-title{
		font-size: 21px; line-height: 1.3;
		padding-top:0rem; padding-bottom: .35rem;
		margin-bottom: 1.15rem;
	}
	.homebox-header-title::before{
		height: 2px; width: 75px;
	}
	.homebox-header-title--partners{
		max-width: 100%;
		font-size: 14px; line-height: 22px;
		text-transform: none;
		margin-bottom: .75rem;
		padding-left: var(--bs-gutter-x,.75rem); padding-right: var(--bs-gutter-x,.75rem);
	}
	.home_partners{
		padding-top: 1.5rem; padding-bottom: 1.5rem;
	}
	.home_partners > .container{
		padding-left: 0; padding-right: 0;
	}
	#owl_hpratners .owl-item{
		flex: 0 0 auto
	}
	#owl_hpratners .owl-item img{
		width: 19.5vw !important;
		height: 40px;
	}
	#owl_hpratners .owl-stage{
		display: flex; overflow: hidden;
	}
	#owl_hpratners .owl-dots{
		margin-top: .35rem;
	}
	#owl_hpratners .owl-dots .owl-dot span{
		width: 9px; height: 9px;
		margin: 0 3px;
	}
	#owl_hpratners .owl-dots .owl-dot.active span{
		width: 20px;
	}
	/********************/
	.pagemain-cover{
		margin-bottom: 1.15rem;
	}
	.pagemain-cover-img img{
		/* height: 20vh; width: auto; */
		object-fit: cover; object-position: center;
	}
	.pagemain-cover-title{
		font-size: 21px; letter-spacing: 1px;
		font-weight: normal;
		padding-left: 1rem; padding-right: 1rem;
		max-width: 76vw;
		overflow: hidden;
		display: none;
	}
	.breadcrumb_wrapper{
		margin-bottom: .75rem;
	}
	.breadcrumb{
		white-space: nowrap; display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.breadcrumb-item{
		flex: 0 0 auto
	}
	/*******************/
	/*******************/
	.contact_boxgroup > div{
		margin-bottom: 0rem;
	}
	.contact_boxitem{
		padding: 1rem; min-height: 0;
	}
	.contact_boxgroup img{
		height: 50px;
	}
	.contact_boxitem__caption{
		padding-bottom: .5rem;
		line-height: 24px;
	}
	.contact-info{
		margin-bottom: 1rem;
	}
	.contact-info .title-page{
		font-size: 21px;
	}
	.contact-info .home__about__text{
		line-height: 27px;
	}
	.fcontact{
		padding: 1.5rem 1rem;
		margin-right: -.75rem;
		margin-left: -.75rem;
	}
	.contact_map__nav .nav-link{
		padding: 1rem; margin: 0;
	}
	.contact_mapiframe{
		clear: both; display: block;
		min-height: 0;
		margin-bottom: 0rem;
		box-shadow: none; border-width: 1px;
	}
	.contact_mapiframe,
	.contact_mapiframe > iframe{
		min-height: 260px;
	}
	.contact_map__nav .nav-link {
		background: var( --color-main);
	}
	.freg_contact button{
		font-size: 17px; padding: 10px 20px;
	}
	/*************/
	#modal_popup .modal-dialog{
		max-width: 80vw; margin: auto;
	}
	.mymodal .modal-header{
		padding-left: .75rem;
	}
	.mymodal .modal-title{
		font-size: 13px;
	}
	.mymodal .modal-dialog{
		margin-top: .5rem;
		padding-top: 0;
	}
	.freg_contact label{
		font-size: 13px;
	}
	/******************/
	/******************/
	.location_photos > div{
		padding-left: 0; padding-right: 0;
	}
	#owl_location .owl-nav .owl-prev, #owl_location .owl-nav .owl-next{
		height: 32px; width: 32px; line-height: 32px;
		background-size: 10px auto;
	}
	#owl_location .owl-nav .owl-prev{
		right: .15rem;
	}
	#owl_location .owl-nav .owl-next{
		left: .15rem;
	}
	.other__container{
		padding-top: 2.15rem;
		padding-bottom: 1.5rem;
	}
	.other__container .homebox-header-title{
		font-size: 23px;
	}
	.blogitem{
		margin-bottom: 1rem;
	}
	.blogitem__caption{
		padding: 1rem 1.5rem 1.5rem;
	}
	.title-page{
		font-size: 25px; line-height: 1.3;
	}
	.page-quote, .quote-page{
		line-height: 1.5; font-size: 16px;
	}
	.bloglist__container.row-cols-lg-4 .blogitem__img img,
	.blogitem__img img{
		height: 250px;
	}
	#owl_project .owl-stage{
		display: flex;
	}
	#owl_project .owl-item{
		--bs-gutter-x: .75rem
	}
	#owl_project .project__itembox{
		width: 70vw;
	}
	.homeblog__lg_title{
		font-size: 23px;
	}
	.homeblog__listitem .homeblog__item{
		margin-left: calc(var(--bs-gutter-x) * -.5);
		margin-right: calc(var(--bs-gutter-x) * -.5);
	}
	.home_project .homebox-header-title{
		margin-bottom: 1.5rem;
	}
	.navigation a{
		color: #000;
	}

 	
}
/*************/
@media screen and ( max-width: 767px) {
	.container, .container-sm{
		min-width: 100%;
	}
	.footer__author{
		padding-top: .75rem; padding-bottom: .75rem;
		line-height: 20px;
	}
	.boxtext__container .boxtext_title{
		text-align: left;
		padding-right: 0; margin-bottom: .25rem;
		font-size: 23px;
	}
	.boxtext__container .boxtext_title::after{
		display: none;
	}
	.boxtext__container .boxtext_content{
		padding-left: 0;
		font-size: 14px; line-height: 24px;
	}
	#owl_location .owl-thumbs{
		margin: .5rem -.15rem;
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	#owl_location .owl-thumbs > .owl-thumb-item{
		width: calc( 100% / 6);
		padding-left: .15rem; padding-right: .15rem;
		margin-bottom: .15rem;
	}
	.home__about__title{
		font-size: 31px !important; line-height: 1.3;
	}
	.post_photo{
		margin-left: -3px; margin-right: -3px;
	}
	.photoitem{
		padding: 3px;
	}
	.lightgallery-item{
		border-radius: 8px;
	}
	.programitem-wrapper-photo .photoitem img{
		height: 115px;
	}
	.contact_boxgroup{
		--bs-gutter-y: 1rem
	}
	/*******************/
	/********************/
	.homeblog__itemlg{
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
		border-bottom: 1px solid #ddd;
	}
	.homeblog__item_info,
	.homeblog__item_img{
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
	}
	.homeblog__listitem .homeblog__item{
		border-bottom: none; padding-bottom: 0;
		margin-bottom: .75rem;
	}
	.homeblog__item_img{
		margin-bottom: 0; padding-right: 0;
		width: 36%;
	}
	.homeblog__item_info > p{
		display: none;
	}
	.homeblog__item_title{
		font-size: 17px; line-height: 1.4;
		margin-bottom: .5rem;
	}
	.homeblog__item_info{
		font-size: 13px; line-height: 22px;
	}
	.footer_social a{
		min-width: auto;
		height: 36px; width: 36px;
		line-height: 36px;
		background-color: rgba(255, 255, 255, 0.3);
		border-radius: 3px
	}
	.footer_social .fab{
		font-size: 19px;
	}
	.pagehth__item--rtl .pagehth__item_img{
		order:  1;
	}
	.pagehth__item--rtl .pagehth__item_des{
		order:  2;
	}
	.pagehth__item--rtl .pagehth__item_des,
	.pagehth__item_des{
		padding: 1rem .75rem 1.5rem;
	}
	.pagehth__item_title{
		text-transform: uppercase;
		margin-bottom: .5rem;
		font-size: 23px;
	}
	.pagehth__item_img{
		padding-left: 0; padding-right: 0;
	}
	.pagehth__item{
		--bs-gutter-x: 1.5rem;
		width: auto;
	}
	/************************/
	.header-top-social .footer_social a{
		background: none; height: auto; width: auto;
		line-height: 1.4;
	}
	/*******************/
	.home__about__container{
		margin-bottom: 1.25rem;
	}
	.home__about__img{
		display: none;
	}
	.home__about__dcontent{
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.hnoibat__itembox{
		padding: 0; margin-bottom: 1rem;
		border: none;
	}
	.hnoibat_list .hnoibat__item:last-child .hnoibat__itembox{
		margin-bottom: 0;
	}
	.hnoibat__itembox img{
		width: 100%; height: auto;
		margin-bottom: 1rem !important;
	}
	.hnoibat__title{
		font-size: 17px;
	}
	.hnoibat__itembox::before{
		display: none;
	}
	.hnoibat_list{
		margin-bottom: 0;
	}
	.hnoibat_list .hnoibat__item:last-child .hnoibat__itembox{
		border: none;
		padding-bottom: 0;
	}
	/**********************/
	.hservices_list{
		--bs-gutter-y: 1rem
	}
	.quytrinh_homebox-header{
		max-width: 100%;
	}
	.quytrinh_homebox-header .dcontent{
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 1.25rem;
		font-weight: 300;
	}
	/********************/
	.hquytrinh__itembox_img{
		padding: .5rem;
		border-width: 2px;
	}
	.hquytrinh__itembox img{
		width: 30px; height: 30px;
	}
	.hquytrinh__item{
		flex: 0 0 auto;
		width: calc( 100% / 3 );
		text-align: left !important;
		position: relative;
		display: flex; flex-direction: column;
		align-items: flex-start;
	}
	.hquytrinh__item{
		margin-bottom: 30px;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n){
		padding-top: 0;
		text-align: center !important;
		align-items: center;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(3n){
		text-align: right !important;
		align-items: flex-end;
	}
	.hquytrinh__itembox_title{
		padding-top: 0;
		padding-bottom: 30px; text-align: left;
		order: 1;
		font-size: 10px; line-height: 18px;
	}
	.hquytrinh__itembox_number{
		font-size: 17px; line-height: 16px;
		padding-left: 15px;
		text-align: left;
	}
	.hquytrinh__itembox_title::before{
		left: 25px; height: 26px;
		top: auto; bottom: 0;
	}
	.hquytrinh__list .hquytrinh__item .hquytrinh__itembox{
		position: relative; 
		order: 2;
	}
	.hquytrinh__list .hquytrinh__item .hquytrinh__itembox::before{
		position: absolute; z-index: 1;
		content: "";
		display: block;
		height: 2px !important; width: 33vw !important;
		background-color: rgb(255, 255, 255);
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before,
	.hquytrinh__list .hquytrinh__item .hquytrinh__itembox::before{
		top: 50%; right: 95%; left: auto;
		transform: rotate( 0) translateY( -50%);
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::after,
	.hquytrinh__list .hquytrinh__item .hquytrinh__itembox::after,
	.hquytrinh__list .hquytrinh__item:nth-child( 3n + 1) .hquytrinh__itembox::before{
		display: none;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(3n + 1){
		text-align: left !important;
		align-items: flex-start;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(3n + 2){
		text-align: center !important;
		align-items: center;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(3n + 2) .hquytrinh__itembox_title::before{
		left: calc( 50% - 2px);
	} 
	.hquytrinh__list .hquytrinh__item:nth-child(3n + 2) .hquytrinh__itembox_number{
		text-align: center; padding-left: 0;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(3n) .hquytrinh__itembox_title::before{
		right: 23%; left: auto;
	} 
	.hquytrinh__list .hquytrinh__item:nth-child(3n) .hquytrinh__itembox_number{
		text-align: right; padding-left: 0; padding-right: 17px;
	}
	/***********************/
	.homebox-header-title small{
		font-size: 15px;
	}
	.whynot__itembox{
		border: 1px solid #ddd;
	}
	.whynot__item .whynot__title{
		margin-bottom: .25rem;
	}
	.photoitem img{
		height: 90px;
	}
	.pageservices-other .hservices__itembox{
		background-color: var( --bs-light);
	}
	#owl_location .item-video, #owl_location img{
		height: 37vh;
	}
	.pagelist__services{
		margin-bottom: 0;
	}
	.homeblog__item_img img{
		max-height: 105px;
	}
	.diadiemdetail-googlemap > iframe{
		height: 360px;
	}
	.diadiemdetail-freg-title, 
	.myform-title{
		font-size: 27px;
	}
	.diadiemdetail-freg-title > small, 
	.myform-title > small{
		font-size: 17px;
	}
	.myform{
		padding: .5rem 1.5rem 1.5rem;
	}
	.diadiemdetail-freg-label, .myform-label{
		padding: .5rem 1.35rem;
		font-size: 14px;
	}
	.blogitem_title{
		font-size: 19px;
	}
	.fphieukhaosat{
		padding: 1rem .25rem 2rem;
		margin: 0 -.75rem !important;
		border: 0;
		border-top: 1px solid #ddd;
	}

}

@media screen and ( min-width: 767px) and (max-width: 992px) {
	.container{
		max-width: 92%;
	}
	.fcontact{
		padding-left: 10%; padding-right: 10%;
	}
	.contact_boxgroup address, .contact_boxgroup a,
	.contact_boxitem{
		font-size: 13px; line-height: 20px;
	}
	.contact_boxitem{
		min-height: 100%;
	}
	.contact_boxgroup img{
		height: 42px;
	}
	.contact_boxgroup b{
		font-size: 15px;
	}
	.homebox-header-title{
		font-size: 25px;
	}
	.homebox-header-title--partners{
		font-size: 19px; padding-left: 10%; padding-right: 10%;
		line-height: 30px;
	}
	.whynot__list{
		--bs-gutter-x: 1.25rem;
		--bs-gutter-y: 1.25rem;
	}
	.homeblog__item_datetime{
		width: 100px;
	}
	.homeblog__item_datetime .blogitem__datetime{
		height: 100px;
		font-size: 37px;
	}
	.homeblog__item_img{
		width: 250px;
	}
	.homeblog__item_img img{
		height: 150px;
	}
	.homeblog__item_title{
		font-size: 19px; line-height: 26px;
	}
	.homeblog__item_info{
		width: 50%;
		max-width: calc( 100% - 250px - 100px );
		padding-left: 1rem; padding-right: 1rem;
	}
	.footer__info__text{
		margin-bottom: 0; padding-bottom: 0; border: none;
	}
	.footer__nav .footer_social{
		display: none;
	}
	.footer__author .footer_social{
		display: block;
	}
	.pagemain-cover-title{
		display: block; font-size: 25px;
	}
	.home__about__text{
		font-size: 15px;
	}
	.post_photo{
		margin-left: -3px;
		margin-right: -3px;
	}
	.photoitem{
		padding: 3px;
	}
	.bloglist__container{
		--bs-gutter-x: 1.5rem
	}
	.title-page{
		font-size: 25px;
	}
	body.page-contact .home__about__title{
		font-size: 33px !important;
	}
	.boxtext__container .boxtext_title{
		text-align: left !important;
		margin-bottom: .25rem;
	}
	.boxtext__container .boxtext_title::after{
		display: none;
	}
	.boxtext__container .boxtext_content{
		padding-left: 0;
	}
	.programitem-wrapper-photo .photoitem img{
		height: 120px;
	}
	.home__about__img{
		display: none;
	}
	.home__about__dcontent{
		width: 100%;
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
	.hnoibat__itembox::after{
		display: block;
	}
	.hnoibat_list .hnoibat__item:nth-child( 2n + 1) .hnoibat__itembox::before,
	.hnoibat_list .hnoibat__item:nth-child( 1) .hnoibat__itembox::after,
	.hnoibat_list .hnoibat__item:nth-child( 2) .hnoibat__itembox::after{
		display: none;
	}
	.hnoibat_list .hnoibat__item:nth-child( 3) .hnoibat__itembox::after,
	.hnoibat_list .hnoibat__item:nth-child( 4) .hnoibat__itembox::after{
		display: block;
	}
	.page-home .home__about__container{
		margin-bottom: 0;
	}
	.hnoibat_list .hnoibat__item:nth-child( 2n + 1) .hnoibat__itembox{
		padding-left: 0;
	}
	.hnoibat_list .hnoibat__item:nth-child( 2n) .hnoibat__itembox{
		padding-right: 0;
	}
	.hnoibat__itembox img{
		height: 180px;
		margin-bottom: .75rem;
		object-fit: cover;
		object-position: center top;
	}
	.hnoibat__title{
		font-size: 17px;
	}
	/***********************/
	.hservices_list {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 1.25rem;
	}
	.hservices__item_des{
		padding: 1rem 1rem 1.1rem;
	}
	.hservices__itembox .hservices__item_title{
		font-size: 15px; line-height: 24px;
	}
	.quytrinh_homebox-header{
		max-width: 100%;
		font-size: 15px; line-height: 26px; font-weight: 300;
	}
	/***********************/
	.hquytrinh__itembox img{
		height: 30px; width: 30px;
	}
	.hquytrinh__itembox_img{
		border-width: 5px;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before, 
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::after{
		height: 5px; width: 170%;
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before{
		left: -110%; top: -25%;
		transform: rotate( 50deg);
	}
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::before, 
	.hquytrinh__list .hquytrinh__item:nth-child(2n) .hquytrinh__itembox::after{
		right: -110%; top: -25%;
	}
	.hquytrinh__itembox_title{
		padding-top: 25px;
	}
	.hquytrinh__itembox_title::before{
		height: 25px;
	}
	.hquytrinh__itembox_title{
		font-size: 13px;
	}
	.hquytrinh__itembox_number{
		font-size: 25px;
	}
	#owl_project .project__itembox{
		width: 42vw;
	}
	.homeblog__lg_title{
		font-size: 19px;
	}
	.homeblog__listitem{
		padding-left: 2.5rem;
	}
	.homeblog__item_img{
		width: 260px;
		padding-right: 0;
	}
	.homeblog__item_img img{
		height: 180px;
	}
	.homeblog__item_info{
		width: 100%; height: auto;
		max-width: none;
	}
	.homeblog-group .homeblog__item_info{
		padding-left: 1.5rem;
	}
	.homeblog__item_title{
		font-size: 19px;
	}
	#owl_location .item-video, 
	#owl_location img{
		height: 54vh;
	}
	.fphieukhaosat{
		padding: 1.5rem;
	}
	.homeblog-group--blog::before{
		right: 100%; left: auto;
	}
	.homeblog-group--daybongda::after, 
	.homeblog-group--blog::after{
		position: absolute;
		top: 0; left: 100%;
		z-index: 1;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
	}
	.homeblog-group--daybongda::after{
		background-color: var( --color-main);
	} 
	.homeblog-group--blog::after{
		background-color: var( --color-yellow);
	}
	.homebloggroup__container{
		padding-bottom: 0;
	}
	.diadiemdetail-googlemap > iframe{
		height: 360px;
	}
	.diadiemdetail-freg-title, .myform-title{
		font-size: 27px;
	}
	.diadiemdetail-freg-title > small, .myform-title > small{
		font-size: 19px;
	}
	.myform{
		padding-left: 3rem ; padding-right: 3rem;
	}

}
@media screen and (min-width: 992px) and ( max-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm{
		max-width: 94%;
	}
	#header{
		background-color: #fff;
	}
	.header__logo{
		width: 165px;
	}
	.header_navhotline img{
		height: 20px;
	}
	.navigation{
		font-size: 11px;
	}
	.navigation li{
		padding-left: 15px; padding-right: 15px;
	}
	.navigation .header_navlang{
		padding-left: .5rem; padding-right: .5rem;
	}
	.navigation .header_navhotline{
		font-size: 13px;
		padding-left: .75rem; padding-right: .75rem;
	}
	.contact_boxgroup {
			--bs-gutter-x: 1.5rem;
	}
	.contact_boxitem{
		padding: 1.5rem .75rem;
	}
	.contact_map__nav .nav-link{
		padding: .75rem 1rem;
		line-height: 20px;
	}
	.homebox-item {
		padding-top: 1.75rem;
		padding-bottom: 1.75rem;
	}
	.whynot__list {
		--bs-gutter-x: 1.25rem;
		--bs-gutter-y: 1.25rem;
	}
	.owl_home__caption_title{
		font-size: 53px;
	}
	.home__about__title{
		font-size: 35px;
	}
	.home__about__text{
		font-size: 15px;
	}
	.whynot__item_text{
		font-size: 14px; line-height: 22px;
	}
	.homebox-header-title--partners{
		max-width: 75%;
		font-size: 21px; line-height: 30px;
	}
	#owl_hpratners .owl-dots{
		margin-top: 10px;
	}
	.hinhthuchoc__list{
		--bs-gutter-x: 1rem;
		--bs-gutter-y: 1rem;
	}
	.homeblog__item_img{
		width: 150px;
	}
	.homeblog__item_img img{
		height: auto;
	}
	.homeblog__item_title{
		font-size: 21px; line-height: 1.3;
	}
	.homebloggroup__container{
		padding-bottom: 0;
	}
	.homeblog-group .homeblog__item_info{
		padding-left: 1.5rem;
	}
	.homeblog-group .homeblog__item_info > p{
		--line-clamp: 3;
		/* --line-height */
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: var( --line-clamp );
		-webkit-box-orient: vertical;
		 max-height:calc( var( --line-height, 22px ) * var( --line-clamp ) )
	}
	.homeblog__item_info{
		padding-left: 1rem; padding-right: 1rem;
	}
	.pagemain-cover-title{
		font-size: 35px;
	}
	.programitem-wrapper-photo .photoitem img{
		height: 125px;
	}
	.pagehth__wrapper{
		padding: 2rem 2rem 2rem;
		border-radius: 18px 18px 0 0;
	}
	.pagehth__item_des{
		padding: 1.5rem 0 1.5rem 1.5rem;
	}
	.pagehth__item--rtl .pagehth__item_des{
		padding-right: 1.5rem;
	}
	.bloglist__container{
		--bs-gutter-x: 1rem
	}
	.blogitem__img img{
		height: 215px;
	}
	.blogitem__caption{
		padding: 1rem 1.25rem 1.5rem;
	}
	.hnoibat__title,
	.blogitem_title{
		font-size: 15px; line-height: 22px;
	}
	.hnoibat__itembox{
		padding-left: .5rem ; padding-right: .5rem;
	}
	.whynot__title{
		font-size: 15px; line-height: 20px;
	}
	.hnoibat__itembox{
		font-size: 14px; line-height: 22px;
	}
	.photoitem img{
		height: 105px;
	}
	.fphieukhaosat{
		padding: 2rem;
	}
	.hnoibat__itembox img{
		object-fit: cover; object-position: center top;
	}
	.hservices_list {
		--bs-gutter-x: 2rem;
		--bs-gutter-y: 2rem;
	}


}
@media screen and (min-width: 992px) and ( max-width: 1101px) {
	.navigation li {
		padding-left: 13px;
		padding-right: 13px;
	}
}
@media screen and (min-width: 1101px) and ( max-width: 1201px) {
	.navigation li {
		padding-left: 16px;
		padding-right: 16px;
	}
	.navigation{
		font-size: 12px;
	}
	.navigation .header_navlang {
		padding-left: 1rem;
		padding-right: 1.25rem;
	}
	.homeblog__lg_title{
		font-size: 23px;
	}
	.homeblog__item_info{
		padding-left: .5rem;
		font-size: 14px; line-height: 22px;
	}
	.homeblog__item_title{
		font-size: 17px; margin-bottom: .5rem;
	}
	.project__item_title{
		font-size: 14px;
	}
	.hservices__itembox_item1 .hservices__item_title, 
	.hservices__itembox_item2 .hservices__item_title, 
	.hservices__itembox_item3 .hservices__item_title, 
	.hservices__itembox_item4 .hservices__item_title, 
	.hservices__itembox_item5 .hservices__item_title, 
	.hservices__itembox_item6 .hservices__item_title, 
	.hservices__itembox_item7 .hservices__item_title, 
	.hservices__itembox_item8 .hservices__item_title{
		font-size: 15px; line-height: 24px;
	}
	#owl_location .item-video, #owl_location img{
		height: 56vh;
	}
	.bloglist__container.row-cols-lg-4 .blogitem__img img{
		height: 150px;
	}
	.bloglist__container.row-cols-lg-4 .blogitem__caption{
		padding: .75rem 1rem;
		font-size: 14px; line-height: 22px;
	}
	.bloglist__container.row-cols-lg-4 .blogitem_title{
		line-height: 22px;
	}
}
@media screen and (min-width: 1201px) and ( max-width: 1300px) {

	.header__logo{
		width: 190px;
	}
	.contact_boxitem{
		padding: 1.5rem 1.5rem .5rem;
	}
	.navigation li {
		padding-left: 19px;
		padding-right: 19px;
	}
	.navigation .header_navlang {
		padding-left: .75rem;
		padding-right: 1.25rem;
	  }
	.navigation .header_navhotline{
		font-size: 15px;
	}
	.header_navhotline img{
		height: 22px;
	}
}
@media screen and (min-width: 1201px) and ( max-width: 1400px) {
	.container{
		width: 96%;
		max-width: 1320px;
	}
	.navigation{
		font-size: 13px;
	}
	.navigation li{
		padding-left: 20px; padding-right: 20px;
	}

}
@media screen and (min-width: 1301px) and ( max-width: 1400px) {
	.navigation li{
		padding-left: 23px; padding-right: 23px;
	}
}
@media screen and (min-width: 992px){

}
