@media (min-width:870px){
	.slideshow .slick-prev,.slideshow .slick-next{opacity:0;visibility:hidden;transition:all .3s ease}
	.slideshow .slick-prev{transform:translateX(50px)}
	.slideshow .slick-next{transform:translateX(-50px)}
	.slideshow:hover .slick-prev,.slideshow:hover .slick-next{transform:translateX(0);opacity:1;visibility:visible}
	.toolbar{display:none}
}
@media (min-width:1260px){
}
@media (max-width:1199px){
	.not_logo{background:var(--clr-base)}
	.not_logo .icon_menu_mobi{color:var(--clr-base);width:27px}
	.not_logo .search-res .search-grid{width:100%;opacity:1;top:0;position:relative}
	.not_logo .search-res{width:calc(100% - 40px);margin:5px 0}
	.not_logo .search-res .icon-search{display:none}
	.not_logo .logo-mobi{display:none}
	.logo-mb{padding:0 20px;display:block;text-align:center}
	.logo-mb img{max-width:100px}
	.thongtin-mb{}
	.thongtin-mb ul{padding:0 20px!important}
	.thongtin-mb ul li{list-style:none;color:#55585a;margin-bottom:12px}
	.thongtin-mb ul li i{font-size:17px;margin-right:10px;color:var(--clr-base)}
	@-webkit-keyframes my{
		0%{opacity:1}
		50%{opacity:0}
		100%{opacity:1}
	}
	@-moz-keyframes my{
		0%{opacity:1}
		50%{opacity:0}
		100%{opacity:1}
	}
	@-o-keyframes my{
		0%{opacity:1}
		50%{opacity:0}
		100%{opacity:1}
	}
	@keyframes my{
		0%{opacity:1}
		50%{opacity:0}
		100%{opacity:1}
	}
	.hidden_mobi,#arcontactus,#messages-facebook,.quick_contact{display:none}
	.hidden_destop{display:block}
	.menu_baophu{opacity:1;z-index:998;top:0;right:0;bottom:0;left:0;position:fixed;width:100%;height:100%;background:hsl(0,0%,0%,0.5);display:none}
	.icon_menu_mobi{color:var(--clr-base);font-size:25px;text-decoration:none;width:50px;display:block;cursor:pointer;float:left;margin:0}
	.icon_menu_mobi i{float:left}
	a.home_mobi{color:#000;text-decoration:none;float:right;font-size:20px}
	.logo-mobi{width:calc(100% - 100px);float:left;display:block;text-align:center;padding:5px 0}
	.logo-mobi img{max-width:135px}
	a.phone_mobi{color:#fff;text-decoration:none;float:left;font-size:18px}
	a.phone_mobi i{margin-right:12px;-webkit-animation:my 700ms infinite;-moz-animation:my 700ms infinite;-o-animation:my 700ms infinite;animation:my 700ms infinite}
	.menu_mobi{display:block;position:-webkit-sticky;position:sticky;z-index:999;top:0;color:#fff;font-size:18px;text-decoration:none;padding:0 10px;width:100%;background:var(--clr-primary-100);-webkit-box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15);-moz-box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15);box-shadow:2px 2px 15px 0 rgba(42,67,113,0.15);cursor:pointer}
	.menu_mobi_add{position:fixed;z-index:99999;display:block;width:85%;height:100vh;min-width:140px;max-width:440px;left:-100%;top:0;bottom:0;padding-top:35px;color:#fff;background:#fff;line-height:1.5;padding-bottom:20px;box-shadow:inset -4px 0 8px rgba(0,0,0,0.3);overflow:auto;transition:all 0.6s ease}
	.menu_mobi_active{left:0;overflow-x:hidden;}
	.menu_mobi_add ul{padding: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{text-decoration:none;color:#191919;display:block;border-bottom:1px solid hsl(0,0%,52%,0.2);padding:10px 40px 10px 0;margin-left:20px;position:relative;text-transform:uppercase}
	.menu_mobi_add ul li a.active2{color:var(--clr-base)}
	.menu_mobi_add ul li a i:not(.i-home){position:absolute;height:100%;right:0;top:0;border-bottom:1px solid rgba(255,255,255,0.1);width:40px;text-align:center;padding-top:13px;transform:rotate(90deg);border-bottom:1px solid rgba(255,255,255,0.1)}
	.menu_mobi_add ul li a.active2 i{transform:rotate(0deg);border-left:1px solid rgba(255,255,255,0.2)}
	.menu_mobi_add ul ul{display:none;padding-left:0}
	.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:40px}
	.close_menu{position:absolute;top:0;right:0;font-size:15px;width:25px;text-align:center;line-height:25px;cursor:pointer;color:var(--clr-base);border-bottom:1px solid;border-left:1px solid}
	.menu{display:none}
	.menu-res{display:block}
	.search-res{position:relative;float:right;width:40px}
	.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color:var(--clr-base);font-size:17px;margin:0;margin-top:0}
	.search-res .icon-search.active{background:#ebebeb;border-radius:100%}
	.search-res .search-grid{position:absolute;top:66px;right:0;width:0;height:33px;overflow:hidden;background:#fff;border:1px solid var(--clr-base);z-index:2;opacity:0;border-radius:25px;line-height:normal}
	.search-res .search-grid p{float:left;width:35px;height:32px;cursor:pointer;outline:none;border:none;margin:0;font-size:17px;display:block;color:var(--clr-base);line-height:33px;text-align:center}
	.search-res .search-grid input{width:calc(100% - 35px);float:right;line-height:31px;outline:none;border:none;color:#666363;font-size:13px;caret-color:#313131}
	.search-res .search-grid input::-webkit-input-placeholder{color:#666363}
	.search-res .search-grid input:-ms-input-placeholder{color:#666363}
	.search-res .search-grid input::placeholder{color:#666363}
}
@media (max-width:1024px){
	.title-newsletter h2,.title h2{font-size:24px}
	.header-top-wrap{margin-right:215px}
	.header-banner{font-size:30px;line-height:36px}
	.criteria_slick{padding-inline:20px}
	.boxProduct{--_column-count:3;--_gap:20px 16px}
	.card-poster{padding:10px}
	.article{width:calc(50% - var(--gap)* 2)}
	.article-news .article-title{font-size:15px;line-height:25px}
	.newsletter-slogan{font-size:14px;line-height:21px;margin-block-start:10px}
	.newsletter-hotline{font-size:24px;background-size:35px}
	.footer-powered{text-align:center}
	#footer-map{height:30vh}
	.filter_block ul{display:none}
	.article-wrap>:nth-child(1){display:none!important}
	.article-wrap>:nth-child(2){width:100%!important}
}
@media (max-width:992px){
	html,body{overflow-x:hidden;}
	.button-300,.button-400{font-size:15px!important;padding:5px 10px!important;margin:0 5px!important;}
	.thuvien_chitiet .thuvien_trong{column-count:3}
	.tab-list > a{margin:0 auto;}
}
@media (max-width:870px){
	.footer-title-100{text-align:center;font-size:16px;}
	.footer-info,.footer-info *{text-align:center;font-size:14px;}
	.footer-info *{visibility:visible;}
	.footer-bottom-wrap{padding-top:10px;}
	.footer-slogan{line-height:30px;}
	.article-contact{font-size:11px;}
	:root{--size-50:0.938rem;--size-60:1.25rem;--size-70:1.563rem}
	.title-newsletter h2,.title h2{font-size:20px}
	.about-wrap>:nth-child(1){width:100%}
	.about-wrap>:nth-child(2){width:100%;margin-top:15px}
	.about-name,.about-set{font-size:20px}
	.about-slogan{margin-bottom:10px}
	.about-desc{line-height:23px;margin-bottom:15px}
	.tab-wrap>*{width:100%}
	.tab-list{display:flex;justify-content:center;align-items:center;}
	.tab-cat-wrap{flex-wrap:wrap;justify-content:center;}
	.slogan-main{line-height:22px;font-size:14px}
	.article-slick .slick-slide{margin:0 5px}
	.article-slick .slick-list{margin:0 -5px}
	.article-news .article-desc{font-size:14px;line-height:22px;padding-block-start:10px;margin-bottom:10px}
	.article-contact strong{font-size:14px;}
	.newsletter-wrap>:nth-child(1){width:100%}
	.newsletter-wrap>:nth-child(2){width:100%;margin-top:15px}
	.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: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: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}
	.restyle-slick .slick-prev,.restyle-slick .slick-next{background-size:20px;margin-top:-11px}
	div.content-main img{height:auto!important}
	.header-top{}
	.header-email,.header-hotline{display:none!important}
	.header-lang{top:5px}
	.info-header:nth-child(3){display:block}
	.social-header{width:auto}
	.search{display:none}
	div.css_flex{margin:0 0}
	div.css_flex_product,div.css_flex_album,div.css_flex_baiviet,div.css_flex_video{--gap:5px;margin:0 -5px}
	div.css_baiviet_ngang .article{width:calc(50% - 20px)}
	.product,.sanpham_col_flex .pro_right .product,.album,.video{width:calc(50% - 10px);margin:0 5px 15px 5px}
	.product{padding-bottom:10px}
	.card-title.text-split{}
	.card-title,.card-desc{font-size:14px;line-height:20px}
	.card-desc{height: 42px;overflow: hidden;}
	.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:0.5rem}
	.cart-pro-detail a i{display:none}
	div.wap_copy>*{width:100%}
	.social-footer{-ms-flex-pack:center;justify-content:center;}
	.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}
	.btn-zalo,.btn-phone{display:none}
	.scrollToTop,.js-facebook-messenger-box{right:5px}
	.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}
	.copyright,.statistic{width:100%}
	.owl-carousel .owl-stage-outer{width:100%}
	.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{margin-bottom:12px}
	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:#ffffff;font-size:3.5vw;display:none}
	.breadCrumbs{}
	.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}
}
@media (max-width:768px){
	.boxProduct{--_column-count:2;--_gap:10px}
	.thuvien_chitiet .thuvien_trong{column-count:2}
	.field-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.newsletter-button{position:static;margin-block-start:10px;text-align:center}
	.article{width:100%}
	.card-link .card-body{max-width: 178px;}
}
@media (max-width:600px){
	.title-accent{background-size:100px}
	.header-address{display:none!important}
	.header-logo img{max-width:80px}
	.header-banner{font-size:23px;line-height:25px}
	.home-about{padding-block-start:var(--size-60)}
	.about-name,.about-set,.slogan-about{font-size:18px}
	.criteria-item .tc-name{font-size:15px}
	.tab-wrap{margin-bottom:12px}
	.tab-list a{zoom:0.75}
	.tab-cat{font-size:14px;padding:0px 9px;margin:0;}
	.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%}
}
@media (max-width:425px){
	.header-banner{font-size:16px;line-height:23px}
}