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

	.main-menu > ul > li > a {

		font-size: 12px;

	}



	.main-menu > ul > li {

		padding: 0 8px;

	}



	.logo-footer img {

		height: 68px;

	}

}



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

	.header-site-mobile {

		display: block;

	}

	.project-home .tab-tab ul {
	    display: flex;
	    overflow-x: scroll;
	}

	.project-home .tab-tab ul a {
	    white-space: nowrap;
	}

	.project-home .tab-tab ul li {
	    margin-right: 5px;
	}



	#main-contact {

		padding-top: 0!important;

	}



	.main-new-detail .content-new-detail img {

		height: auto!important;

	}



	.map-contact {

		margin-bottom: 20px;

	}



	.banner-brecus .overlay-bres .title-pr {

		font-size: 20px!important;

	}



	.logo-menu .main-menu ul, .logo-menu .main-menu ul li {

		float: unset;

		position: unset;

	}



	.main-new-detail .content-new-detail h2 {

		font-size: 20px;

	}



	.main-new-detail .content-new-detail h3 {

		font-size: 19px;

	}



	.main-new-detail .content-new-detail h4 {

		font-size: 18px;

	}



	.logo img {

		width: 125px!important;

		margin: 0;

		height: auto;

	}



	.main-menu > ul > li > a.click-search {

		/* position: absolute; */

		/* top: 15px; */

		/* right: 10px; */

		/* z-index: 999; */

		margin: 0;

	}



	.main-menu > ul > li > a.click-search svg {

		width: 20px;

		height: 16px;

	}



	.logo-menu .main-menu {

		width: auto;

		margin: 0;

		display: inline-block;

		position: absolute;

		top: 24px;

		right: 5px;

	}



	.header-site-pc {

		display: none;

	}



	.top-header .top-header-right {

		text-align: center;

	}



	.logo {

		text-align: center;

	}



	.logo {

		padding: 5px 0;

	}



	.header-site-mobile .logo-menu {

		position: relative;

		padding: 15px 0;

	}



	.header-site-mobile .logo-menu .main-search {

		position: absolute;

		top: 0;

		right: 0;

	}



	.hc-nav-trigger.hc-nav-1 {

		display: block !important;

	}



	.second-nav {

		display: block;

	}



	.top-content .top-content-right .link-socaial .social-right ul li a {

		margin-left: 4px;

	}



	.top-content:before {

		display: none;

	}



	.top-content .top-content-left .image1 {

		margin-top: 34px;

	}



	.top-content .top-content-right .title {

		font-size: 20px;

		line-height: 25px;

	}



	.top-content .top-content-right .nav-content-right .item .stt {

		font-size: 25px;

	}



	.top-content .top-content-right .nav-content-right .item p {

		font-size: 15px;

	}



	.top-content .top-content-right .nav-content-right {

		margin-top: 15px;

		margin-bottom: 0;

	}



	.project-home {

		padding: 40px 0;

	}



	.title-primary {

		font-size: 22px;

	}



	.h3-title-ft {

		font-size: 15px;

	}



	.banner-brecus img {

		height: 220px;

		object-fit: cover;

	}



	.main-new-list .content-new-list {

		padding: 30px 0;

	}



	.main-new-list .new-home .nav-new-home .item {

		margin-bottom: 30px;

	}



	.main-new-list .content-new-list {

		margin-top: 15px;

	}

}



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



}



@media (max-width: 991px) and (min-width: 768px) {

	.logo-menu .logo {

		text-align: center;

	}

	.main-menu > ul > li > a {

		padding: 10px 0px;

	}

	.project-home .tab-tab ul {
	    display: flex;
	    overflow-x: scroll;
	}

	.project-home .tab-tab ul a {
	    white-space: nowrap;
	}

	.project-home .tab-tab ul li {
	    margin-right: 5px;
	}

	.main-menu > ul > li > a.click-search {

		margin-top: 0;

	}

	.logo-menu .main-menu {

		margin-top: 0;

	}

	.footer-1 .row > div:nth-child(2) {

		margin-bottom: 15px;

	}

	#main-contact {

		margin-top: 0;

		padding-top: 0;

	}

}



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

	.top-content {

		padding: 30px 0;

	}



	.top-content .top-content-right .link-socaial .social-right {

		text-align: left;

		margin-top: 10px;

	}



	.top-content .top-content-left .image1:before {

		display: none;

	}



	.top-content .top-content-left .image1 {

		margin-top: 0

	}



	.top-content .top-content-left .image {

		width: 100%;

	}



	.top-content-left .image img {

		height: 250px;

		object-fit: cover;

	}



	.top-content .top-content-left {

		margin-top: 15px;

	}



	.video-home .item-primary .image .img img {

		height: auto;

	}



	.video-home .item-second .item .image .img img {

		height: auto;

	}



	.customer-reviews {

		padding: 40px 0;

	}



	.video-new-home {

		padding: 40px 0;

	}



	.main-new-detail h1 {

		font-size: 18px;

	}



	#main-contact {

		padding: 30px 0;

	}



}



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

	.project-home .tab-tab a {

		padding: 10px 6px;

		margin: 0 2px;

	}



	.project-home .slider-project {

		margin-top: 20px;

	}



	.slider-reviews .item .picture .overlay-content {

		position: static;

		background: #fff;

		padding: 20px;

	}



	.slider-reviews .item .picture img {

		display: none;

	}



	.slider-reviews .item .picture .overlay-content .start {

		position: static;

		bottom: inherit;

		padding-top: 9px;

	}



	.video-home .item-second .item .title {

		height: auto;

	}



	.video-home .item-second .item {

		padding-bottom: 15px;

	}



	.title-primary .view-all {

		margin-top: 0

	}



	.video-new-home .new-home {

		padding-top: 15px;

	}



	.main-list-project .item-project .image img {

		height: 200px;

	}



	.item-project .nav-image .title {

		font-size: 14px;

		line-height: 21px;

		height: 42px;

	}



	.main-list-project .content-project {

		padding: 30px 0;

	}



	.send-contact .item:nth-child(4) {

		width: 100%;

	}



	.map-contact {

		margin-top: 15px;

	}

}



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



	.top-content-left .image img {

		height: 200px

	}



}