@media only screen and (max-width:1440px) {
	.info_slider{ left:20px; }
}
@media only screen and (min-width:1200px) {
	/*search*/
	.frm_search { display: flex; position: relative; z-index: 999;transition: all 0.5s ease}
	.frm_search.active { width: 100%; width: 250px; background: #F1F2F2; border-radius: 500px;overflow: hidden;transition: all 0.5s ease}
	#search .frm_search.active input[type="text"]{ width: calc(100% - 35px); padding: 0 15px;transition: all 0.5s ease}
	#search input[type="text"] { outline: none; background: none; border: none; height: 35px; width: 0; color: #000; font-size: 13px; transition: all 0.5s ease}
	#search #btn { height: 35px; width: 35px; cursor: pointer; outline: none; border: none; background: none; color: #fff; font-size: 16px; display: flex; align-items: center; justify-content: center;}
	#search #btn i{ color: #fff }
	#search .frm_search.active #btn i{ color: var(--color-main) }
}
@media only screen and (max-width:1200px) {
	.right-head { display: flex; gap: 15px; }
	.menu-res, #hamburger { display: block; }
	.wrap-content2 { width: calc(100% - 30px); }
	.slick_menu .slick-prev { left: 0 }
	.slick_menu .slick-next { right: 0 }
	.slick-prev { left: 0;  transform: scale(0.6); top: calc(100% + 20px) !important;}
	.slick-next { right: 0 ; transform: scale(0.6); top: calc(100% + 20px) !important;}
	.box_menuhome{ padding-bottom:40px }
	.slick_product .slick-prev{ top: 100% !important; }
	.slick_product .slick-next{ top: 100% !important; }

	.logo-header img, .header.fix .logo-header img { max-height: 60px }
	.menu { display: none !important; }	
	.body-main { overflow-x: hidden; }	

	.header-bottom { position: relative;top: 0;padding: 5px 0 }
	.header-bottom .logo-header img { filter: unset; transition: all 1s }
	.right-head i { color: var(--color-main); font-size: 17px }
	.people-like,.collection{ padding: 30px 10px }
	.info-people{ padding: 15px; }
	.about-right h3{ font-size:30px }
	.title-instruct{ font-size: 23px }

	.click_search { font-size: 16px; text-align: center; color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.frm_search { display: none; position: absolute; top: 100%; background: #fff; width: 250px; z-index: 999; right: 0; line-height: 35px; border-radius: 3px; overflow: hidden; border: 1px solid var(--color-main); }
	#search { cursor: pointer; position: relative; float: right; }
	#search input[type="text"] { outline: none; background: none; border: none; height: 35px; width: calc(100% - 40px); padding: 0 10px; color: #000; font-size: 13px; }
	#search #btn { height: 35px; width: 40px; cursor: pointer; outline: none; border: none; background: var(--color-main); color: #fff; font-size: 16px; }
	#search #btn i{ color: #fff !important}
}
@media (max-width:1024px) {
	.menu.fix { position: relative; }
	.contact-input { margin-bottom: 15px; }
	.flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
	.mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
	.content-text img { height: auto !important; }
	.padding-top-bottom { padding: 2rem 0; }
	.pad-top { padding-top: 2rem; }
	.pad-bottom { padding-bottom: 2rem; }
	.mg-top { margin-top: 2rem; }
	.mg-bottom { margin-bottom: 2rem; }
	.title-detail-main { font-size: 20px; }
	.btn-frame { display: none; }
	.pad-bottom { padding-bottom: 2rem !important; }
	.pad-top { padding-top: 2rem !important; }
	.padding-top-bottom { padding: 2rem 0 !important; }	
	.supercharge-left{ width:100%; padding:20px 10px }
	.supercharge-right{ width:100% }
	.info_slider h3 { font-size: 35px; }
}
@media(max-width:1001px) {
    .toolbar { display: block; }
    .scrollToTop, #messages-facebook { display: none !important; }
    .footer { padding-bottom: 80px; }
}

@media (max-width:992px) {
	.othernews { position: initial; }
	.time-news, .fanpage,.footer-news::before { display: none; }
	.footer-news{ border-bottom: 1px solid #8080A9; padding-top: 10px;padding-bottom: 10px}
	.mid_ft { padding: 0; text-align: left !important }
	.footer-copyright, .footer-statistic { width: 100% }
	.footer-statistic { text-align: left }
	.footer-news { margin-bottom: 20px }
	.footer-news:last-child { text-align: left; margin-top: 30px; }
	.social-footer { justify-content: start }	
	.item-commithome:nth-child(1) .info-commithome,.info-commithome{ padding:15px }
	.item-commithome:nth-child(1) .info-commithome h3 a{ font-size:20px; }
	.info-commithome h3 a{ font-size:16px; }
	.info_advertise{ top: 50%; transform: translateY(-50%); }
	.info_advertise h3{ font-size:35px; }
	.title-people h3{ font-size:40px; }
	.about-left{ width:100% }
	.about-right{ width:100%; padding: 40px 15px}
	.criteria{ display:block }
	.criteria-left{ margin-bottom:20px; }
	.item-criteria{ gap:5px }
	.item-criteria h3 span{ font-size:30px }
	.title-component h3{ font-size: 40px; }
	.img-component { position: relative; left: 0; top: 0; transform: unset; margin-bottom: 30px;}
	.box-component{ min-height:auto ; padding: 30px 0; }
	.item-component{ max-width: 100%; width: 49%; margin:15px 0 }
	.instruct{ padding-top:0 }
	.instruct-img{ margin-top: 30px }
	.info_slider h3 { font-size: 30px; }
}
@media (max-width:850px) {
	.left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
	.left-pro-detail, .right-pro-detail { width: 100%; margin: 0px; border: none; padding: 0; }
	.left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
	.header-top a{ display: none; }
	.header-top span:not(.timework){ white-space:nowrap; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical;}
	.header-top span.timework{ white-space:nowrap; }
	.img-producthome a::before,.item-newshome > a::before{ height:70% }
	.newshome{ padding-bottom:20px }
	.info-newshome h3 a{ font-size: 22px }
	.title-people h3{ font-size: 30px; }
	.box-featured{ padding: 15px; max-width: 100% }
}
@media (max-width:767px) {
	.desc-news.text-split { -webkit-line-clamp: 2; }
	#video-fotorama { margin-bottom: 20px }
	.title-main span, .title-home span, .title-service span { font-size: 30px; }
	.info-producthome{ padding:15px 70px 15px 15px }
	.info-newshome{ padding:15px }
	.info-newshome > span{ font-size:15px }
	.item-commithome:nth-child(1){ width: 100% }
	.item-commithome{ width: calc(50% - 10px); }

	.info_advertise h3{ font-size: 25px; }
	.info_advertise span{ font-size: 16px; }
	.info_advertise a{ width: 160px; font-size: 16px;line-height: 44px; }
	.title-collection h3{ font-size:25px }
	.title-collection a{ line-height:42px; font-size:17px; }
	.title-partner h3{ font-size: 22px }
	.title-partner span{ font-size:14px; }
	.info_product h3 a{ font-size: 16px }
	.title-pro-detail{ font-size:25px }
	.box_allstarts{ margin-bottom:20px; max-width:100% }
	.title-component h3{ font-size: 30px; }
	.item-comment .info-comment{ width: 100%; margin-top:15px; }
	.item-comment .mid-comment{ width: calc(100% - 55px); }
	.box-featured h3,.box-supercharge h3{ font-size:20px; }

	.main_left{display: none}
	.main_right{width: 100%;position: relative;z-index: 0;}
	.filter_right,.btn-close-filter{display: block}
	.bg_black1 { background: #000; opacity: 0.8;z-index: 998; left: 0px; top: 0px;position: fixed; width: 100%; height: 100%; display: none; }
	.menu_rp_filter { display: block; position: fixed; right: -100%; top: 0; background: #fff; z-index: 99999; color: #fff; height: 100vh; overflow-x: overlay; line-height: 1.5; padding: 40px 20px 70px; width: 85%; min-width: 140px; max-width: 440px; box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3); transition: 0.5s; }
	.filter_rp_active {right: 0;transition: 0.5s;}
	.menu_rp_filter ul {list-style: none;padding: 0;margin: 0;overflow: hidden;}
	.menu_rp_filter ul li{display: block;position: relative;width: 100%;}
	.menu_rp_filter ul li a {text-decoration: none;color: #191919;display: block;border-bottom: 1px solid rgb(132 132 132 / 20%);padding: 13px 40px 13px 0;padding-left: 20px;position: relative;text-transform: uppercase;font-weight: 700;}
	.close_menu {position: absolute;top: 5px;left: 7px;font-size: 15px;background: var(--color-main);width: 25px;text-align: center;line-height: 25px;cursor: pointer;display: block; color: #fff; opacity: 1; height: 25px}
	.info_slider h3 { font-size: 25px; }
	.info-footer { max-width: 100%; width: 100% }
}
@media (max-width:675px) {
	.title-people h3,.title-slider{ font-size: 25px; }
	.info_slider a{ font-size:15px; padding:0 15px; }
	.info-footer{ width: 100%;margin-bottom: 20px }
}
@media (max-width:576px) {
	.toast-cus { left: 5px; width: calc(100% - 10px); }
	.box-readmore { width: calc(100% - 5px); }
	.top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
	.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
	.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }	
	.title-main span, .title-home span, .title-service span { font-size: 22px }	
	.info-newshome h3 a{ font-size: 18px }
	.title-commit h3{ font-size:20px }
	.info_advertise span,.title-commit span{ font-size: 14px }
	.info_advertise h3{ font-size:20px }
	.item-component{ width: 100%}
	.item-comment .info-comment .desc-content{ font-size:16px }
	.box-featured p{ display: none }
	.box-featured > span{ overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; }
	.modal-dialog{margin: 1rem;}
}
@media (max-width:440px) { }
@media(min-width:375px) and (max-width:580px) {
	.col_product, .col-news { width: 50% }
}