@media screen and (max-width: 1690px){ 

	/*HomePage*/
	.main-background { padding-top: 200px; padding-bottom: 300px; }
	.main-background .title { font-size: 48px; margin-bottom: 45px; }

	.header { height: 81px; }
	.header .logo-main img { width: 180px; height: 51px; }
	.header .navbar-nav .nav-item .nav-link { padding-top: 5px; }
	.header .navbar-nav .nav-item .nav-link:before { bottom: -30px; }
	
	.header .navbar-nav>.nav-item { padding-top: 30px; padding-bottom: 30px; }
	.header .main-menu .navbar-nav .nav-item>.dropdown-menu { padding: 25px 0px; }
	.header .main-menu .navbar-nav .nav-item>.dropdown-menu .sub-menu { padding-bottom: 15px; }
	.header .main-menu .navbar-nav .dropdown-menu .dropdown-menu .sub-menu { padding-bottom: 10px; }


	.main-background .search-form .form-group input { padding: 10px 10px 10px 55px; }
	.main-background .search-form .form-group { padding-right: 20px; }
	.introduce-home__list-item .icon img { height: 100px; }
	.title { margin-bottom: 18px; }
	.mb-50 { margin-bottom: 35px; }
	.introduce-home__list { margin: -15px -22px; padding-top: 45px; }
	.introduce-home__list-item { padding: 15px 22px; }
	.introduce-home__list-item .number { margin-top: 30px; margin-bottom: 15px; }

	.category-project__list-item { padding: 15px; }
	.category-project__list { margin: -15px; }
	.category-project__list-item .title { margin-top: 22px; margin-bottom: 10px; }

	.project__list { margin: -15px; }
	.project__list-item { padding: 15px; }
	.project__list-item .wrap-info { padding: 20px 25px; }
	.viewmore-link .btn { min-width: 120px; }


	.list-news__item { padding: 15px; }
	.list-news { margin: -15px; }

	.footer__top { padding-bottom: 45px; }

	/*Introduce*/
	.main-background-page .component-inner .title { font-size: 48px; }
	.main-background-page .component-inner { padding-top: 100px; padding-bottom: 150px; }
	.block-aboutus .list-service__item .wrap-info { padding-left: 30px; }
	.block-aboutus .list-service__item .wrap-info .title { margin-bottom: 12px; }

	.page-projects-content h2.title { margin-bottom: 37px; }

	/*Contact*/
	.page-contact__inner h2.title { margin-bottom: 35px; }
	.page-contact__inner { padding-bottom: 70px; }
	.form-page-contact .title { margin-bottom: 32px; }

	/*Single-Project*/
	.sub-header .navbar .navbar-brand:before { height: 82px; }
	.sub-header .navbar .navbar-brand .img { width: 120px; max-height: 74px; top: calc(50% + 6px); }

	.project-single__item .wrap-info .see-more { margin-top: 5px; }

}

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

	.container {max-width: 960px; }

	/*HomePage*/
	body { font-size: 14px; }
	.header .logo-main img { width: 150px; height: 42px; }
	.header .navbar-nav .nav-item .nav-link:hover:before, .header .navbar-nav .nav-item.active .nav-link:before { height: 3px; bottom: -32px; }
	.header .main-menu .navbar-nav .dropdown-menu .dropdown-menu { left: 0; transform: translateX(calc(-100% + 4px)) }

	.main-background .title { font-size: 40px; margin-bottom: 35px; }
	.btn { font-size: 16px; }
	.main-background { padding-top: 180px; padding-bottom: 240px; }

	.title { font-size: 27px; margin-bottom: 15px; }
	.mb-50 { margin-bottom: 25px; }
	.mb-25 { margin-bottom: 18px; }
	.introduce-home__list-item .icon { max-height: 100px; height: unset; }
	.introduce-home__list-item .icon img { height: 80px; }
	.introduce-home__list-item .number { font-size: 40px; }
	.introduce-home { padding-top: 60px; padding-bottom: 80px; }

	.category-project__list-item { padding: 10px; }
	.category-project__list { margin: -10px; }
	.category-project__list-item .title { font-size: 16px; }
	.category-project { padding-bottom: 60px; }

	.profile { padding-top: 60px; }
	.certificate { padding-top: 60px; padding-bottom: 80px; }
	.certificate__list-item .bottom .name { font-size: 14px; }
	.certificate__list-item { padding: 10px; }
	.certificate__list { margin: -10px; }

	.project { padding-top: 60px; }
	.project__list-item { padding: 10px; }
	.project__list { margin: -10px; }
	.project__list-item .wrap-info .title { font-size: 16px; margin-bottom: 10px; }
	.project__list-item .wrap-info { padding: 15px 20px; }
	.btn { font-size: 14px; }

	.partner { padding-top: 50px; padding-bottom: 50px; }

	.news { padding-top: 60px; padding-bottom: 60px; }
	.list-news { margin: -10px; }
	.list-news__item { padding: 10px; }
	.list-news__item .wrap-info .title { font-size: 16px; margin-bottom: 10px;}

	.register { padding: 80px 0; }

	.footer__list { margin: -20px; }
	.footer__list-item { padding: 20px; }
	.footer__top .title { font-size: 16px; margin-bottom: 15px; }
	.footer .list-contact li { padding: 10px; }
	.footer .list-contact { margin: -10px; }
	.footer__top { padding-bottom: 35px; }
	.footer { padding-top: 50px; }

	/*Introduce*/
	.main-background-page .component-inner .title { font-size: 40px; }
	.main-background-page .component-inner { padding-top: 70px; padding-bottom: 100px; }

	/*Certificate*/
	.certificate-page__list-item .inner .wrap-info .title { font-size: 16px; }
	.certificate-page__list-item .inner .wrap-info { padding-left: 12px; }
	.certificate-page__list-item .inner .wrap-img { width: 180px; }
	.certificate-page__list-item { margin: -15px; }
	.certificate-page__list-item .inner { padding: 10px 15px; max-width: calc( 50% - 15px); }
	.certificate-page .block .year { left: calc( 50% + 15px);font-size: 24px; }
	.certificate-page .block.change .year { right: calc( 50% + 15px); }

	.certificate-page { padding-top: 110px; padding-bottom: 90px; }
	.certificate-page:before { top: 55px; bottom: 45px; }

	/*Blogs*/
	.page-blogs { padding-bottom: 50px; padding-top: 24px; }
	.page-blogs-content__right { padding-left: 30px; }
	.page-blogs-content__right { width: 310px; }
	.widget .widget-item .form-search input { height: 42px; }
	.widget-blogs__item .title { font-size: 14px; }

	/*Single*/
	.content-single-page .socials-share { width: 85px; }
	.content-single-page .socials-share .title { font-size: 14px; }
	.tags .list-tags li { padding: 7px 3px; }
	.tags .list-tags { margin: -7px -3px; }

	/*Project*/
	.page-projects-content h2.title { margin-bottom: 30px; }

	/*Recruitment*/
	.page-recruitment h2.title { margin-bottom: 30px; }
	.page-recruitment__list-item { margin-bottom: 30px; }
	.page-recruitment-content .detail-recruitment .box .title { font-size: 16px; margin-bottom: 10px; }

	/* Contact */
	.page-contact__inner h2.title { height: 60px; margin-bottom: 30px; }
	.page-contact__left .box { padding: 20px 15px }
	.page-contact__left .box .list-contact .item { margin-bottom: 15px; }
	.page-contact__left { padding-right: 10px; }
	.page-contact__right { padding-left: 10px; }
	.page-contact__right .frame iframe { height: 432px; }
	.page-contact__inner { padding-bottom: 60px; }
	.form-page-contact .wrap-form { margin: -10px; }
	.form-page-contact .form-contact .form-group { padding: 10px; }
	.form-page-contact .title { margin-bottom: 20px; }
	.form-page-contact { padding-bottom: 60px; }

	/*Single Project*/
	.sub-header .navbar .navbar-brand .img { width: 100px; max-height: 70px; }
	.sub-header .navbar .navbar-brand:before { right: calc(100% - 190px); }
	.why-us-type2__content .des { padding: 50px 20px }
	.why-us-type2__content .des>ul>li:before { width: 40px; height: 40px; }
	.why-us-type2__content .des>ul>li { padding-left: 55px; }
	.sub-header .navbar .navbar-brand:before { height: 80px; }
	.sub-header .navbar .nav-link { padding: 12px; }

}


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

	.container { max-width: 720px; }
	h1.title { font-size: 32px; }
	.p-100 { padding: 60px 0; }
	body { font-size: 14px; }
	.project-content h2 { font-size: 24px; }
	.project-content h3 { font-size: 20px; }

	/*Menu*/
	.header { height: auto; padding: 18px 0; }
	.header__inner .link-download { margin-right: 100px; }
	.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: rgba(0, 0, 0, 0.7); 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;}
	.mobile-menu__inner .logo-main { padding-left: 18px; padding-top: 10px; padding-bottom: 50px; }
	.mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
	.mobile-menu__close-button { position: absolute; top: 10px; right: 18px; width: 36px; height: 36px; line-height: 36px; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; cursor: pointer; background-color: #27A6B6; border-radius: 50%; z-index: 5; color: #fff; display: flex; align-items: center; justify-content: center;}
	.mobile-menu.open .mobile-menu__close-button { opacity: 1; visibility: visible; } 
	.header .navbar-nav .dropdown-menu { top: 30px!important; padding: 0; }

	.header .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: 50px; height: 50px; padding: unset; z-index: 998; border: 1px solid #fff; border-radius: 50%; padding: 14px 9px;}
	.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: #fff; 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: 300px; background: #fff; position: fixed; top: 0; left: 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; max-width: 60%; max-height: 80px; }
	.mobile-menu__inner .navbar-nav {display: block; }
	.mobile-menu__inner .navbar-nav .nav-item {padding: 10px 0; }
	.mobile-menu__inner .navbar-nav .nav-item .nav-link { color: #818181; text-transform: inherit; font-weight: 400; padding: 10px 18px; }
	.mobile-menu__inner .navbar-nav .nav-item.active .nav-link { color: #27A6B6; }
	.mobile-menu__inner .hotline span:nth-child(2) { font-weight: 500; color: #000; }
	.mobile-menu__inner .hotline { padding: 0 18px; }
	.mobile-menu__inner .dropdown-toggle::after { content: none; }
	.mobile-menu .nav-item .dropdown-menu { font-size: 14px; }
	.mobile-menu .nav-item .dropdown-menu .dropdown-menu  { border-left: 10px solid #f7f7f7; }

	body.no-scroll { height: 100%; overflow: hidden; }

	.mobile-menu .nav-item .toggle {
		position: absolute;
		display: flex;
		right: 0px;
		top: 0;
		width: 46px;
		height: 46px;
		line-height: 46px;
		align-items: center;
		justify-content: center;
		background: #F7F7F7;
		font-size: 20px;
		border-bottom: 1px solid #F7F7F7;
		z-index: 10;
	}

	.mobile-menu .nav-item {
		position: relative;
	}

	.mobile-menu .nav-item > .dropdown-menu {
		border: none;
		border-left: 15px solid #F7F7F7;
		display: none;
		border-top: 1px solid #E5E5E5;
	}
	.mobile-menu .nav-item > a {
		font-weight: normal;
		text-transform: none;
	}

	.mobile-menu .nav-item .dropdown-menu a {
		display: block;
		padding: 12px 15px;
		border-bottom: 1px solid #E5E5E5;
	}

	.mobile-menu .nav-item.dropdown > a {
		padding-right: 45px;
	}


	/*HomePage*/
	.main-background .title { font-size: 37px; margin-bottom: 25px; }
	.title, .content-single .title { font-size: 24px; }
	.introduce-home__list { justify-content: center; }
	.introduce-home__list-item { width: 33.33%; }

	.certificate .viewmore-link { margin-top: 40px; }

	.list-news__item .wrap-info { padding: 15px; }
	.list-news__item .wrap-info .title { font-size: 14px; }

	.footer__top { flex-wrap: wrap; }
	.footer__list { width: 100%; }
	.footer__form { width: 100%; padding-left: unset; margin-top: 40px; }
	.footer__form .form-register-home { margin: unset; }

	.footer__bot { flex-direction: column-reverse; align-items: unset; }

	/*Introduce*/
	.block-aboutus .list-service__item .wrap-info { padding-left: 15px; }
	.block-aboutus.team .title-small { font-size: 16px; }
	.block-aboutus .list-service__item .wrap-info .title { font-size: 16px; }
	.main-background-page .component-inner .title { font-size: 37px; }


	/*Certiicate*/
	.certificate-page__list-item .inner { max-width: 100%; margin-bottom: 66px;}
	.certificate-page .block { margin-bottom: 20px; margin-top: 20px; }
	.block .certificate-page__list-item .inner { width: 100%; }
	.certificate-page .block .year { top: 0; transform: translate(-50%, -100%); left: 50%; background: #fff; margin-bottom: 10px; }
	.certificate-page .block.change .year { right: unset; left: 50%; }
	.certificate-page__list-item:before { top: 0; }
	.certificate-page:before { bottom: 135px; }
	.certificate-page { padding-bottom: 30px; }
	.certificate-page:before { bottom: 30px; }

	/*Blog*/
	.page-blogs-content__left .widget { display: block; }
	.page-blogs-content__left { width: 100%; padding-bottom: 50px; }
	.page-blogs-content__inner { flex-wrap: wrap; flex: unset; }
	.page-blogs-content { padding-bottom: 20px; }
	.widget .widget-item { margin-bottom: 30px; }
	.page-blogs-content__right { width: 100%; padding-left: unset; }
	.page-blogs-content__right .widget-item.widget-search { display: none; }
	.content-single-page .socials-share { display: none; width: auto; }
	.content-single-page .socials-share.bottom { display: block; margin-bottom: 40px; }
	.content-single-page .page-blogs-content__left .content-single { flex: unset; width: 100%; }
	.content-single-page .socials-share__list { display: flex; align-items: center;}
	.content-single-page .socials-share__item { padding: 0 10px; margin-bottom: unset; }
	.content-single-page .socials-share .title { margin-bottom: unset; padding-right: 10px; }
	.content-single-page .link-project { margin-bottom: 40px; }

	/*Recruitment*/
	.page-recruitment__list-item ul li { padding-right: 20px; }
	.page-recruitment__list-item ul li:first-child img { width: 12px; margin-top: -5px; }
	.page-recruitment-content .info { width: 100%; flex: unset; margin-bottom: 20px; }
	.page-recruitment-content .top { flex-wrap: wrap; }
	.page-recruitment-content .info ul li:first-child img { width: 12px; top: 7px; }
	.page-recruitment-content .top { padding: 15px; }
	.page-recruitment-content .top .view-more { text-align: right; width: 100%; }
	.page-recruitment-content .detail-recruitment { padding: 20px 15px; }
	.page-recruitment-content .info-contact { padding: 20px 15px; }
	.page-recruitment-content .detail-recruitment .box ul { padding-left: 15px; }
	.form-recruitment .form-content { padding: 20px 15px; }
	.form-recruitment .form-content .file-cv .note { font-size: 14px; }
	.form-recruitment .form-content .file-cv { padding: 20px 15px; }

	/*Contact*/
	.page-contact__left { width: 100%; padding-right: unset; margin-bottom: 40px;}
	.page-contact__right { width: 100%; padding-left: unset; }
	.page-contact__inner h2.title { height: unset; margin-bottom: 25px; }
	.page-contact__left .box .title { margin-top: 35px; }

	.widget .widget-item.banners { order: -1; margin-bottom: 50px; text-align: center; }
	.widget .widget-item.banners .banners-list__item .img { display: none; }
	.widget .widget-item.banners .banners-list__item .img-tablet { display: block; }

	/*SingleProject*/
	.location__inner .wrap-info { width: 100%; margin-bottom: 20px; }
	.location__inner .wrap-img { width: 100%; padding-left: unset; }
	.policy__right { padding-left: 30px; }

	.view-iframe__inner .item { width: 50%; }
	.view-iframe__inner .item .title { font-size: 20px; }

}


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

	h1.title { font-size: 27px; }
	
	.navbar-toggler { right: 15px; }

	/*HomePage*/
	.background-project.single-project { height: 60vh; min-height: 400px; }
	.main-background .search-form { max-width: 100%; }
	.main-background .search-form .form-group { padding-right: 10px; }

	.category-project__list { margin: -8px; }
	.category-project__list-item { padding: 8px; }

	.project__list { margin: -8px; }
	.project__list-item { padding: 8px; }

	.list-news__item { padding: 8px; }
	.list-news { margin: -8px; }

	/*Single Project*/
	.sub-header .navbar .navbar-brand:before { right: calc(100% - 210px); }
	.info-project__inner .info { width: 100%; padding-right: unset; margin-bottom: 20px; }
	.info-project__inner .wrap-img { width: 100%; }
	.info-project__inner { flex-wrap: wrap; }
	.info-project__inner .wrap-img img { position: relative; height: unset; }
	.policy__left { width: 100%; margin-bottom: 30px; }
	.policy__right { width: 100%; padding-left: unset; }
	.gallery .slider .item { padding: 0 8px; }
	.project-layout-container .slick-slide {  padding: 0 8px; }
	.project-layout-container { margin: 0 -8px; }
	.library__list-item { padding: 0 8px; }
	.library__list { margin: 0 -8px; }
	.news-project .list-news-project__item { padding: 15px; }
	.list-news-project { margin: -15px; }

	.form-single-project .form__contact-wrap .form-group.small { width: 100%; }
	

}


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

	.title, .content-single .title { font-size: 22px; }

	/*HomePage*/
	.main-background .title { font-size: 32px; }
	.main-background { padding-top: 80px; padding-bottom: 160px; }
	.category-project__list-item { width: 100%; }
	.project__list-item { width: 100%; }
	.list-news__item { width: 100%; }
	.footer__list-item { width: 100%; }
	.footer__list { flex-wrap: wrap; }

	/*Introduce*/
	.block-aboutus .list-service__item { width: 100%; }
	.main-background-page .component-inner .title { font-size: 32px; }

	/*Certificate*/
	.certificate-page__list-item .inner { max-width: 100%; }

	/*Recruitment*/
	.page-recruitment__list-item ul { flex-wrap: wrap; margin: -5px -20px; }
	.page-recruitment__list-item ul li:first-child { width: 100%; }
	.page-recruitment__list-item ul li { padding: 5px 20px; }

	/*Contact*/
	.form-page-contact .form-contact .form-group { width: 100%; }
	.gallery .slider .item .o-img { padding-top: 35%; }
	.gallery .slick-slider .slick-arrow.slick-next { right: 32%; }
	.gallery .slick-slider .slick-arrow.slick-prev { left: 32%; }


	.project-single__item .wrap-img { width: 100%; }
	.project-single__item .wrap-info { width: 100%; padding-top: 30px; }

}

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

	/*HomePage*/
	.introduce-home__list-item { width: 100%; padding: 30px 15px; }
	.introduce-home__list { margin: -30px -15px; }

	/*Certificate*/
	.certificate-page__list-item .inner { flex-wrap: wrap; height: unset; }
	.certificate-page__list-item .inner .wrap-img { width: 100%; margin-bottom: 20px }
	.certificate-page__list-item .inner .wrap-info { padding-left: unset; flex: unset; text-align: center; }

	.main-background .search-form { flex-wrap: wrap; }
	.main-background .search-form .form-group { width: 100%; flex: unset; padding-right: unset; margin-bottom: 10px; }
	.main-background .search-form .btn { max-width: unset; width: 100%; }

	/*Blog*/
	.page-blogs-content__left .list-news__item { width: 100%; }
	.project-overview-image .list-image__item { width: 100%; }

	.header-project .header__action-call a span:last-child { display: none; }
	.form-register-home .wrap-form .wrap-submit .btn { width: 100%; }
	.viewmore-link .btn { width: 100%; }
	.register { background: url(../images/examples/bg-register-mobile.jpg) no-repeat; background-position: center; background-size: cover; }

	.widget .widget-item.banners .banners-list__item .img { display: block; }
	.widget .widget-item.banners .banners-list__item .img-tablet { display: none; }

	.view-iframe__inner .item { width: 100%; }

}


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

}