/* Responsive */
@media (max-width: 1024px) {
	.wrap-menu-res,
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}	
	.head-top,.wrap-menu {
		display: none;
	}
	.filter{display: block;}

	.about-info {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.about-pic {
		width: 75%;
	}
	.dichvu-info h3 {
		line-height: 25px;
		height: 50px;
	}
	.imgForm {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.form-contain {
		max-width: 55%;
		margin: 0 auto;
	}
}

@media (max-width: 992px) {
	.cnHot-contain__left {
		width: 100%;
	}
	
	.cnHot-contain__right {
		width: 100%;
	}
	
	.cnHot-contain__left p {
		display: none;
	}
	
	.cnHot-contain__left .title-main {
		text-align: center !important;
	}
	
	.cnHot-contain__left .title-main span {
		display: inline-block !important;
	}

	.info-footer .box-footer:nth-child(1),.info-footer .box-footer:nth-child(2),.info-footer .box-footer:nth-child(3) {
		width: 100%;
		margin-bottom: 15px;
	}
	.copyright{text-align: center;}
	.logo-footer {
		text-align: center;
	}
  }

@media (max-width: 769px) {
	.gutter-x-20{--bs-gutter-x: 10px;} 
	
	.text-cart{display: none;}
	.grid-pro-detail {
		display: block;
	}
	.grid-pro-detail .left-pro-detail {
		width: 100%;
		padding: 0px;
		border-right: none;
	}
	.grid-pro-detail .right-pro-detail {
		width: 100%;
	}
	.box-footer{width: 100% !important;margin-top: 20px;}

	.conso {
		text-align: center;
	}
	.grid-Product {
		grid-template-columns: repeat(3,1fr);
	}
	
	.form-contain {
		max-width: 72%;
	}

	.ttHot-contain__left {
		display: none;
	}
	
	.ttHot-contain__right {
		width: 100%;
	}
	.branch-title {
		width: 100%;
		margin-bottom: 10px;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	
	.branch-iframe {
		width: 100%;}
}
@media (max-width: 575px) {
	:root {
		/* product */
		--product-cols: 2;
		--product-gap: 10px;

		/* news */
		--news-cols: 2;
		--news-gap: 10px;
	  }

	  .title-main p {
		font-size: 18px;
		line-height: 18px;
	}
	
	.title-main h2, .title-detail h1 {
		font-size: 26px;
	}
	
	.about-info .title-main {
		margin-bottom: 10px;
	}
	
	.about-info span {
		line-height: 23px;
	}
	
	.about-pic {
		width: 100%;
	}
	
	.title-main, .title-detail {
		margin-bottom: 15px;
	}
	
	.nhuongquyen-info h3 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.nhuongquyen-info {
		height: 45px;
	}
	
	.conso span {
		font-size: 35px;
		line-height: 28px;
	}
	
	.conso h3 {
		font-size: 17px;
		margin-top: 8px;
	}
	
	.conso-contain {
		margin-top: 25px;
	}
	
	.dichvu {
		padding: 5px;
	}
	
	.dichvu-info {
		padding-top: 10px;
	}
	
	.dichvu-info h3 {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin-bottom: 0;
	}
	
	.dichvu-info span {
		-webkit-line-clamp: 2;
		line-height: 20px;
	}
	
	.title-list-main span {
		line-height: 33px;
		font-size: 14px;
		margin: 0 5px 10px;
	}
	
	.title-list-main {
		margin-bottom: 15px;
	}
	
	.product {
		padding: 5px;
		border-radius: 10px;
	}
	
	.grid-Product {
		grid-template-columns: repeat(2,1fr);
	}
	
	.product-info {
		padding-top: 15px;
	}
	
	.form-contain {
		border-radius: 20px;
		max-width: 100%;
		padding: 20px 15px;
	}
	
	.form-title {
		font-size: 25px;
	}
	
	.form-title::after {
		font-size: 25px;
	}
	
	.form-title + p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	
	.grid-form {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.form--index {
		padding: 30px 0;
	}
	
	.cnHot-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}
	
	.hinhanh-contain {
		margin-top: 20px;
	}
	
	.ul-chinhanh li {width: 100%;}

	.logo-header img {
		max-height: 45px;
	}

	.btn-seedetail {
		width: 100px;
		line-height: 32px;
		height: 32px;
		font-size: 12px;
	}
	
	.btn-seemore {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
	}

	.doitac {
		padding: 5px;
	}

	.grid-Dichvu,
	.grid-Nhuongquyen{
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.grid-Dichvu .dichvu{margin-bottom: 20px;}

	.grid-News {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.news-info p svg path{fill: var(--color-main);}

	.branch-title {
		grid-template-columns: repeat(1,1fr);
	}
	.logo-res img {
		max-height: 45px;
	}
	
	.menu-res > div {
		min-height: 55px;
	}
	
	.box_changelang {min-width: 50px;}
	
	.box_changelang .lang_current p {
		display: none;
	}
	
	.box_so {
		display: none;
	}
	
	.box_changelang .lang_current img {
		margin-right: 0 !important;
	}
}