/* Responsive */
@media (max-width: 1025px) {
	#hamburger {
		display: block;
	}
	.menu-head {
		display: none;
	}
	.navigation{padding: 5px 0;}
	.header {
		padding: 10px 0px;
	}
	.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;
		order: 2;
	}
	.menu-mobile-btn span {
		display: inline-block;
		width: 100%;
		height: 1px;
		background: #000;
		margin: 4px 0px;
		left: 0;
	}
	.wrap-menu{width: auto;order: 1;flex: 1;padding-right: 20px;}
	.menu ul {
		display: none !important;
	}
}
@media (max-width: 850px) {
	.slogan{width: calc(100% - 170px);margin-bottom: 0;font-size: 16px;}
	.top_right{width:100%}
	p.copyright{width: 100%;margin-bottom: 5px}
	.news-left{width: 100%;}
	.news-right{width: 100%;margin-top: 30px;padding: 10px;}
	.top_right > ul{flex: auto;}
	#google_translate_element{position: absolute;top:5px;right:5px;}
	a.logo-header{margin-top:0;width: 70px;}
	p.name_s{font-size: 40px;color: #fff;}
	.info_S{padding:20px;background-size: 80px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;background: linear-gradient(to top, black, transparent);width: 100%;color: #fff;}
	.views_s{font-size: 13px;width: 130px;height:35px;line-height:35px;}
	.item_S .img{width: 100%;}
	header .top{padding: 5px 0;}
	p.desc_s{color: #fff;}
	.info_S:before{width: 150px;height: 150px;top: 0;}
	.row-lt{justify-content: start;margin-top: 35px;}
	.item_lt {
		width: calc(100% / 6 - 10px); 
	}
	.item_ht{width: calc(50% - 10px);margin: 10px 0;}
	.avatar{display: none;}
	.item_ht h3 a{font-size: 18px;}
}
@media (max-width: 769px) {
	.item_ht h3 a{font-size: 16px;}
	.title-letter{font-size: 25px;}
	.newsletter-input {
		width: calc(50% - 10px);
		margin-bottom: 10px;
	}
	.item_lt {
		width: calc(100% / 4 - 10px); 
	}
	.newsletter-input:nth-child(3){
		flex: 1;
		width: auto;
		margin-right: 10px;
		margin-bottom: 0;
	}
	.gutter-x-20{--bs-gutter-x: 10px;}
	.flex-about {
		flex-wrap: wrap;
	}
	.content-about {
		width: 100%;
	}

	.photo-about {
		margin-top: 20px;
		width: 100%;
		text-align: center;
	}
	.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;}
	.title-main span, .title-main h2{font-size: 30px;}
	.name_ct, .itemList h3 a{font-size: 18px;}
	.itemList .ds-news, .info_pro{justify-content: center;padding: 10px;}
	.itemList .info{width: 100%;margin-top: 5px;text-align: center;}
	p.name_s {
        font-size: 30px; 
    }
	.row-20{
		margin:0 -5px;
	}
	.col-20{padding: 0 5px;}
	.item_lt h3{font-size: 15px;}
	.tv_left {
		width: 100%;
		margin-bottom: 20px;
	}
	.tv_right{width: 100%;}
	.name_company{font-size: 60px;left: 0;right: 0;}
	.item_hv{max-width: 400px;margin:0 auto}
	.wrap-fb{width: 100%;}
	.wrap-vd{width: 100%;margin-top: 20px;}
	.wrap-fb-vd{max-width: 600px;margin: 0 auto;}
	.tt_fb{font-size: 20px;}
	.row-blog > .item_blog{width: 100%;margin-bottom: 20px;max-width: 500px;}
	.list-blog{width: 100%;}
	.product .name-product a{font-size: 16px;}
	.itemdv .info-news{padding: 20px;}
	.itemdv .desc{font-size: 14px;}
	.row-lt:before{display: none;}
	.item_lt .img{width: 80px;}
	.ds-news h3 a{font-size: 15px;}
}
@media (max-width: 480px) {
	.ds-news h3 a{font-size: 14px;}
	.desc-news{font-size: 13px;}
	.title-detail h1{font-size: 20px;}
	.slogan{font-size: 14px;}
	.top_right > ul > li a, .top_right > ul > li span{font-size: 12px;}
	.itemdv .desc{font-size: 13px;}
	.itemdv h3 a{font-size: 15px;}
	.itemdv .info-news{padding: 10px;}
	.product .name-product{padding: 10px;}
	.product .name-product a{font-size: 14px;}
	.item_ht {
        width: 100%;
        margin: 5px 0;
        padding: 10px;
    }
	.item_ht h3 a{font-size: 14px;}
	.item_blog h3 a{font-size: 14px;}
	.tt_fb{font-size: 18px;}
	.item_lt {
		width: calc(100% / 2 - 10px); 
	}
	.item_lt h3{font-size: 14px;}
	.name_company{font-size: 30px;}
	.title-main span, .title-main h2{font-size: 23px;padding: 0 20px;}
	.item_tc .number{font-size: 35px;}
	.item_tc h3 span{font-size: 16px;}
	.itemList h3 a{font-size: 15px;}
	p.name_s {
        font-size: 22px;
        margin-bottom: 10px;
    }
	p.desc_s{ 
		font-size: 13px; 
		line-height: 20px; 
		max-height: 60px;
	}
	.title-letter {
        font-size: 22px;
    }
	.newsletter-input{width: 100%;}
	.newsletter-input label{font-size: 14px;}
	.newsletter-input input{
		height: 42px;
		font-size: 13px;
		border-radius: 5px;
	}
	.btn_send{height: 40px;line-height: 40px;font-size: 14px;border-radius: 5px;}
	.name_ct{padding: 10px;font-size: 15px;}
	.top_right > ul > li{padding: 0 5px;}
}
@media (max-width: 369px) {

}