/* Responsive */

@media only screen and (max-width:1300px) {
	.contact_header,.menu{ display:none !important }	
	.right-header{ display:flex !important; }	
	#hamburger{ display:block }	
	.slick-prev{ left: 0 !important }
	.slick-next{ right:0 !important }
	.logo-header img{ height: 70px }
	.info-slider,.info-slider-service{ left:10px }
	.info-slider-service h3,.info-slider h3{ font-size: 50px; }
	.slick_service .slick-prev{ top: 40% }
	.slick_service .slick-next{ top: 40% }
	.servicehome{ border-radius: 10px; }
	html,body{ overflow-x: hidden; }
	.info-banner{ left: 5% }
	.info-banner h3{ font-size:50px; }
	.desc-banner{ font-size:20px; }
	.whyservice{ background: linear-gradient(100deg, #00924F 9.47%, #00387F 96.95%); padding: 40px 0}
	.whyservice:before{ display: none }
	.item-whyservice{ width: calc(50% - 5px) !important; }
	.title_newsleter h3{ font-size:35px }
}


@media (max-width:1025px) {
	.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: #000; margin: 4px 0px; left: 0; }
	.wrap-menu { width: calc(100% - 60px); }
	.menu ul { display: none !important; }
	.news-left { width: 100%; }
	.news-right { width: 100%; margin-top: 30px; padding: 10px; }

	.info-slider h3,.info-slider-service h3{ font-size: 35px; }
	.more-slider{ display:none }
	.imgabout{ align-content:center; justify-content: center;}
	.item-imgabout{ margin:10px !important; width: 165px !important; }
	.item_number p{ font-size:70px; letter-spacing: 0}
	.desc-about{ font-size:30px; }
	.title-criteria span,.title-criteria h3{ font-size: 40px }
}
@media (max-width:992px) {
	.title_service span{ font-size:18px; }
	.title_service h3{ font-size: 35px }
	.info-banner h3{ font-size: 35px; }
	.desc-banner{ font-size:17px; }
	.item-address{ width: calc(50% - 10px); padding-top: 70px !important}
	.item-alladdress{ width: calc(50% - 10px); }
	.info_companion { position: relative; z-index: 1; max-width:100% }
	.title-companion,.title-main span{ font-size: 35px }
	.desc-companion{ max-width:100% }
	.img-blog{ width: 100%; margin-bottom: 20px;}
	.info-blog{ width: 100% }
	.info-blog h3 a{ font-size:25px }
	.box-newswork{ padding:20px; }
	.slogan_ft{ font-size: 30px; }
	.info-company{ flex-wrap: wrap; }
	.item-info-company{ width:100%;max-width:100% }
	.footer-news{ width: 100% !important}
	.box_newsletter::after{ display:none }
	.box_newsletter{ max-width: 100% }

}
@media (max-width: 850px) {
	.item-whyservice{ width: 100% !important; }
	.request{ background: #fff }
	.title-request h3{ font-size:30px; }
	.title-request p,.title-request span{ font-size:16px; }
}
@media (max-width:767px) {
	.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; }	
	.wrap-content2 { width: calc(100% - 20px); max-width: 1200px; margin: auto; }

	
	.title-main.mb-3 { margin-bottom: 30px !important; }
	.info_left { width: 100%; margin-bottom: 20px; }
	.maps { width: 100%; }
	.box_map { padding: 12px; }

	.info-slider,.info-banner,.info-slider-service{ display: none }
	.item-imgabout{ margin:10px !important ;}
	.item_number p{ font-size:40px; }
	.desc-about{ font-size:20px; }
	.title-criteria span, .title-criteria h3, .title_service h3 { font-size: 30px }
	.title-main span{ font-size:30px }
	.title-home .more-news{ display:none }
	.item-whyservice h3,.title-main-home p{ font-size:17px; }
	.title-main-home span{ font-size:30px }
	.info-whyservice span{ width:140px;padding:0 10px }
	.info-whyservice p{ width:calc(100% - 150px); }
	.box_newsletter{ padding:30px }
	.title_newsleter h3{ font-size:25px }
	.title_newsleter span{ font-size:14px }
	.info-feedback h3{ font-size:20px;line-height:25px }
	.title-criteria p,.info-feedback span{ font-size:17px; }

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