@media (min-width: 2700px) {
	.wap_main::before {background: linear-gradient(90deg, #fff 10%, transparent 0, transparent 60%, transparent 90%, #fff 0%) !important;}
	.menu ul li a {padding: 10px 90px !important;}
}
@media (min-width: 1900px) {
	.wap_main::before {background: linear-gradient(90deg, #fff 15%, transparent 0, transparent 60%, transparent 80%, #fff 15%);}
	.header {max-width: unset;margin: 0 100px;width: calc(100% - 200px);left: 0;transform: unset; background: url(../images/nen_header_left.png) center left no-repeat, url(../images/nen_header_right.png) center right no-repeat}
	.wap_main::after {position: absolute;content: '';width: 100%;z-index: 997;height: 72px;background: #0055a8;top: 18px;}
	.wap_main.active::after {top: 0px;position: fixed;height: 77.31px;animation: hiendan 0.75s linear;}
	.flex-introduce {align-items: center;}
	div.wap_footer {width: 49%;}
	.box-map {width: 49%;}
	.header {padding: 0px;}
	.menu ul li a {
		padding: 10px 34px;
	}
	
	.center_header {
		width: calc(100% - 460px);
	}
}
@media (max-width:1195px){
	.wrap-detail {width: 100% !important;margin: 40px auto !important;padding: 0 10px !important;}	
	.wrap-detail .template-pro .col-lg-9 {padding: 0 !important;}
	.title-main-duan span {font-family: eb;font-size: 22px;}
	.wap_1300 {margin: auto;}
	.lang-header-top .lang-header-ul {padding: 7px;}
	.lang-header-top .lang-header-main {width: 40px;height: 40px;padding: 10px;margin: 0;}
	.box-lang-fixed {top: auto;bottom: 140px;right: 5px;}
	.item_3 .item_product {width: calc(25% - 10px) !important;}
	.template-pro .col-12.col-lg-3 {display: none;}
	.template-pro  .col-12.col-lg-9 {padding: 0;}
	.wap_main::before, .wap_main::after, .header {display: none;}
	.flex_mmenu {display: flex;align-items: center;justify-content: space-between;padding: 6px 0;}
	.logo-mb{padding: 0 20px;display: block;text-align: center;margin: 10px 0 20px 0;}
	.logo-mb img{max-width:100px}
	.icon_home_mobi {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
	.icon_home_mobi i {color: #0055a8;}
	.thongtin-mb ul{padding: 0 10px !important;}
	.thongtin-mb ul li{list-style: none;color: #55585a;margin-bottom: 10px;display: flex;align-items: center;}
	.thongtin-mb ul li i{font-size: 16px;margin-right: 10px;color: var(--maincolor);width: 35px;height: 35px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--maincolor);border-radius: 5px;}
	.hidden_mobi,#arcontactus,#messages-facebook,.quick_contact{display: none;}
	.hidden_destop{display: block;}
	.menu_baophu { background: #000; opacity: 0.8;z-index: 998; left: 0px; top: 0px;position: fixed; width: 100%; height: 100%; display: none; }
	.icon_menu_mobi{color: var(--maincolor);font-size: 25px;text-decoration: none;display: block;cursor:pointer;margin: 0;width: 40px;height: 40px;text-align: center;line-height: 40px;}
	.icon_menu_mobi i {margin-top: 0 !important;line-height: revert;}
	.home_mobi {color: #fff;text-decoration:none;float:right;font-size: 20px;width: 40px;height: 40px;line-height: 40px;text-align: center;}
	.logo-mobi{display: flex;width: 90px;transition: 0.5s;align-items: center;}.logo-mobi img{width: 100%;}
	.logo-mobi.active {width: 60px;}
	.menu{display:none}.menu-res{display:block}
	.search-res-mmenu{position:relative;width: auto;display: flex;align-items: center;}
	.search-res-mmenu .icon-search{width: 40px;height: 40px;cursor:pointer;color: var(--maincolor);font-size:17px;margin:0px;margin-top: 0px;line-height: 40px;text-align: center;border: none;}
	.search-res-mmenu .icon-search.active{border-radius: 5px;color: var(--maincolor);}
	.search-res-mmenu .search-grid{position: relative;top: 0;width:0px;height: 30px;overflow:hidden;background:#fff;border: 1px solid #e6e6e6;z-index:2;opacity:0;border-radius: 25px;line-height:normal;box-shadow: 0 0 4px 2px inset #e6e6e6;}
	.search-res-mmenu .search-grid p{float:left;width: 30px;height: 30px;cursor:pointer;outline:none;border:none;margin:0px;font-size: 14px;display:block;color: var(--maincolor);line-height: 30px;text-align:center}
	.search-res-mmenu .search-grid input{width: calc(100% - 30px);float:right;line-height: 28px;outline:none;border:none;color: #000;font-size: 13px;background: transparent;}
	.search-res-mmenu .search-grid input::placeholder{color:#797979}
	.menu_mobi {color: #fff;font-size: 18px;text-decoration: none;padding: 0px 10px;width: 100%;display: block;height: 100%;cursor: pointer;position: sticky;top:0;z-index:999;background: #fff;box-shadow: 0px 0px 7px var(--maincolor);}
	.menu_mobi_add {display:block;position: fixed;left: -100%;top: 0;background: #ffffff;z-index: 99999;color: #fff;height: 100vh;overflow-y: scroll;line-height: 1.5;padding-top: 40px;padding-bottom: 20px;width: 85%;min-width: 140px;max-width: 440px;transition: 0.5s;border-right: 1px solid #e6e6e6;}
	.menu_mobi_add::-webkit-scrollbar {width: 2px;}
	.menu_mobi_add::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 0%); border-radius: 10px;}
	.menu_mobi_add::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px var(--maincolor); }
	.menu_mobi_active { left: 0; transition: 0.5s; }
	.menu_mobi_add ul {list-style: none;padding: 0;margin: 0;}
	.menu_mobi_add ul li.li-tim{display:none}
	.menu_mobi_add ul li h2{font-size: 17px;margin-bottom: 0}
	.menu_mobi_add ul li b{display:inline-block;vertical-align: top;margin-right: 8px}
	.menu_mobi_add ul li b img{ display: inline-block; vertical-align: top; }
	.menu_mobi_add ul li a {color: #191919;display: block;border: 1px solid rgb(132 132 132 / 20%);padding: 10px 40px 10px 20px;position: relative;font-size: 16px;margin-bottom: 10px;border-radius: 5px;transition: 0.5s !important;}
	.menu_mobi_add ul li a.active2 {color: #fff;box-shadow: 0 0 0 25px var(--maincolor) inset;}
	.menu_mobi_add ul li a i{position:absolute;right: 12px;transform: rotate(90deg);width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 10px;background: var(--maincolor);color: #fff;border-radius: 50%;top: 12px;}
	.menu_mobi_add ul li a.active2 i{transform:rotate(0deg);border-left: 1px solid rgba(255,255,255,0.2);background: #fff;color: var(--maincolor);}
	.menu_mobi_add ul ul {display:none;padding-left: 15px;margin-bottom: 10px;}
	.menu_mobi_add ul li ul li a {padding-left: 20px;color: #6f6f6f}
	.menu_mobi_add ul li ul li ul li a {padding-left: 20px;}
	.load-menu {padding: 0 10px;}
	.thongtin-mb {margin-top: 20px;}
	.load-menu ul li {position: relative;left: -100%;transition: 0.5s;}
	.menu_mobi_active .load-menu ul li:nth-child(2n) {left: 0%;transition-delay: 0.3s;}
	.menu_mobi_active .load-menu ul li:nth-child(2n+1) {left: 0%;transition-delay: 0.1s;}
	.close_menu {position: absolute;top: 5px;right: 5px;font-size: 15px;background: var(--maincolor);width: 25px;text-align: center;line-height: 25px;cursor: pointer;border-radius: 5px;}
	.container-field {margin: -5px;}
	.item-field {margin: 5px;padding: 20px;}
	.box-introduce, .box_service, .box-field {padding: 35px 10px;}
	.box_project {padding: 0px 10px 35px 10px;}
	.right-introduce {width: calc(100% - 600px);}
	.container-brand {margin: 0px;background: #fff;padding: 30px 0;}
	.box-brand {background: #EAF3FC;padding: 35px 10px 0px 10px;}
	.box-brand .box-title-main {margin-bottom: 0px;}
	.box-newsletter {padding: 0 10px;background-size: cover;background-position-x: left;}
	.container-social-main {display: flex;margin: -5px;}
	.item-social-main {width: calc(100%/3 - 10px);}
	.box-social-main {padding: 55px 10px 0px;}
	.box-blog {padding: 35px 10px 0 10px;}
	.left-blog {width: 49%;}
	.right-blog {width: calc(100% - (49% + 10px));max-height: 550px;}
	div.wap_footer {width: 100%;}
	.box-map {width: 100%;position: relative;margin-top: 30px;height: 500px;}
	.footer-article {background-size: cover;padding: 35px 10px 0px 10px;}
	.item_service {padding: 12px 30px 20px 30px;}
}
@media (max-width:1024px){
	div#fanpage-facebook iframe {height: 350px !important;width: 100% !important;text-align: center;}
	.title-social-main {font-size: 18px;}
	#fanpage-facebook .fb_iframe_widget > span, #fanpage-facebook .fb_iframe_widget {height: 350px !important;width: 100% !important;}
	.item-social-main:nth-child(2) {order: 1;width: calc(100% - 10px);margin: 5px !important;}
	.container-social-main {flex-flow: wrap;}
	.item-social-main:nth-child(1),.item-social-main:nth-child(3) {width: calc(50% - 10px);margin: 5px;}
	.content-main .container_product {margin: -5px;}
	.wrap-content{padding-left:10px!important;padding-right:10px!important}
	.boxProduct{grid-template-columns:1fr 1fr;gap:10px}
	.name-product{font-size:14px}
	.footer-powered{text-align:center}
	#footer-map{height:30vh}
	.wrap-main.wrap-home{padding:0}
	.wrap-main{padding:0 10px}
	.filter_block ul{display:none}
	.footer-news{margin-bottom:1rem}
	.container_product {margin: -5px;}
	.item_product {width: calc(50% - 10px);margin: 5px;}
	.item_news {width: 100% !important;margin: 10px !important;}
	.item_news .hover_sang2 {height: 100%;}
	.item_news .hover_sang2 img {height: 100% !important;object-fit: cover;}
	.grid-pro-detail .row {margin: 0 !important;}
	.right-pro-detail, .left-pro-detail {padding: 0 !important;}
	.container_news_index {margin: -5px auto;}
	.item_news_index {width: calc(50% - 10px);margin: 5px;}
	.container_quote {margin: -5px auto;}
	.item_quote {width: calc(50% - 10px);margin: 5px;}
	.footer-copyright {width: 100%;text-align: center;margin-bottom: 5px;}
	.footer-statistic {width: 100%;text-align: center;}
	.container_newsletter {width: 100%;}
	.content-blog-main {width: calc(100% - 40px);padding: 20px 30px 50px 30px;margin-top: -63px;}
	.right-blog {max-height: 420px;}
	.name-blog-child a {font-size: 14px;text-align: start;}
	.content-blog-child {padding: 10px 5px;}
	.name-blog-main a {font-size: 20px;}
	.left-introduce {width: 49%;grid-template-columns: 1fr 1fr;}
	.right-introduce {width: 49%;}
	.item-statistics:nth-child(1) {width: calc(100% - (50% + 10px));left: 0;}
	.item-statistics:nth-child(2) {width: calc(100% - (50% + 10px));left: auto;right: 0;}
}
@media (max-width:870px){
	.btn-phone-3 {bottom: 320px;}
	div.css_flex_album {margin: -5px !important;}
	.comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
	.comment-item-poster{width:auto;margin-right:0px;margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
	.comment-item-letter{width:40px;height:40px;line-height:40px;font-size:13px;margin-bottom:0}
	.comment-item-name{margin-bottom:0px;margin-left:10px;margin-right:10px}
	.comment-item-information{width:100%}
	.price-procart{display:none}
  	.price-procart-rp{display:block}
	.quantity-procart{text-align:right}
	.top-cart{margin-bottom:2rem}
	.content-main img{height: auto !important;}
	.template-pro .row{margin: 0;}
	.info-header,.hotline-header{display: none}
	.email-header{display: none}
	.info-header:nth-child(3){display: block}
	.social-header{width:auto}
	.search{width: 97%;margin: auto;border: 1px solid var(--maincolor);margin-top: 10px;display: none}
	.product ,.sanpham_col_flex .pro_right .product,.album,.video{width: calc(50% - 10px) !important;margin: 5px !important;}
	.name-product{font-size:15px}
	.left-intro{width: 100%}.right-intro{width: 100%;margin-top: 15px}
	.footer-news:nth-child(1),.footer-news:nth-child(2),.footer-news:nth-child(3),.footer-news:nth-child(4){width: 100%;}
	.cart-product span{width: 100%;margin: 0;margin-right: 0 !important;margin-bottom: 5px;}
	.cart-pro-detail a{width:100%;text-align: center;}
  	.cart-pro-detail a:first-child{margin-right:0px;margin-bottom:0.5rem}
  	.cart-pro-detail a i{display:none}
	.newshome-best{width: 100%;display: none}
	.newshome-scroll{width: 100%}
	.header-bottom .wrap-content{padding: 10px}
	.btn-zalo, .btn-phone, .btn-phone-2 {display: none}
	.scrollToTop,.js-facebook-messenger-box{right: 5px}
	.title-main span{font-size: 30px;}
	.title-intro{margin-bottom:15px}
	.footer-article .wrap-content{padding: 20px 10px}
    .cart-fixed{bottom: 350px}
    .owl-theme .owl-dots .owl-dot span{height: 6px;width: 20px}
    .wrap-cart{flex-wrap:wrap}
	.top-cart,.bottom-cart{width:100%;border-right:0px;padding-right:0px;margin-right:0px;padding: 0 15px}
	.top-cart{margin-bottom:30px}
	.slick-prev{left: 10px}
	.slick-next{right: 10px}
	.copyright,.statistic{width: 100%}
	.footer-powered .wrap-content{flex-wrap: wrap}
	.owl-carousel .owl-stage-outer{width:100%}
	div.run-slick{margin:0 -5px}
	.btn-map{bottom:230px;right:10px;display: none}
	div.box-tintuc-video{padding: 20px 10px}
	.time-news{display:none}
	.pic-newshome-normal{width: 40%}
	.info-newshome-normal{width: 57%}
	.wrap-partner{padding:15px 10px}
	.wrap-partner .prev-carousel{left: 11px;position: absolute;z-index: 9;margin-bottom: 0}
	.wrap-partner .next-carousel{right: 11px;position: absolute;z-index: 9;margin-bottom: 0}
	.desc-news{-webkit-line-clamp:2}
	.contact-text {width: 100%;}
	form#form-contact {width: 100%;}
}
@media (max-width:800px){
	.item_3 .item_product {width: calc(100%/3 - 10px) !important;}
	.container-newsletter {margin: 0 auto;margin-top: 27px;}
	.item-statistics .name-statistics {font-size: 22px !important;}
	.item-statistics .desc-statistics {font-size: 16px !important;line-height: 24px !important;}
	.flex-introduce {align-items: center;}
	.content-main .container_service {gap: 10px 10px !important;}
	.content-main .container_service .item_service {padding: 0px !important;width:calc(50% - 10px) !important;}
}
@media (max-width:700px){
	.box-introduce, .box_service, .box-field {padding: 25px 10px;}
	.box_project {padding: 0px 10px 25px 10px;}
	.left-pro-detail,.right-pro-detail {width: 100% !important;}
	.left-pro-detail {margin-bottom: 10px;}
	.name-field a {font-size: 15px;text-align: start;line-height: 23px;}
	.item-field picture {margin-bottom: 20px;}
	.name-field {padding-bottom: 10px;margin-bottom: 10px;}
	.desc-field {margin-bottom: 10px;}
	.btn-field a {width: 100%;height: 35px;padding-bottom: 3px;font-size: 14px;}
	.left-introduce {gap: 10px;}
	.container_project {grid-template-columns: 1fr 1fr;}
	.content_project {opacity: 1;bottom: 0%;}
	.ifram-social-main {padding: 9px;}
	.flex-introduce {flex-flow: wrap;}
	.left-introduce {width: 100%;}
	.right-introduce {width: 100%;margin-top: 20px;}
	.item_3 .item_product {width: calc(50% - 10px) !important;}
}
@media (max-width:600px){
	.news .news-image{margin-bottom:1rem}
	.procart-label{font-size:13px}
	.name-procart a{font-size:13px}
	.top-contact{flex-wrap:wrap;padding: 0 15px}
	.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0px}
	.top-contact .article-contact{margin-bottom:30px}
	.price-procart,.procart-label .quantity-procart p:first-child{display:none}
	.price-procart-rp,.procart-label .quantity-procart p:last-child{display:block}
	.quantity-procart{width:25%;text-align:right;margin-right:0px}
	.info-procart{width:65%}
	.flex-blog {flex-flow: wrap;}
	.left-blog {width: 100%;}
	.right-blog {width: 100%;max-height: fit-content;}
	.container-social-main {gap: 10px;}
	.item-social-main {width: 100% !important;}
	.name_project a {font-size: 18px;}
}
@media (max-width:550px){
	.item-statistics:nth-child(1) {width: calc(100% - (50% + 5px));left: 0;}
	.item-statistics:nth-child(2) {width: calc(100% - (50% + 5px));left: auto;right: 0;}
	.item-criterial {margin-bottom: 10px;}
	.item-brand {margin: 0 25px;}
	.item_service {padding: 12px 15px;}
	.name_service a {font-size: 15px;}
	.title-main-2 span {font-size: 14px;}
	.title-main span {font-size: 25px;}
	.box-title-main {padding-bottom: 0px;}
	.name_project a {font-size: 15px;}
	.item-brand {margin: 0 20px;}
	.name-blog-main a {font-size: 18px;line-height: 25px;}
	.content-blog-main {padding-bottom: 20px}
	.box-title-footer p, .box-title-footer span {font-size: 25px;}
	.container-newsletter {padding: 20px 25px 35px 25px;}
	.box-title-newsletter {margin-bottom: 50px;}
	.name-introduce {font-size: 14px;}
	.name-company {font-size: 25px;}
	.slogan-introduce {font-size: 15px;padding: 5px 0;}
	.desc-introduce span {font-size: 14px;}
	.desc-criterial span {font-size: 14px;}
	.name-criterial {font-size: 15px;}
	.content-criterial {width: calc(100% - 96px);}
	.name-tags a {font-size: 14px;padding: 5.25px 11px;}
	.container-tags span {font-size: 15px;}
	.box-blog, .box-brand {padding: 25px 10px 0 10px;}
}