/* REPONSIVE */
@media(max-width:1300px) { } 
@media(max-width:1001px) { /* .header { height: 0.1px; } */
 
/* .title-product-list { overflow-x: scroll; overflow-y: hidden; } */
/* .title-product-list li { min-width: 70%; text-align: center; } */
/* .title-product-list li a { font-family: var(--font-bold); font-size: 20px; color: var(--color-main); min-width: max-content; } */
.title-product-list li { text-align: center; border-bottom: 1px solid var(--color-main); padding: 0 10px 5px 10px; } 
.title-product-list li a { font-family: var(--font-bold); font-size: 12px; color: var(--color-main); min-width: max-content; position: relative;  } 
.title-product-list li.active { color: var(--color-main-v2); border-bottom: 2px solid var(--color-main-v2); } 
.title-product-list::-webkit-scrollbar { width: 2px; height: 4px; } 
.title-product-list::-webkit-scrollbar-track { background: #ccc; } 
.title-product-list::-webkit-scrollbar-thumb { background: var(--color-main); } 
.title-product-list::-webkit-scrollbar-thumb:hover { background: var(--color-hover); } 
.title__hotline__v2 img{width: 35px;}

 .menu-res { padding: 10px 0; } 
 .col__header__right { position: unset; margin-top: 5px; display: none !important; } 
 .menu__responsive { height: unset; background: var(--color-main); position: relative; } 
 .menu__responsive::after { position: absolute; content: ""; background: url(../images/line-mmenu.png); background-size: 100%; height: 15px; left: -5px; right: 0; bottom: -12px; } 
 .logos-menu {margin-bottom: -30px;position: relative;left: 3px; z-index: 1;}
 .mmenu-fixwidth { float: left; right: unset; left: 0; } 
 .link__bar { padding: 10px 15px 0 15px; } 
 .redicrect a { font-family: var(--font-bold); font-size: 10px; color: #fff; margin-right: 7px; text-transform: capitalize; } 
 .redicrect a:hover { text-decoration: underline; } 
 .menu__responsive .wrap-content { padding: 0 5px; } 
 .menu-bar-res { height: unset; padding: 0; } 
 .link__bar { padding: 10px 0 0 0; } 
 .select-Translator { max-width: 75px !important; height: 25px !important; border: 1px solid #fff !important; background: #fff !important; } 
 #google_language_translator { width: 75px !important; } 
 .lang__select { display: flex; align-items: center; margin-right: 5px; } 
 .lang__select img { width: 25px; height: 21px; }
.col__mmenu__left { width: 45%; } 
.col__mmenu__center { width: 20%; } 
.col__mmenu__right { width: 45%; } 
.lang__select a { margin: 0 5px 0 0; } 
.lang__select a:last-child { margin: 0; } 
.select-Translator { height: 25px; font-size: 12px !important; } 
#hamburger { width: 20px; margin-top: 5px; } 
#hamburger:before, #hamburger:after, #hamburger span { height: 2px; } 
#hamburger span { top: 8px; } 
#hamburger:after { top: 15px; } 
.search-res-w100 { width: calc(100% - 25px); border-radius: 0; } 
.search p { float: left; width: 20px; height: 25px; line-height: 25px; } 
.search input { width: calc(100% - 20px); height: 25px; } 
 }
@media(max-width:850px){
 .image__slide { display: unset; } 
 .rotate__slide { position: relative; } 
 .image__resp { display: none !important; } 
 .footer__news, .col__left, .col__right, .footer__copyright , .footer__statistic { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px !important; } 
 .footer__copyright { margin-top: 10px; } 
 .info__certificate .name__certificate { font-size: 35px; } 
 .info__certificate .desc__certificate { font-size: 30px; } 
 .info__certificate .desc2__certificate { font-size: 17px; line-height: 28px; } 
 .title__solution { grid-column: 4 span; } 
 .newsletter__input, .col__input .newsletter__button { width: 100%; } 
 .col__input .newsletter__button { margin-top: 10px; } 
 .footer__article { background-size: cover; } 
 }
@media(max-width:550px) { /* .banner__ads { display: none; } */
 .hotline__image img { width: 70px; height: 70px; } 
 .section__hotline .hotline__content,  .section__hotline .hotline__image  { display: none; } 

 /* .header .header__top .wrap-content .info__header { font-size: 15px; }  */
 .category__news { margin-bottom: 15px; } 
 .footer_map_tab { width: unset; } 
 .map_items { padding: 10px 0; } 
 .name__maps { margin-bottom: 0; } 
 .form__detail .col__input { margin-bottom: 0; margin-top: 0; } 
 .form__detail .newsletter__input, .form__detail .contact-input { margin-bottom: 10px; margin-top: 0; } 
 .items__product { margin: auto; } 
 .wrap__product { padding: 30px 0 60px 0; background-size: cover; } 
 .items__certificate { flex-wrap: wrap; } 
 .items__certificate .image__certificate, .items__certificate .info__certificate { width: 100%; text-align: center; } 
 .items__certificate .info__certificate { margin-top: 15px; } 
 .image__certificate img { width: unset !important; } 
 .owl-theme .owl-dots { width: 100%; } 
 .section__title span, .title__product { font-size: 25px; margin: 15px 0; } 
 .grid__solution { display: grid; gap: 15px; grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 .title__solution { grid-column: 2 span; } 
 .items__news { margin-bottom: 15px; } 
 .items__news:last-child { margin-bottom: 0; } 
 .section__news .title__list a { max-width: 80%; } 
 .items__logo { margin: 0 5px; } 
 .tabs-pro-detail .nav-tab { flex-wrap: nowrap !important; } 
 .tabs-pro-detail .nav-tabs .nav-link { padding: 10px 10px; } 
 .scroll__content { max-height: 200px; } 

 /* .btn__fixed { top: 210px; display: none; } */
 .section__hotline .hotline__content a { font-size: 20px; } 
 .section__hotline .hotline__content span { margin-bottom: -5px; display: block; } 

 .line__aboutus{margin: 0 auto 10px auto;}
 .title__aboutus , .name__aboutus{text-align: center;}
.wrap__news .slogan__title{text-align: center;}
.wrap__news .section__title span{display: block;text-align: center;font-size: 30px;}
.logo__footer, .footer__name{text-align: center;}
.wrap__news .line__title {margin: 0 auto 10px auto !important;}
/* .slideshow{margin-top: 15px;} */
#fanpage-facebook{display: none;}
.social__footer{margin-bottom: 0;}


 }
@media(max-width:440px){
 .name__aboutus { font-size: 40px; margin-top: 0; } 
 .inner__news .info__news { padding: 10px 10px 0 10px; } 
 .section__news .inner__news .name__news { margin: 5px 0; } 
 .section__news .inner__news .name__news a { line-height: 28px; } 
 .section__title span { font-size: 20px; margin: 0; } 
 .items__solution .name__solution a { line-height: 26px; } 
 .items__solution .image__solution { margin-bottom: 5px; } 
 .info__certificate .name__certificate { font-size: 25px; } 
 .info__certificate .desc__certificate { font-size: 20px; } 
 .info__certificate .desc2__certificate { font-size: 15px; line-height: normal; margin-top: 5px; } 
 .info__video .name__video { font-size: 14px; line-height: 22px; } 
 .footer__name { font-size: 20px; margin-bottom: 20px;} 
 }
@media(max-width:391px) { } 


/* REPONSIVE DEFAUT */
@media(max-width:1001px){
 .toolbar, .btn-social { display: block; } 
 .scrollToTop { display: none; } 
 }
@media only screen and (max-width: 850px){
 .wrap-container { position: relative; overflow: hidden; } 
 }
 @media only screen and (max-width: 991px){
 .menu-res { display: block; } 
 }
 @media only screen and (max-width: 991px){
 .cart-fixed { bottom: 320px !important; } 
 }
 @media only screen and (max-width: 991px){
 .grid-product { gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); } 
 }
 @media only screen and (max-width: 575px){
 .grid-product { gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 }
 @media only screen and (max-width: 767px){
 .cart-pro-detail a { width: 100%; } 
 .cart-pro-detail a:first-child { margin-right: 0px; margin-bottom: 0.5rem; } 
 .cart-pro-detail a i { display: none; } 
 }
 @media only screen and (max-width: 575px){
 .news .news-image { margin-bottom: 1rem; } 
 }
 @media only screen and (max-width: 991px){
 .img-auto img { width: auto !important; height: auto !important; } 
 }
 @media only screen and (max-width: 991px){
 .footer__powered, .footer__statistic { text-align: center !important; } 
 }
 @media only screen and (max-width: 850px){
 .py50 { padding: 30px 0px; } 
 .py60 { padding: 30px 0px; } 
 .py70 { padding: 30px 0px; } 
 }
 @media only screen and (max-width: 850px){
 .mb-50 { margin-bottom: 30px; } 
 }
 @media only screen and (max-width: 850px){
 .mt-50 { margin-top: 30px; } 
 }
 @media only screen and (max-width: 850px){
 .mgb-res { margin-bottom: 30px !important; } 
 }@media only screen and (max-width: 991px){
 .top-cart { margin-bottom: 2rem; } 
 }@media only screen and (max-width: 575px){
 .name-procart a { font-size: 13px; } 
 }@media only screen and (max-width: 767px){
 .quantity-procart { text-align: right; } 
 }@media only screen and (max-width: 767px){
 .price-procart { display: none; } 
 }@media only screen and (max-width: 767px){
 .price-procart-rp { display: block; } 
 }@media only screen and (max-width: 575px){
 .procart-label { font-size: 13px; } 
 }
 @media only screen and (min-width: 768px){
 .procart-label .quantity-procart p:first-child { display: block; } 
 }
 @media only screen and (max-width: 767px){
 .procart-label .quantity-procart p:first-child { display: none; } 
 }
 @media only screen and (min-width: 768px){
 .procart-label .quantity-procart p:last-child { display: none; } 
 }
 @media only screen and (max-width: 767px){
 .procart-label .quantity-procart p:last-child { display: block; } 
 }@media only screen and (min-width: 992px){
 .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; } 
 }@media only screen and (max-width: 991px){
 .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; } 
 }@media only screen and (max-width: 991px){
 .comment-item-letter { width: 40px; height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 0; } 
 }@media only screen and (max-width: 991px){
 .comment-item-name { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; } 
 }@media only screen and (max-width: 991px){
 .comment-item-information { width: 100%; } 
 }@media only screen and (max-width: 991px){
 .hotline__header { display: none; } 
 }@media only screen and (max-width: 991px){
 .menu { display: none; } 
 }