/* Responsive */

@media (max-width: 1001px) {
	.control-owl {
		display: none;
	}
	.icon-search {
		display: flex;
	}
	.ft-cy {
		width: 100%;
		text-align: center;
	}
	.title-main-left h4,
	.wr-doitac h4,
	.tt-tc h4,
	.title-vs h4,
	.tt-detail-pro h4 {
		font-size: 25px;
	}
	.tt-list:after,
	.tt-list-in:after {
		display: none;
	}
	.header {
		padding: 5px 0px;
	}
	.worktime {
		display: none;
	}
	.lang-right {
		width: 100%;
	}
	.icon-search {
		display: flex;
	}
	.search {
		position: absolute;
		right: 10px;
		top: 114%;
		display: none;
	}
	.search p {
		background: none;
	}
	.search p i {
		color: #fff;
	}
	.title-main h4,
	.tde_tk span {
		font-size: 25px;
	}

	.logo-header {
		width: 70px;
		position: absolute;
		left: 50%; transform: translate(-50%,0);
	}

	.lang-mobile {
		display: block;
	}

	#hamburger {
		display: block;
	}

	.menu-head {
		display: none;
	}

	.wrap-menu {
		display: none;
	}

	.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: 10px;
	}

	.filter {
		display: block;
	}

	.ds-project h3 {
		font-size: 25px;
	}
	.img-tc {
		display: none;
	}
	.wr-tc {
		width: 100%;
	}
	.img-vs {
		display: none;
	}
	.box-vs {
		left: 0px !important;
		right: 0px !important;
		max-width: 100%;
		width: 100%;
	}
	.grid-vs {
		gap: 20px;
	}
}

@media (max-width: 850px) {
	.info-about {
		padding: 20px;
	}
	.tt-about h3 {
		font-size: 23px;
	}
	.bird-about-1 {
		top: 20px;
	}
	.bird-about-2 {
		top: 10px;
	}
	.ds-kh p,
	.box-vs h3, .product .name-product {
		font-size: 16px;
	}
	.ds-kh p {
		padding: 20px;
	}
	.info-tc {
		padding: 30px 0px;
		background: none;
	}
	.title-detail h1 {
		font-size: 17px;
	}
	.tde_tk span {
		font-size: 20px;
	}

	.ttin_sp .dt {
		padding: 0px 10px;
	}
}

@media (max-width: 769px) {

	.info-nb {
		padding: 40px 0px 60px;
		border-radius: 100px 100px 0px 0px;
		overflow: hidden;
		margin-top: 30px;
	}

	.ds-kh:after {
		content: '';
		position: absolute;
		width: 50px;
		height: 40px;
		background: url(../images/icon_kh.png) no-repeat;
		background-size: 100% 100%;
		left: 50px;
		bottom: -19px;
	}
	.tt-detail-pro img {
		margin-right: 10px;
		width: 35px;
	}
	.title-vs h4,
	.tt-detail-pro h4 {
		font-size: 20px;
	}
	.tt-list-detail a {
		margin: 0px 5px;
		padding: 0px 10px;
	}
	.product-combo .pic-product {
		width: 110px;
	}
	.product-combo .ds-combo {
		width: calc(100% - 120px);
	}
	.ds-combo span {
		display: none;
	}
	.wr-product,
	.wr-product-list {
		padding: 15px;
	}
	.box-vs-in {
		padding: 10px;
	}
	.title-main-left h4 {
		font-size: 20px;
	}
	.wr-doitac {
		padding: 40px 20px 20px 20px;
	}
	.wr-doitac h4 {
		font-size: 20px;
		top: -20px;
	}
	.ttin_sp {
		padding: 10px 0px;
	}

	.ttin_sp i {
		display: none;
	}

	.info-footer .flex-footer {
		display: block;
	}

	.box-footer {
		text-align: center;
		margin: 10px 0px;
		width: 100% !important;
		overflow: hidden;
	}

	.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 {
		display: grid;

		grid-template-columns: repeat(2, 1fr);

		gap: 10px;
	}

	.flex-act-pro{
		flex-direction: column; gap: 0px;
	}

	.videoHome{height: 350px;}
}

@media (max-width: 440px) {
	.tt-list-detail a {
		background: linear-gradient(to right, #b08236 0%, #fbeba4 50%, #b08236 100%);
		border: 2px solid #930f0f;
		border-radius: 30px;
		line-height: 30px;
		display: inline-block;
	}

	.videoHome{height: 260px;}
}

@media (max-width: 412px) {
	.header-top{
		aspect-ratio: 412/42;
	}
	.header{
		aspect-ratio: 412/44;
	}
	.slideshow{
		aspect-ratio: 412/165.88;
	}
	.wr-product{
		aspect-ratio: 392/457.79;
	}
	.load-product-sale{
		aspect-ratio: 362/338.79;
	}

	.flex-act-pro > p span{font-size: 13px;}
}