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

	.container {
		max-width: 960px;
	}

	.p-100 { padding: 80px 0; }
	
	.navbar-nav>.nav-item { padding-right: 30px; }

	section.slider {
        height: 850px
    }

    section.slider .headline h1 .top {
        font-size: 80px
    }

    section.slider .headline h1 .top:after {
        top: 64px;
        left: 188px
    }

    section.slider .headline h1 .bot {
        font-size: 67px
    }

    section.slider .headline h2 {
        font-size: 24px
    }

    .heading .title { font-size: 24px; }
    .about-us__list-item .icon img { height: 40px; }
    .about-us { padding-top: 140px; margin-top: -235px; }
    .about-us__list-item .info .name { font-size: 18px; margin: 10px 0; }

    .project .top { padding-top: 80px; padding-bottom: 20px; }
    section.gcg { padding-top: 60px; padding-bottom: 160px; }
    .partner { padding-top: 80px; padding-bottom: 160px; }

    .section-info-footer .wrap-footer-logo .footer-logo { width: 160px; }

    .page-news.blog { padding-top: 80px; }

    section.properties .list-properties .property-info { width: 50%; }
    section.properties { padding-top: 80px; }
    section.properties .property-info .info { padding: 10px; }
    section.properties .property-info .overlay { left: 15px; right: 15px; top: 15px; bottom: 15px; }
    section.properties .property-info .info { left: 10px; right: 10px; }
    section.properties .property-info .info .description { display: block!important; }

    .content-after-banner { padding-top: 80px; padding-bottom: 60px; }
    .title { font-size: 21px; }

    .page-gallery__list-item .info, .video-library__list-item a .name { font-size: 16px; }
    .page-gallery.gallery { padding-top: 80px; padding-bottom: 40px; }
    .video-library { padding-top: 80px; }
    .video-library__list-item .icon-play img { width: 70px; height: 70px; }
    .brochure-project { padding-top: 260px; padding-bottom: 60px;}
	
}


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

	.container { max-width: 720px; }
	.p-100 { padding: 60px 0; }
	.hotline-bar { display: none; }

	/*Menu*/
	.header { background: #fff; height: 85px; }
	.header .logo-main img {     max-height: 60px; }
  	.navbar-nav { display: none; }
  	.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: rgba(0,17,66);}
	.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: #16619c;}
	.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: #fff;}
	.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: #fff; }

  	.navbar-nav .nav-item .nav-link:before { content: none; }
	.navbar-toggler { display: block; position: absolute; top: 43px; 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;}
	.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: #16619c; 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 { overflow: auto; position: relative; }
  	.mobile-menu__inner .logo {display: block; text-align: center; padding: 25px 10px; margin: auto; max-width: 80%; }

  	
  	.p-60 { padding: 50px 0; }

  	/*HomePage*/
  	.header .mobile-menu .logo-main { margin: auto; background: #fff;}
  	.header .mobile-menu .logo-main  img { max-height: 100px; padding: 15px;}
  	.about-us__left { width: 100%; padding-right: unset; padding-bottom: unset;}
	.about-us__right { display: none; }

	.heading {
	    margin: 0 auto;
	    width: -moz-fit-content;
	    width: fit-content;
	    float: none;
	    margin-bottom: 30px;
	}

	.about-us { padding-top: 80px; padding-bottom: 120px;}
	.project__list-item .link-project .name { font-size: 20px; left: 15px; top: 15px; }
	.project__list-item .link-project .position { left: 15px; }
	.partner__list-item { width: 25%; }
	.partner { padding-top: 70px; padding-bottom: 140px; }
	.blog__list-item .content .title { font-size: 14px; }
	.section-info-footer { padding: 50px 15px; }
	.section-info-footer .wrap-footer-logo { margin-bottom: 40px; }
	.project .introduce { max-width: 100%; }
	.btn-contact-2 { font-size: 16px; }

	.about-us.page-introduce { padding-bottom: 40px; }
	section.video { padding-top: 80px; }
	section.video.bg-slanted:after { bottom: -120px; }
	.partner.page-introduce { padding-top: 300px; padding-bottom: 60px; }

	.contact-content { padding-top: 80px; padding-bottom: 60px; }
	.contact-content__inner .left { width: 100%; margin-bottom:  30px;}
	.contact-content__inner .right { width: 100%; padding-left: unset; }

	h2.title { font-size: 20px; }

	section.properties .property-info .info .property-title { font-size: 18px; }


	/*Recruitment*/
	#page-tuyen-dung .csns .list-position { padding-right: 0; width: 100%; }
    #page-tuyen-dung .csns .contact { padding-left: 0; width: 100%; }
    .container-positions-info { width: 100%; }

    .page-gallery__list-item .info, .video-library__list-item a .name { font-size: 14px; }
    .video-library__list-item .icon-play img { width: 60px; height: 60px; }
    .page-gallery.gallery { padding-top: 60px; }
    .video-library { margin-top: 60px; padding-top: 60px; }
    .brochure-project__content .list-page { max-width: 100%; }
    .brochure-project { padding-top: 240px; }

}


@media screen and (max-width: 767px){ /* 640 */
	
	.container { max-width: 100%; }
	.p-80 {
		padding: 50px 0;
	}

	/*HomePage*/
	.navbar-toggler { right: 15px; }

	section.slider .headline h1 .top {
        font-size: 55px;
    }

    section.slider .headline h1 .top:after {
        top: 46px;
        left: 124px;
    }

    section.slider .headline h1 .bot {
        font-size: 42px;
    }

    section.ly-do .timeline .time {
        width: 100%;
    }

    .partner { padding-top: 60px; padding-bottom: 120px; }
    .partner__list-item { padding: 10px; }
    .partner__list { margin: -10px; }
	
	.section-info-footer .company-info>span { display: block; }

	.page-news .blog__list-item { width: 50%; }


	section.properties .list-properties .property-info { width: 100%; }


	/*Recruitment*/
	#page-tuyen-dung .bock { display: block; }
    #page-tuyen-dung .bock .block-title { display: block; width: 100%; padding-right: 0px; margin-bottom: 15px; }
    #page-tuyen-dung .bock .block-detail { display: block; width: 100%; padding-left: 0px; }
    #page-tuyen-dung .bock .container-block-title .icon { width: 60px; }
    #page-tuyen-dung .bock .container-block-title .title { width: calc(100% - 60px); }
    .table-responsive .table { min-width: 620px; }

    .slick-prev, .slick-prev:hover, .slick-prev:focus { left: -10px; z-index: 2; }
    .slick-next, .slick-next:hover, .slick-next:focus { right: -10px; }

    .video-library.bg-slanted:after { bottom: -110px; }
    .brochure-project { padding-top: 200px; }
}


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


	/*HomePage*/
	.blog__list-item { width: 100%; }
	.about-us { padding-top: 80px; padding-bottom: 80px; }
	.heading .title { font-size: 22px; }

}

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

	/*HomePage*/
	.about-us__list-item { width: 100%; text-align: center;}

	.partner__list-item { width: 33.33%; }
	.page-news .blog__list-item { width: 100%; }

}


@media screen and (max-width: 439px){ /* 320 */
	
	#page-tuyen-dung .tab-tuyen-dung .nav > li a { padding: 8px 10px; }
	

}