/* Responsive default */
@media (max-width:1199px){
  .flex-product{margin:0 -5px;width:calc(100% + 10px);padding:0 10px!important;}
  .box-product{width:calc(100% / 4 - 10px);margin:0 5px 10px 5px;}
  .header{display:none;}
}
@media (max-width:1024px){
  .content-main p{padding:0!important;}
  .share{margin:0 10px!important;}
  .contact-article{padding:0 10px!important;}
  .logo-mb{display:block;width:150px;margin:auto;}
  .header{display:block;}
  .flex-news{padding:0 10px!important;}
  .btn-zalo,.btn-phone{display:none!important;}
  .box-product .name-product{font-size:14px!important;}
  .padding-top-bottom{}
  .pad-top{padding-top:30px;}
  .pad-bottom{padding-bottom:30px;}
  .mg-top{margin-top:30px;}
  .mg-bottom{margin-bottom:30px;}
  .title-detail-main{font-size:20px;}
  .btn-frame{display:none;}
  .cart-pro-detail{width:100%;margin-top:10px;}
  .pad-bottom{padding-bottom:30px!important;}
  .pad-top{padding-top:30px!important;}
  .padding_top_bottom{padding:30px 0!important;}
  .btn-frame{width:41px;height:41px;right:10px;}
  .btn-frame i{width:41px;height:41px;}
  .btn-frame .kenit-alo-circle{display:none;}
  .btn-frame .kenit-alo-circle-fill{display:none;}
  .btn-phone{      /*bottom: 170px;*/
  display:none;}
  .btn-zalo{      /*bottom: 220px;*/
  bottom:170px;}
  .cart-fixed{right:10px;width:41px;height:41px; /*bottom: 270px;*/bottom:170px;}
  .cart-fixed span{width:20px;height:20px;line-height:20px;font-size:10px;}
  .js-facebook-messenger-box{width:41px;height:41px;line-height:41px;right:10px;bottom:120px;}
  .js-facebook-messenger-box svg#fb-msng-icon{width:20px;height:20px;top:calc(50% - 10px);left:calc(50% - 10px);}
  .js-facebook-messenger-box svg#close-icon{width:10px;height:10px;top:calc(50% - 5px);left:calc(50% - 5px);}
  .scrollToTop{right:10px;border-radius:50%;overflow:hidden;bottom:70px;}
  .menu{display:none;}
  .menu{position:relative!important;}
  .menu-res{display:block;}
  .title-main span{font-size:20px;}
  .footer-article{padding:30px 10px!important;}
  .footer-title:after{width:100%;}
  .footer-news:nth-child(4){width:100%;}
  .footer-news:nth-child(3){width:100%!important;margin-bottom:20px;max-width:100%!important;}
  .footer-news:nth-child(2){width:100%!important;margin:20px 0;max-width:100%!important;}
  .footer-news:nth-child(1){width:100%!important;}
  .time-news{display:none;}
  .copyright,.statistic{width:100%;text-align:center;font-size:13px!important;}
  .footer-ul li{width:calc(100% / 2 - 5px);}
  .footer-ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
  .news{float:none!important;width:calc(100% / 3 - 20px)!important;margin:0 10px 20px 10px!important;}
  div#right{width:100%;margin-bottom:20px;}
  div#left{width:100%;margin-bottom:20px;}
  .wrap-about{margin:0!important;padding:12px!important;}
  .wrap-product{padding-top:0!important;}
  .gtleft .desc{margin-bottom:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;}
  .tieuchi__name{margin-top:8px!important;}
  .spnb__list{padding:20px 10px!important;}
  .list_grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:repeat(2,1fr)!important;grid-gap:10px!important;}
  .item_grid:first-child{grid-column:1 / 2!important;grid-row:1 / 2!important;}
  .item_grid:nth-child(2){grid-column:1 / 2;grid-row:2 / 3;}
  .item_grid:nth-child(3){grid-column:1 / 2;grid-row:3 / 4;}
  .item_grid:nth-child(4){grid-column:2 / 3;grid-row:1 / 2;}
  .item_grid:last-child{grid-column:2 / 3;grid-row:4 / 5;}
  .project{padding:20px 10px;}
  .padding-top-bottom{padding:20px 0!important;}
  .wrap-newsnb{padding:0 10px!important;}
  .wrap-intro{padding:20px 10px!important;}
  .wrap-partner{position:unset!important;transform:unset!important;}
  .join__newsletter{padding-top:20px!important;padding-bottom:30px!important;}
}
@media (max-width:768px){
  .text_newsletter{font-size:24px!important;}
  .title-main span{font-size:24px!important;}
  .slgt{font-size:13px!important;}
  h2.name{font-size:28px!important;margin-bottom:4px!important;}
  .about__title::before{height:57px!important;max-height:100%!important;}
  .hinhgt{padding:0!important;}
  .wrap-video{margin:0 -5px;}
  .video{width:calc(100% / 2 - 10px);margin:0 5px 10px 5px;}
  .item-video1 img{height:250px;}
  .right-intro{width:100%;}
  .left-intro{width:100%;margin-bottom:20px;padding-right:0;}
  .left-pro-detail,.right-pro-detail,.form-contact,.article-contact{width:100%!important;margin:0px;}
  .left-pro-detail,.top-contact .article-contact{margin-bottom:30px;}
  .item-video1{width:100%!important;margin-right:0!important;}
  .div_dev{padding-top:8px!important;width:100%!important;}
  .pic-video-2{margin-bottom:0!important;padding-right:10px!important;}
}
@media (max-width:640px){
  .pic-news,.info-news{width:100%;float:none;}
  .info-news{margin-top:15px;padding-left:0;}
  .box-product{width:calc(100% / 3 - 10px)!important;}
}
@media (max-width:576px){
  #email-newsletter{width:fit-content!important;}
  .gtleft{width:100%!important;}
  .hinhgt{display:none!important;}
}
@media (max-width:480px){
  .video_popup{position:relative;padding-bottom:100%;padding-top:30px;height: 0 !important;overflow:hidden;max-height: none !important;}
.video_popup iframe,.video_popup object,.video_popup embed{position:absolute;top:0;left:0;width: 100% !important;height: 100% !important;object-fit: none !important;}
  .item_tv{width:calc(100%/2 - 20px)!important;margin:0 10px 20px 10px!important;}
  .newshome-scroll{width:100%;}
  .newshome-intro{width:100%;margin-bottom:20px;}
  .flex-news{margin:0 -5px;width:calc(100% + 10px);}
  .news{width:calc(100% / 2 - 10px)!important;margin:0 5px 10px 5px!important;}
  .box-product{width:calc(100% / 2 - 10px)!important;margin:0 5px 10px 5px!important;}
  .top-contact .form-contact .button-contact .file-contact span b{max-width:105px;}
  .footer-ul li{width:100%;}
}
@media (max-width:414px){
  .gtleft h2.name{font-size:16px!important;}
  .slgt{font-size:12px!important;}
  .gtleft .desc *{line-height:1.4;font-size:12px;}
  .gtleft{width:100%!important;}
  .tieuchi{margin-bottom:12px;}
  .tieuchi__name{font-size:12px!important;}
  .hinhgt{display:none!important;}
}
@media (max-width:375px){
  .box-input-contact{width:100%;}
  .cart-pro-detail{flex-wrap:wrap;}
  .cart-pro-detail a{width:100%;text-align:center;margin:0px!important;}
  .cart-pro-detail a:first-child{margin-bottom:5px!important;}
}