@media (min-width: 870px) {
  .split{-ms-flex-direction:row;flex-direction:row}
  .split-wrap{-webkit-box-pack:justify;justify-content:space-between}
  .even-columns{grid-auto-flow:column;grid-auto-columns:1fr}
  .news-videos-wrap> :nth-child(1){width:56%}
  .news-videos-wrap> :nth-child(2){width:42%}
  .culinary-menu-wrap> :nth-child(1),.culinary-menu-wrap> :nth-child(2){width:calc(50% - 20px)}
  }
  @media (min-width: 1250px) {
  .feedback .slick-slide{margin:0 25px}
  .feedback .slick-list{margin:0 -25px}
  }
  @media (max-width: 1024px) {
  .header .header-top{display:none}
  .wrap-content{padding-left:10px!important;padding-right:10px!important}
  .boxProduct{--_column-count:2;--_gap:4px}
  .card-title{font-size:15px}
  .title-main h2{font-size:35px}
  .footer-powered{text-align:center;padding-block:20px}
  #footer-map{height:30vh}
  .wrap-main.wrap-home{padding:0}
  .filter_block ul{display:none}
  .footer-item{margin-bottom:1rem}
  }
  @media (max-width: 992px) {
  .thuvien_chitiet .thuvien_trong{column-count:3}
  }
  @media (max-width: 870px) {
  :root{--section-spacing:2.5rem;--size-40:1.25rem}
  #ninja-slider ul{padding-top:calc(80vh - 67px)!important}
  .slider-info{width:90%;height:50%;left:50%;transform:translateX(-50%)}
  .slider-title h3{font-size: 35px;}
  .slider-title-200{font-size: 40px;}
  .slider-hotline{font-size:20px}
  .slider-address{font-size:16px}
  .hidden_mobi,#arcontactus,.quick_contact{display:none}
  .hidden_destop{display:block}
  .menu_mobi{position:relative;background-color:var(--clr-base);padding-block:5px}
  .btn-phone{bottom:5px;left:10px;right:auto}
  .btn-maps{bottom:5px;right:10px}
  .logo-mobi{width:calc(100% - 235px)}
  .logo-mobi a,
  .logo-mobi canvas,
  .logo-mobi img{zoom: 0.7;}
  .button-200{padding:8px 20px;padding-bottom:2px}
  .search-res{margin-inline:15px}
  .about-wrap{padding:50px 20px}
  .about-container::before,.about-container::after{height:40px}
  .about-container::before{top:20px}
  .about-container::after{bottom:20px}
  .about-header{margin-bottom:10px}
  .about-title{font-size:50px}
  .about-desc{font-size:14px;line-height:26px}
  .about-header::before{display:none}
  .card-body{padding:20px 2px}
  .criteria-item .tc-name{font-size:16px}
  .culinary-menu-right{height:auto}
  .culinary-menu-wrap> :nth-child(2){margin-top:15px}
  .culinary-menu-inner>div{margin:30px 15px;padding-right:5px}
  .culinary-menu-item h3{font-size:15px}
  .culinary-menu-item p{font-size:15px}
  .title-accent h2{font-size:30px}
  .culinary-menu-btn{font-size:15px;padding:10px 30px}
  .feedback-item .tc-name{font-size:16px}
  .feedback-item .tc-desc{font-size:14px;line-height:24px}
  .footer-wrap{padding:20px 10px}
  .social-footer{text-align:center}
  .footer-copyright{font-size:13px}
  .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:0;margin-bottom:.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:0;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}
  div.run-slick .slick-prev,div.run-slick .slick-next{background-size:20px}
  div.content-main img{height:auto!important}
  .info-header,.hotline-header{display:none}
  .email-header{display:none}
  .info-header:nth-child(3){display:block}
  ul.social-header{width:auto}
  .search{width:97%;margin:auto;border:1px solid #ed961a;margin-top:10px;display:none}
  div.css_flex{margin:0}
  div.css_flex_product,div.css_flex_album,div.css_flex_baiviet,div.css_flex_video{margin:0 -5px}
  div.css_baiviet_ngang .article{width:calc(50% - 20px)}
  .article{width:100%}
  .product,.sanpham_col_flex .pro_right .product,.album,.video{width:calc(50% - 10px);margin:0 5px 15px}
  .product{padding-bottom:10px}
  .card-title.text-split{-webkit-line-clamp:2}
  .card-title{font-size:14px}
  .cart-product span{width:100%;margin:2px 0}
  .cart-pro-detail a{width:100%}
  .cart-pro-detail a:first-child{margin-right:0;margin-bottom:.5rem}
  .cart-pro-detail a i{display:none}
  .list_monnb a{font-size:15px;padding:10px 20px}
  .news-videos-wrap> :nth-child(2){margin-top:15px}
  .newshome-best{width:100%;display:none}
  .newshome-scroll{width:100%}
  .footer-item:nth-child(1),.footer-item:nth-child(2),.footer-item:nth-child(3),.footer-item:nth-child(4){width:100%;margin-top:15px;text-align:center}
  .scrollToTop,.js-facebook-messenger-box{right:5px}
  .title-main h2{font-size:22px}
  div.box-sanpham-tc{padding:30px 10px}
  div.css_flex_ajax .pro-in{margin:0 -5px}
  .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}
  .sanpham_col_flex .pro_left{display:none}
  .sanpham_col_flex .pro_right{width:100%}
  .wrap-cart{flex-wrap:wrap}
  .top-cart,.bottom-cart{width:100%;border-right:0;padding-right:0;margin-right:0;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}
  .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}
  .article-desc{-webkit-line-clamp:2}
  .article-date{display:none}
  .chitiet-nd iframe{width:100%!important;height:250px!important;object-fit:cover}
  .title-main{margin-bottom:12px;padding-bottom:25px}
  div.css_news_mobi{margin:0;box-shadow:0 0 10px #ccc;padding:10px 0;border-radius:7px}
  div.css_news_mobi .article{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px}
  div.css_news_mobi .article-poster img{border-radius:6px}
  div.css_news_mobi .article-title a{-webkit-line-clamp:2}
  div.css_news_mobi .article-view{display:none}
  .toolbar{background:var(--clr-base);width:100%;padding:6px 7px;bottom:0;position:fixed;z-index:500;height:auto;left:0;border-top:1px solid hsl(0,0,100,.44)}
  .toolbar ul{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
  .toolbar ul li{text-align:center;width:25%}
  .toolbar ul li a{display:block;width:100%;cursor:pointer}
  .toolbar ul li a img{height:6vw;width:auto}
  .toolbar ul li a span{font-weight:400;color:#fff;font-size:3.5vw;display:none}
  .contact-article{box-shadow:0 0 10px #ccc;padding:10px 0;margin:0;border-radius:8px;margin-bottom:10px}
  div.tabs-pro-detail{margin-top:0}
  .box-chinhanh-tc {
    padding-block: 0;
  }

  div.box-hethong .ht-right {
    width: 100%;

  }

  div.box-hethong .ht-right iframe {
    height: auto;
    aspect-ratio: 19/10.8;
  }

  div.box-hethong .ht-left {
    position: unset;
    margin-top: 1rem;
    width: 100%;
  }
  }
  @media (max-width: 768px) {
  .thuvien_chitiet .thuvien_trong{column-count:2}
  }
  @media (max-width: 600px) {
  .procart-label{font-size:13px}
  .name-procart a{font-size:13px}
  .top-contact{flex-wrap:wrap;padding:0 15px}
  .left-pro-detail,.right-pro-detail,.top-contact .form-contact,.top-contact .article-contact{width:100%;margin:0}
  .left-pro-detail,.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:0}
  .info-procart{width:65%}
  .newsletter-inner{padding:30px 10px}
  div.chia2,div.chia3{flex-direction:column}
  div.chia2 .newsletter-input,div.chia3 .newsletter-input{width:100%}
  div.chia2>*+*,div.chia3>*+*{margin-top:20px}
  }