@media screen and (max-width: 1199px){ /* 1024 *660 */

	.container {
		max-width: 960px;
	}

	.mb-30 { margin-bottom: 22px; }
	.mb-50 { margin-bottom: 30px; }
	.p-tb-80 { padding: 65px 0; }
	.pt-80 { padding-top: 65px; }
	.pb-80 { padding-bottom: 65px; }
	.title { font-size: 35px; }


	.slick-next, .slick-prev { width: 100px; height: 35px; background-size: 60px; }
	.slick-prev { right: calc(33.8% + 120px); }
	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus {
	    background-size: 60px;
	}

	.header__inner .logo img { width: 120px; }
	.header__inner .navbar-nav>.nav-item>.nav-link { font-size: 14px; }
	.navbar-nav>.nav-item>.nav-link { padding:  0 10px; }
	.why-us .heading .title { font-size: 37px; }

	.banner__inner { min-height: 600px; }
	.banner .sub-title { margin-bottom: 20px; }
	.banner .title { font-size: 40px; margin-bottom: 30px; }

	.why-us { padding: 0 30px 45px 30px; }
	.why-us:before, .why-us:after { left: 10px; }
	.why-us:after { right: 10px; left: unset; }
	.why-us__list-item { width: 50%; }

	.section-overview .top:before { right: 10px; }
	.section-overview .wrap-img .inner { margin-right: calc((-100vw + 930px)/2) }

	.about-story { width: 960px; }

	.library { padding-top: 65px; }
	.library .slick-dots { bottom: -25px; }
	.library .slick-dots li button { width: 6px; height: 6px; }

	.plan-master__left { width: 100%; }
	.plan-master__inner .info { display: flex; }
	.plan-master__inner .info ul { width: 50%; }
	.plan-master__right { width: 100%; }

	.introduce .community_r { padding: 0 30px; }
	.introduce .community_r h4 { font-size: 18px; margin-top: 30px; margin-bottom: 20px; }

	.library__list-item { padding: 0 20px; }
	.library:before, .library:after { left: 9.5%; }
	.library:after { right: 9.5%; left: unset; }
	.library__list-item a .wrap-info { font-size: 17px; left: 20px; padding: 10px 25px; }

	.form-ch .form__inner .left .wrap-img { margin-left: calc((-100vw + 945px)/2); margin-right: -220px; }
	.form-ch .form__inner .left { padding-top: 65px; }


	.footer { padding-top: 70px; }
	.footer__list-item .contact .right { padding-left: 20px; }
	.footer__list-item .contact .left { padding-right: 20px; }
	.footer .title { font-size: 32px; }


	.csbh .tdtt .wrap-img .logo { width: 100px; height: 100px; }
	.section-form-project .wrap-form .form-group { padding: 15px 5px; }
	.section-form-project .wrap-form { margin: -15px -5px; }

	.fs-20 { font-size: 18px; }
    .fs-25 { font-size: 21px; }
    .fs-30 { font-size: 24px; }
    .fs-35 { font-size: 27px; }
    .fs-37 { font-size: 28px; }
    .fs-45 { font-size: 35px; }
    .fs-60 { font-size: 45px; }
    .fs-90 { font-size: 70px; }
    .fs-100 { font-size: 75px; }
    .fs-150 { font-size: 112px; }
    .fs-200 { font-size: 150px; }
}


@media screen and (max-width: 991px){ /* 768 */ 

	.container { max-width: 720px; }

	.footer .title { font-size: 32px; }

	h4, h5, h6 { font-size: 18px; }

	.pt-80 { padding-top: 60px; }
	.p-tb-80 { padding: 60px 0; }
	.pb-80 { padding-bottom: 60px; }
	.mb-50 { margin-bottom: 30px; }
	.p-tb-60 { padding: 45px 0; }

	/*Menu*/
	/*Menu*/
	.header__inner { height: 42px; }
	.header.scroll .header__inner { height: 38px; }
  	.header .navbar-nav { display: none; }
  	.header__inner .logo img { width: 85px; }
  	.mobile-menu { display: block; }
	.mobile-menu.open .mobile-menu__box { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.mobile-menu { pointer-events: inherit; }
  	.mobile-menu__overlay { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background: #fff; visibility: hidden; opacity: 0; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
	.mobile-menu.open .mobile-menu__overlay { opacity: 1; visibility: visible; }
	.mobile-menu__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; position: relative; background: #fff; background-position: bottom; background-repeat: no-repeat;}
	.mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
	.mobile-menu__inner .navbar-nav>.nav-item { padding: 10px; }
	.mobile-menu__inner .navbar-nav>.nav-item.active {  position: relative; background-color: #004a5b;}
	.mobile-menu__inner .navbar-nav>.nav-item.active .nav-link { position: relative; color: #fff; ; }
	.mobile-menu__inner .navbar-nav>.nav-item.active:before { position: absolute; top: 0; left: 0; content: ''; width: 4px; bottom: 0px; }
	.mobile-menu__inner .navbar-nav>.nav-item .nav-link { padding: 10px 20px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; align-items: center; color: #004a5b;}
	.mobile-menu__close-button { position: absolute; top: 0; right: 100%; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; cursor: pointer; background-color: #fff;}
	.mobile-menu.open .mobile-menu__close-button { opacity: 1; visibility: visible; } 
	.navbar-nav .dropdown-menu { top: 30px!important; padding: 0; }
	/*.mobile-menu__inner .navbar-nav .nav-item .dropdown-submenu.active a { color: #e31f2b; }*/

  	.navbar-nav .nav-item .nav-link:before { content: none; }
	.navbar-toggler { display: block; position: absolute; top: 50%; right: calc( ( 100% - 690px) / 2); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none; width: 45px; height: 30px; padding: unset; z-index: 998; transition: all ease .4s; outline: none;}
	.navbar-toggler:focus { box-shadow: none; }
	.navbar-toggler .wrap-line { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
	.navbar-toggler .wrap-line .line { -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--bg-sp-m); display: block; }
	.navbar-toggler .wrap-line .line:nth-of-type(1) { top: 0; width: 100%; }
	.navbar-toggler .wrap-line .line:nth-of-type(2), .navbar-toggler .wrap-line .line:nth-of-type(3) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: unset; width: 100%;}
	.navbar-toggler .wrap-line .line:nth-of-type(4) { bottom: 0px; width: 100%; margin-left: auto; right: 0;}
	.navbar-toggler:not(.collapsed) .line:nth-of-type(1) { left: 50%; right: 50%; width: unset; }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(2) { -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(3) { -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
	.navbar-toggler:not(.collapsed) .line:nth-of-type(4) { left: 63%; right: 37%; width: 0; }

	.mobile-menu__box {width: 270px; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; z-index: 999; }
  	.mobile-menu__overlay {position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; }
  	.mobile-menu__inner .logo-mobile {display: block; text-align: center; padding: 25px 10px; margin: auto; max-width: 70%; }
  	.mobile-menu__inner .logo-mobile img { max-height: 80px; }

	.banner__right { width: 100%; margin-bottom: 40px;}
	.banner__left { width: 100%; display: none;}
	.banner__inner { flex-direction: column-reverse; min-height: unset; padding: 50px 0;}
	.development-unit .wrapper-img div h3 { font-size: 18px; }

	.section-overview .img-top { width: 100%; }
	.section-overview .content-top { width: 100%; padding: 50px 15px;}
	.section-overview .top { flex-direction: column-reverse; }

  	.section-overview .wrap-content:before { background: #000004; bottom: -200px; }
  	.section-overview .content .des { padding: 0; margin-bottom: 30px; }
  	.section-overview .wrap-content { width: 100%; }
  	.section-overview .wrap-img { width: 100%; }
  	.section-overview .wrap-img img { height: auto; }
  	.section-overview .wrap-img .inner { margin-right: 0; }
  	.section-overview .content { max-width: 100%; margin-left: unset; padding-left: 15px; padding-right: 15px; }

  	.location__left { width: 100%; }
  	.location__right { width: 100%; padding-left: unset; }
  	.location__inner { flex-wrap: wrap; }

  	.cdt__list-item { width: 33.33%; }
  	.cdt__list { justify-content: center; }


  	.csbh .inner .heading { width: 100%; margin-bottom: 30px; }
  	.csbh .inner .content { width: 100%; padding-left: unset; }

  	.plan-master__left { width: 100%; margin-bottom: 30px; }
  	.plan-master:before { content: none; }
  	.plan-master__right { width: 100%; }
  	.plan-master__right .wrap-img { margin: 0 calc((-100vw + 720px)/2) }

  	.introduce__left { width: 100%; margin-bottom: 30px;}
  	.introduce__right { width: 100%; padding-left: unset;}

  	.subdivision__list-item { width: 100%; }

  	.flat-nm__left { width: 100%; }
  	.flat-nm__right { width: 100%; display: none;}
  	.form-ch .form__inner .left { display: none; }
  	.form__inner .right { width: 100%; }
  	.form-ch .form__inner .right .inner-right { max-width: 650px; margin: auto; }

  	.library__list-item { padding: 0; }
  	.library__list { margin: 0; }
  	.library:before, .library:after { left: 8px; width: 4px;}
  	.library:after { right: 8px; left: unset; }

  	.csbh .title { text-align: center; }

  	.form__contact-wrap .form-group { width: 100%; }
  	.form__contact-wrap .form-group { margin-bottom: 30px; }

  	.about-story { width: 100%; height: 570px; background-size: contain; }
  	.about-story-content { width: 100%; }


  	.why-us__list-item .title { font-size: 18px;}
  	.cdt__inner { padding-top: 0; }

  	.header .hotline { display: none; }
  	.hotline-phone-ring { display: block; }
  	.hotline-phone-ring-wrap { left: -20px; bottom: 20px; }
	.hotline-phone-ring.chat-zalo { bottom: 120px; }
	.hotline-phone-ring-img-circle { width: 70px; height: 70px; }
	.hotline-phone-ring-circle-fill { width: 90px; height: 90px; left: 27px; top: 27px; }
	.hotline-phone-ring-img-circle .pps-btn-img img { width: 40px; height: 40px; }
	.hotline-phone-ring-img-circle .pps-btn-img svg { width: 36px; }
	.hotline-bar { display: none; }

	.flat-nm__right img { height: auto; }

	.section-form-project .wrap-form .form-group { width: 50%; }
  	.section-form-project .wrap-form { flex-wrap: wrap; }

  	.view-project-1__list { margin: -5px; }
	.view-project-1__list-item { width: 50%; padding: 5px;}

	#topfooter .footer-widget { width: 100%; margin-bottom: 30px; }
	#bottomfooter { flex-wrap: wrap; }
	#bottomfooter .item { width: 100%; }
	#bottomfooter .item:last-child { width: 100%; }
	#footer-social li { width: unset; }
	#footer-social { margin: -10px; }

	.csbh .tdtt { width: 100%; }

	.list-post__item { width: 50%; }

	.form-register .form-group.small { width: 100%; }

	.social-share-desktop { display: none; }
	.social-share-mobile { display: block; }
	.social-share-mobile .socials-share__list { display: flex; margin: -10px; padding-left: unset; padding: 20px 0; }
	.social-share-mobile .socials-share__item { padding: 10px; }

	.fs-20 { font-size: 17px; }
    .fs-25 { font-size: 20px; }
    .fs-30 { font-size: 22px; }
    .fs-35 { font-size: 25px; }
    .fs-37 { font-size: 26px; }
    .fs-45 { font-size: 30px; }
    .fs-60 { font-size: 35px; }
    .fs-90 { font-size: 60px; }
    .fs-100 { font-size: 67px; }
    .fs-150 { font-size: 90px; }
    .fs-200 { font-size: 120px; }

}


@media screen and (max-width: 767px){ /* 640 */
	
	.container { max-width: 100%; }
	.navbar-toggler { right: 15px; }

	.title { margin-bottom: 20px; }

	.plan-master__left ul { padding-left: 15px; }
	.plan-master__right .wrap-img { margin: 0; }

	.location .content { padding: 40px 15px; }
	.location__list-item img { width: 70px!important; }
	.location__list:before { left: 62px; }

	.csbh .inner .content .block { width: 100%; padding-left: unset; margin-bottom: 30px;}
	.csbh .inner .content { flex-wrap: wrap; }

	.why-us__list-item .title { font-size: 16px; }
	.footer .logo { max-width: 300px; }
	
	.plan-master__inner { margin-bottom: 0; }

	#popup-form .component-inner .component-info .form-contact .group-heading { display: none; }
	#popup-form .component-inner .component-info .form-contact .group-form { width: 100%; }
	#popup-form .component-inner { width: 450px; }
	.csbh .inner .content .block-1 ul li:before { left: -15px; }

	.flat-overview .list .item { width: 100%; }

	.development-unit .wrapper-img div { width: 50%; padding: 20px 10px;}
	.development-unit .wrapper-img { flex-wrap: wrap; margin: -20px -10px;}
	.development-unit { padding: 20px; }

	/*Contact*/
	.contact-content__inner .left { width: 100%; margin-bottom: 50px; }
	.contact-content__inner .right { width: 100%; padding-left: unset; }
	.form-register .form-group.small { width: 100%; }

	.fs-20 { font-size: 16px; }
    .fs-25 { font-size: 18px; }
    .fs-30 { font-size: 20px; }
    .fs-35 { font-size: 22px; }
    .fs-45 { font-size: 28px; }
    .fs-60 { font-size: 32px; }
    .fs-90 { font-size: 42px; }
    .fs-200 { font-size: 100px; }
	.library-sg__list { margin: 0; }
	.section-mb-sg__tab-item { min-width: unset; }
	.section-mb-sg__tab-item a { padding: 30px 15px 30px 15px; }

	.section-csbh-sg__left .inner { padding: 40px 15px; }

	.section-introduce-sg__right { width: 100%; }
	.section-introduce-sg__right:after { background-color: #000000a1; }

}


@media screen and (max-width: 639px){ /* 540 */

	.title { font-size: 27px; }
	.why-us__list-item { width: 100%; }
	.view-project ul li { padding: 5px; }
	.view-project ul { margin: -5px; }

	.form__contact-wrap .form-group { width: 100%; }
	.library__list-item a .wrap-info { font-size: 14px; }

	.location__list:before, .location__list-item:before { content: none; }
	.location__list-item img { padding-top: unset; }
	.location__list { flex-wrap: wrap; position: relative; }
	.location__list-item:after { content: ''; left:0 ; right: 0; top: 85px; background: #333; height: 2px ; position: absolute; width: 100%; transform: unset;} 
	.location__list-item { width: 33.33%; padding: 30px 10px; position: relative;}
	.location__list-item:first-child { width: 100%; }
	.location__list-item:first-child:before { width: 2px; height: 50px; top: unset; bottom: 25px; left: 50%; transform: translateY(100%);}
	.location__list-item .time:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: 50px; width: 12px; height: 12px; background-color: #ddaa71; border-radius: 50%; }

	.plan-master__inner .info ul { width: 100%; }
	.plan-master__inner .info { flex-wrap: wrap; }

	.hotline-phone-ring-img-circle { width: 60px; height: 60px; }
	.hotline-phone-ring-circle-fill { width: 80px; height: 80px; left: 27px; top: 27px; }
	.hotline-phone-ring-img-circle .pps-btn-img img { width: 30px; height: 30px; }
	.hotline-phone-ring-img-circle .pps-btn-img svg { width: 25px; }
	.hotline-phone-ring.chat-zalo { bottom: 100px; }

	.csbh .tdtt .wrap-img .logo { width: 120px; height: 120px; }

	.cdt__list-item { width: 50%; }

	.why-us .heading .title { font-size: 27px; }
	.cdt__list-item .name { font-size: 18px; }

	.nm .block__left { width: 100%; }
	.nm .block__right { width: 100%; }
	.nm .block, .nm .block.change { flex-direction: column; }
	.nm .block__right { margin-top: 10px; padding-left: unset; }
	.nm .block.change .block__right { text-align: left; padding-right: unset; }

	.cdt__list { margin: -15px 0; }
	.cdt__list-item { width: 100%; padding: 15px 0; }

	.section-introduce-sg1 .list-nc .item { width: 100%; }
	.gallery-sg__list .item.item-2, .gallery-sg__list .item.item-3 { width: 100%; }
	.section-tv-sg .gallery-sg { gap: 5px; }
	.section-mb-sg__tab-item a { padding: 10px; font-size: 14px;}
	.section-ldc-sg__list-item { width: 100%; }
	.section-ldc-sg__list-item .icon { width: 50px; }

	.section-md .list-md .item { width: 100%; }

}


@media screen and (max-width: 539px){ /* 450 */

	.title { font-size: 24px; }

	.location__right .content ul li:nth-child(2n+1), .location__right .content ul li { width: 100%; }
	.footer__list-item .contact .left { width: 100%; padding-right: unset; }
	.footer__list-item .contact .right { width: 100%; padding-left: unset; }
	.item-blog { width: 100%; }
	.plan-master__left ul li { width: 100%; }
	.section-form-project .wrap-form .form-group { width: 100%; }
	.csbh .bottom .call { font-size: 35px; }
	.form-ch .form__inner .right .inner-right, .form.form-bg .form__inner { padding: 50px 20px; }
	.list-post__item { width: 100%; }
	.flat-overview .wrap-img>div { width: 100%; }


}


@media screen and (max-width: 439px){ /* 320 */
	
	

}