/* Responsive */
@media (max-width: 1025px) {
	
	.logo-menu{
		display:none;
	}
	.title-footer {
    margin-bottom: 5px;
}
	.top-footer {
  margin-bottom: 25px;
}
	.info1-footer {font-size:14px}
	.frame-partner {
  max-width: 100%;
}

	.pic-video:before {
    bottom: 27%;
}
	.frame-feedback {
    right: 10px;
    position: relative;
    top: 0;
    margin: auto;
}
	.item-news .ds-news h3 a {
    font-size: 15px;
}
	.blog-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
	.wrap-blog .wrap-content {
  padding: 30px 0 50px 0;
}
	.item-question {
    margin-bottom: 5px;
}
	.button-question {}
	.info-question {
  padding-top: 5px;
  }
	.stt-question {
    font-size: 40px;
}
	.right-question {
    padding-top: 20px;
    padding-left: 25px;
    padding-bottom: 15px;
}
	.left-question {padding-top: 30px;padding-right: 30px;}
	.desc-question-static {
    -webkit-line-clamp: 5;
}
	.title-question-static {
  margin-bottom: 12px;
}
	.title-question-static h2 {
    font-size: 20px;
    -webkit-text-stroke-width: unset;
}
	.info-question-static {
    padding-top: 20px;
    padding-left: 30px;
}
	.title-contact h2 {
    font-size: 30px;
}
	.wrap-contact .wrap-content {
    padding: 20px 20px;
}
	.khacnhau-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
		display:none;
	}
	.wrap-khacnhau .wrap-1920 {
  padding: 30px 0 30px 0;
}
	.name-project:after {
    left: 170px;
    right: 170px;
}
	.namelist-project {
		font-size:15px;
	}
	.name-project {
    font-size: 25px;
}
	.title-list-main {
    margin-bottom: 20px;
}
	.title-main-home {
    margin-bottom: 20px;
}
	.title-main-home h2 {
    font-size: 30px;
}
	.desc-service {
    margin-bottom: 15px;
}
	.name-service {
    margin-bottom: 10px;
}
	.ds-service {
    padding: 20px 10px 0 10px;
}
	.title-main h2 {
    font-size: 30px;
}
	.wrap-project .wrap-content {
  padding: 50px 0 70px 0;
}
	.title-main {
    margin-bottom: 25px;
}
	.deco-about {
  width: 180px;
  height: 50px;
  line-height: 50px;
  }
	.desc-about {
    margin-bottom: 10px;
}
	.title-about {
  margin-bottom: 10px;
}
	.title-about h2 {
    font-size: 30px;
}
	.desc-slideshow span {
    min-width: 315px;
}
	.desc-slideshow > div:last-child {
  font-size: 30px;
}
	.desc-slideshow {
  font-size: 35px;
  }
	.slideshow .wrap-content {
  padding: 30px 0 30px 0;
}
	.navigation .wrap-content{
    padding: 5px 0;
}
	.left-menu{width: 100%;justify-content: end;gap: 10px;}
	.center-menu{display:none}
	.right-menu{display:none;}
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}art-head {
		padding: 5px;
		font-size: 12px;
	}
	.logo-header{
		max-width: 251px;
	}
	.header {
		padding: 10px 0px;
		border-bottom: 1px solid #333;
	}
	.flex-product-main {
		display: block;
	}
	.flex-product-main .left-product {
		position: fixed;
		z-index: 999;
		top: 0px;
		left: 0px;
		transform: translateX(-250px);
		bottom: 0px;
		overflow-x: hidden;
		background: #fff;
		box-shadow: 0px 0px 5px #000;
		transition: all 0.5s;
	}
	.flex-product-main .left-product.show {
		transform: translateX(0px);
	}

	.flex-product-main .right-product {
		width: 100%;
	}

	.grid-product {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.filter{display: block;}
	.menu-mobile-btn {
		display: flex;
		width: 35px;
		height: 35px;
		position: relative;
		flex-wrap: wrap;
		cursor: pointer;
		left: 0px;
	}
	.menu-mobile-btn span {
		display: inline-block;
		width: 100%;
		height: 3px;
		background: var(--color-main);
		margin: 4px 0px;
		left: 0;
	}
	.wrap-menu{width: calc(100% - 60px);}
	.menu ul {
		display: none !important;
	}
}
@media (max-width: 850px) {
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
}
@media (max-width: 769px) {
	.frame-khacnhau:after {
    display: none;
}
	.copyright {
    font-size: 14px;
}
	.top-footer {
  margin-bottom: 10px;
}
	.bottom-left-footer{
    width: 100%;
    margin-bottom: 15px;
}
	.bottom-right-footer{
    width: 100%;
}
	
	.logo-footer {max-width: 359px;margin: auto;}
	.info-footer .flex-footer .box-footer:nth-child(2) {
		margin-top:15px;
		text-align: center;
	}
	.title-feedback h2 {
    font-weight: unset;
}
	.wrap-video .wrap-1920:after {
		display:none;
	}
	.pic-video .ripple:before,
.pic-video .ripple:after {
	width: 40px;
    height: 40px;
}
		.pic-video:before {
    width: 42px;
    height: 42px;
    bottom: 38%;
}
		.item-news .ds-news h3 a {
    font-size: 14px;
}
	.item-news .ds-news {
    margin-top: -15px;
    padding: 15px 15px;
}
	.stats {
    margin-top: 50px;
    gap: 65px;
}
	.label {
    font-size: 14px;
}
	.right-question {
    width: 100%;
    padding: 20px;
}
		.left-question {
    width: 100%;
    padding-right: 0;
    margin-bottom: 25px;
}
	.desc-question-static {
    margin: auto;
}
	.pic-question-static {
  width: 100%;
}
.info-question-static {
  width: 100%;
  padding: 20px;
  text-align: center;
  }
	.more-contact {
    font-size: 15px;
    min-width: 231px;
    margin: auto;
    background-size: contain;
    padding: 15.5px;
}
		.title-contact h2 {
    font-size: 20px;
    text-align: center;
    -webkit-text-stroke-width: unset;
    line-height: 35px;
}
	.title-contact {width: 100%;}
	.ds-project {
    bottom: -45px;
}
	.more-project {
    margin-bottom: 10px;
}
	.name-project {
    padding-bottom: 15px;
    margin-bottom: 20px;
}
	.title-list-main span {
		font-size: 14px;
	}
	.title-list-main {
    flex-wrap: wrap;
    gap: 15px;
}
	.title-main-home h2 {
    font-size: 25px;
    -webkit-text-stroke-width: unset;
}
	.item-service:nth-child(2n + 1) {
  margin-top: 20px;
  }
	.item-service {
    width: calc(100% / 2 - 15px);
}
	.title-main h2 {
    font-size: 25px;
    -webkit-text-stroke-width: unset;
}
	.desc-about {
    text-align: center;
}
	.view-about {
    margin: 10px auto;
}
		.title-about h2 {
    font-size: 25px;
    -webkit-text-stroke-width: unset;
    text-align: center;
}
	.wrap-about .wrap-content {
  padding: 25px 0 20px 0;
}
	.desc-slideshow > div:last-child {
  font-size: 20px;
}
	.desc-slideshow {
  font-size: 25px;
  }
	.right-slideshow {
  width: 100%;
}
.left-slideshow {
  width: 100%;
  padding-top: 10px;
  margin-bottom: 10px;
  }
	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
	}

	.photo-about {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.flex-video{
		flex-wrap: wrap;
	}
	.wr-video{width: 100%;}
	.wr-form{width: 100%;margin-top: 20px;}
	.item-news{padding: 5px;}
	.ds-news h3{font-size: 14px;}
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.slick_photo1 {
		text-align: center;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.grid-product, .grid-news {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.info-footer .flex-footer{
		display: block;
	}
	.box-footer{width: 100% !important;/* margin-top: 20px; */}
}
@media (max-width: 576px) {
	.grid-product, .grid-news {
		grid-template-columns: repeat(1, 1fr);
	}
	.search-menu .search-grid {
    right: 0;
    left: unset;
    top: 46px;
}
	.info-footer {
    overflow: hidden;
}
	.copyright{
		text-align:center;
		margin-bottom: 10px;
	}
	.social-footer {
		justify-content:center !important;
	}
	.feedback-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
		display:none;
	}
	.title-feedback {
    padding-bottom: 5px;
    margin-bottom: 15px;
}
	.title-feedback h2 {
    font-size: 17px;
    line-height: 25px;
}
	.before-khacnhau ,.after-khacnhau {
    background: #333;
}
	.right-khacnhau {
    width: 100%;
}
	.item-khacnhau {
    flex-wrap: wrap;
}
	.left-khacnhau {
		width:100%
	}
	.namelist-project {
		font-size:15px;
		margin-bottom: 10px;
	}
		.name-project {
    font-size: 20px;
}
	.title-list-main {
    gap: 8px;
}
		.title-main-home h2 {
    font-size: 20px;
    }
	.wrap-project .wrap-content {
  padding: 30px 0 50px 0;
}
.icon-service {
  width: 60px;
  height: 60px;
  }
	.icon-service img{
    max-width: 30px;
}
	.name-service {
    font-size: 15px;
}
	.title-main h2 {
    font-size: 20px;
    }
	.title-about h2 {
    font-size: 20px;
    }
	.photo-about {
    padding-right: 15px;
    padding-bottom: 15px;
}
	.slide-next {width: 50px;height: 30px;background-size: cover;}
	.slide-prev {
    width: 50px;
    height: 30px;
    background-size: cover;
    right: 60px;
		
}
	.wrap-question:before {display:none}
	.frame-feedback {
    width: 100%;
    right: 0;
    padding: 20px 20px;
}
		.desc-slideshow > div:last-child {
  font-size: 16px;
}
	.desc-slideshow {
  font-size: 20px;
  }
		.desc-slideshow span {
    min-width: 220px;
}

}
@media (max-width: 369px) {

}