/* Responsive */
@media (max-width: 1001px){
	.header.menu-fix{position: fixed;top: 0px;left: 0px;width: 100%;background:#FFF2E1;z-index: 9;}
	.productmenu-title{writing-mode: unset;font-size: 30px;}
	.productmenu-title:before{content: unset;}
	.productmenu-box:nth-child(1){position: unset;text-align: center;}
	.header-mobile{
		display: flex;
		align-items: center;
		flex-direction: column;
		.header-company-name{display: flex !important}
		.logo-header{display: flex !important;width: 100px;}
	}
	.thuvienanh{}
	.productmenu{padding: 60px 0px}
	.intro{padding-bottom: 30px;background-size: cover;}
	.thuvienanh-txt-4{display: block;font-size: 30px;}
	.video-feedback,
	.tintuc{margin: 30px 0px;}
	.footer-powered .wrap-content{flex-wrap: wrap;text-align: center;width: 100%;}
	.footer-line{display: none;}
	.footer-layout .wrap-content{grid-template-columns: 1fr;}
	.feedback-txt-1{font-size: 18px;-webkit-line-clamp: 2;}
	.feedback-title{font-size: 30px;margin-right: 0px;}
	.feedback-slide{margin: 20px 0px 0px 0px;}
	.video-slide{}
	.video-feedback .wrap-content{grid-template-columns: 1fr;gap: 20px;}
	.la1{max-width: 30vw !important;bottom: -8%;}
	.productmenu-box:nth-child(2){margin: 0px}
	.product .name-product{-webkit-line-clamp: 2;}
	.bestseller{padding: 20px 0px;}
	.bestseller-title div{margin: 0px;font-size: 20px;}
	.bestseller-title div:before{content: unset;}
	.best-next{right:-0px}
	.best-prev{left:-0px}
	.mm-page{overflow-x: hidden;max-width: 100vw;}
	.intro-txt-3{font-size: 30px}
	.intro-img-item{padding: 10px}
	.intro .wrap-content{grid-template-columns: 1fr;gap: 20px}
	.intro-box:nth-child(2){margin-top: 0px;}
	.menu{display: none;}
	.header-company-name{display: none;}
	.logo-header{/* display: none; */}

	#hamburger{display:block;}
	.menu-head{display:none;}
	.wrap-menu{display:none;}
	.cart-head{padding:5px;font-size:12px;}
	.header{}
	.hotline-header,.header .header-top, .social-header{display:none;}
	.banner-header{max-width: calc(100% - 127px);}
	.header-bottom .wrap-content{padding: 5px 0;justify-content: center;}
	.logo-hd{margin-right:1%}
	.flex-product-main{display:block;}
	.flex-product-main .left-product{position:fixed;z-index:999;top:0px;left:0px;transform:translateX(-250px);bottom:0px;overflow-x:hidden;background:#fff;box-shadow:0px 0px 5px #000;transition:all 0.5s;display: none;}
	.flex-product-main .left-product.show{transform:translateX(0px);}
	.flex-product-main .right-product{width:100%;}
	.grid-product{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
	.filter{display:block;}
	.box_changelang{margin-top:0}

	.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:15px;margin-right:10px;color:#6c6c6c}
	@-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{background:#000;opacity:0.8;z-index:998;left:0px;top:0px;position:fixed;width:100%;height:100%;display:none}
	.icon_menu_mobi{color: #fff;font-size:25px;text-decoration:none;width:40px;display:block;cursor:pointer;margin:0}
	.icon_menu_mobi i{}
	.menu-fix {box-shadow:0px 2px 5px #969494}
	.menu-fix .logo-mobi img{max-height: 60px;width: auto;}
	a.home_mobi{color: #fff;text-decoration:none;float:right;font-size:20px}
	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}
	.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}
	.menu_mobi{color: #fff;font-size:18px;text-decoration:none;padding: 0px 10px;width:100%;cursor:pointer;display:block;cursor:pointer;position:-webkit-sticky;position:sticky;top:0;z-index:999;background: linear-gradient(90deg, #E91916 1.67%, #AD0000 100%);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between;align-items:center;padding: 5px 10px;}
	.menu_mobi_add{display:block;position:fixed;left:-100%;top:0;background:#f1f1f1;z-index:99999;color:#fff;height:100vh;overflow:auto;line-height:1.5;padding-top:40px;padding-bottom:20px;width:85%;min-width:140px;max-width:440px;box-shadow:inset -4px 0px 8px rgba(0,0,0,0.3);transition:0.5s}
	.menu_mobi_active{left:0;transition:0.5s}
	.menu_mobi_add ul{list-style:none;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{display:block;}
	.menu_mobi_add ul li.timkiem{display:none;}
	.menu_mobi_add ul li a{text-decoration:none;color: #191919 !important;display:block;border-bottom:1px solid rgb(132 132 132 / 20%);padding:13px 40px 13px 0;margin-left:20px;position:relative;text-transform:uppercase;font-weight: 600;}
	.menu_mobi_add ul li a span,.menu_mobi_add ul li a span img{display:none;}
	.menu_mobi_add ul li a.active2, .menu_mobi_add ul li a:hover{color: var(--color-main) !important;}
	.menu_mobi_add ul li a i{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:5px;right:7px;font-size:15px;background: var(--color-main);width:25px;text-align:center;line-height:25px;cursor:pointer;border-radius:50%;}
	.search-res{position:relative}
	.search-res .icon-search{width:40px;height:40px;cursor:pointer;text-align:center;line-height:42px;color: #fff;font-size:17px;margin:0px;margin-top:0px;border-radius:50%}
	.search-res .icon-search.active{background:#fff;border-radius:100%;color: var(--color-main);}
	.search-res .search-grid{position:absolute;top:47px;right:0px;width:0px;height:40px;overflow:hidden;background:#fff;border: 1px solid #999;z-index:2;opacity:0;border-radius:25px;line-height:normal}
	.search-res .search-grid p{float: right;width:35px;height:38px;cursor:pointer;outline:none;border:none;margin:0px;font-size:17px;display:block;color: #000;line-height:40px;text-align:center}
	.search-res .search-grid input{width:calc(100% - 35px);float: left;line-height:38px;outline:none;border:none;color:#666363;font-size:13px;padding: 0 10px;}
	.search-res .search-grid input::-webkit-input-placeholder{color:#666}
	.search-res .search-grid input:-moz-placeholder{color:#666}
	.search-res .search-grid input::-moz-placeholder{color:#666}
	.search-res .search-grid input:-ms-input-placeholder{color:#666}
	
	div.danhmuc-slide,.video-slide,.tinhhoa-slide-p ,.food-slide,.hinhtc-slide{margin: 0px -5px}
	div.item_mn .it_mn ,.item-video a,.item_th1 .it_th1,.food-slide .product,.item_db .it_db{margin: 0px 5px;padding:0}
	.hinhgt_tc:nth-child(1){width:100%;margin:0;order:unset;padding: 0;margin-bottom: 25px;}
	.hinhgt_gt{max-width:576px;margin:0 auto;}
	.giohd-gt{max-width:100%;padding-top: 15px;text-align: center;}
	.giohoatdong-tc{text-align:left;background: url(../images/web/open.png) no-repeat top left;}
	.hinhgt_tc:nth-child(3),.hinhgt_tc:nth-child(2){width: 49%;}
	.tieude-ha.tieude1{position:relative;}
	.tieude-ha .td1{padding:0;text-align:center;}
	.slogan-ha{display:none;}
	.box-chinhanh-tc{padding:50px 0}
	.box-chinhanh-tc .wap-tin-video{width:calc(100% - 20px);}
	.left-htcn{width:100%;padding: 0;margin-bottom: 25px;}
	.right-htcn{width:100%;padding:0;max-width: 690px;margin: auto;}
	.box-quangcao-cn p {-webkit-mask-image: unset;mask-image: unset;mask-size: 100%;mask-repeat: no-repeat;margin-bottom: 0;}
	.left-dk:before,.bottom-tinhhoa:before,.vongtron-tinhhoa,.giohd-htcn{display:none;}
	.right-tinhhoa{width:100%;order:-1}
	.bottom-tinhhoa{padding:0;margin:0;margin-top:10px;}
	.left-tinhhoa{width:100%;margin: 0 auto;margin-top: 25px;max-width: 600px;}
	.item_tc{padding:0;padding-left:10px;width: calc(50% - 10px);margin:7px 5px;}
	.item_tc .it_tc{padding:0 !important}
	.slogan-tc{text-align:center;}
	.tinhhoa-slide-p .slick-prev, .tinhhoa-slide-p .slick-next{display:none;}
	.left-dk{width:100%;margin:0 auto;padding: 45px;}
	.right-dk{width:100%;margin-top:25px;}
	.left-intro{width:100%}
	.right-intro{width:100%;padding-top: 25px;}
	.tintuc-slide{margin: -5px 0;}
	.newshome-normal{margin:  5px 0;}
	.footer-info{width:100% !important}
	.footer-info:not(:last-child){margin-bottom:25px;padding: 0;text-align: center;}
	.copyright, .footer-counter{width:100%;text-align:center;max-width: 100%;}
	.social-ft{width:100%;padding-top: 5px;}
	.box-hethong .ht-right iframe,.contact-map,#footer-map iframe{height:50vh}
	.footer{background: linear-gradient(90deg, #E91916 1.67%, #AD0000 100%);padding: 0;}
	.footer.footer-coffee{background:var(--color-coffee)}
	.footer-layout{padding: 25px 0 0 0;}
	.footer-powered{position:relative;padding: 15px 0;}
	.logo-ft{padding:0;background:none;}
	.logo-ft img:last-child{margin:0}
	.box-hethong .ht-left{width: 100%;}
	.box-hethong .ht-right{width: 100%;margin-top:15px;}
	.tabProduct{border-radius:0;background:var(--color-main);padding: 10px;}
	.grid-pro-detail{width:100%}
	.slick-prev{left:0}
	.slick-next{right:0}
	.scrollToTop{right:10px;bottom:75px;}
	.toolbar-app{display: block;}

	/* coffee */
	div.left-coffee{width:100%;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
	div.box_product_coffee:before,div.left-coffee:before,div.right-coffee{display:none;}
	div.hinhgt_coffee{order:2;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;}
	div.hinhgt-item-cf:nth-child(1){display:block;}
	div.hinhgt-item-cf{width:49%;}
	div.hinhgt_cf{margin:0;margin-bottom: 25px;}
	div.right-td-cf,div.left-td-cf{display:none;}
	div.center-td-cf{width:100%;}
	
}
@media (max-width:850px){
	.video-d,.album-d{grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.album-txt,.video-d .album-txt{padding:10px 0}
	.item_tt .tttt{padding:10px 0}
	.intro-txt-2{font-size: 12px;}
	.productmenu-menu{max-height: 230px;}
	.productmenu-pricenew{font-size: 15px;}
	.productmenu-priceold{font-size: 11px;bottom: -10px;}
	.productmenu-menu{gap: 15px}
	.bestseller-title span,
	.intro-txt-1{font-size: 40px;}
	.bestseller-title span{gap: 10px}
	.intro-txt-1 div{font-size: 20px;}
	.product-d{grid-template-columns: repeat(2, 1fr);gap: 10px;}
	div.grid-coffee,.news-d,.right-intro .grid-product,.right-product .grid-product,.grid-product{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}

}
@media (max-width:769px){
	.tintuc-txt-2{height: 30px;}
	.tintuc-title{font-size: 30px;}
	.tintuc-title img{display: none;}
	.bestseller-slide{margin: 0px -5px;}
	.bestseller .product{margin: 0px 5px;}
	.product-number{font-size: 40px;}
	.bestseller-title span,
	.intro-txt-1{font-size: 30px;}
	.text-cart{display:none;}
	.grid-pro-detail{display:block;}
	.grid-pro-detail .left-pro-detail{width:100%;padding:0px;border-right:none;}
	.slick_photo1{text-align:center;}
	.grid-pro-detail .right-pro-detail{width:100%;}
}
@media (max-width:600px){
	div.box-thuvienanh-cf,div.box_product_coffee,div.box_danhmuc_cf,div.box_gioithieu_cf,.box-ykien-dk,.box-tinhhoa-tc,.box-chinhanh-tc,.box-thuvienanh-tc,.box-foodct-tc,.box-sanpham-dm,.box_hinhtc_tc,.box_gioithieu_tc{padding: 30px 0;}
	.box-tintuc-tc{padding:15px 0}
	div.box-thuvienanh-cf,div.box-thuvienanh,.box-thuvienanh-tc,.box-sanpham-dm{background:none;}
	.box-ykien-dk .tieude1 p,.tieude1 p{font-size:28px;margin-bottom: -5px;}
	.box-ykien-dk .tieude1 h2{font-size:26px;}
	div.tieude-procoffee h2,.tieude-ha.tieude1 h2,.tieude1 h2{font-size: 30px;}
	div.tieude-procoffee > div,.tieude-ha .td1 > div{font-size:15px;}
	.tieude2{font-size: 25px;}
	.hinhgt_gt{padding: 25px 25px 40px 25px;min-height: auto;}
	.name-gt p{font-size: 27px;margin-bottom: -5px;}
	.name-gt h2{font-size: 27px;}
	.giohoatdong-tc p{font-size:18px;}
	.item_yk .des_t,.item_yk .name_tt,.giohoatdong-tc span{font-size:15px;}
	.hinhgt_tc:nth-child(3),.hinhgt_tc:nth-child(2){width: 100%;padding: 0;margin: 0 5px;}
	.hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(2),.hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(1){padding:0;border:none;border-radius: 0;height:150px;position: relative;right: unset;bottom: unset;max-width: 100%;width:calc(50% - 10px);margin:0 5px;}
	.hinhgt_tc:nth-child(2){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;margin: 0;margin-bottom: 10px;}
	.hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(1) a{border-radius:unset}
	.hinhgt_tc:nth-child(3) .hinhgt-item a{height:200px;border-radius: 0;}
	.box-chinhanh-tc:before,.box_gioithieu_tc:before{display:none}
	.product-list a{min-width:auto;padding:8px 15px;font-size:15px;margin:0 2px;margin-bottom:8px;}
	.box-product:before,.name-cppro{display: none !important;}
	.product .pic-product{margin-right:0}
	.product{background:var(--color-text);padding: 0;}
	.product-info{padding:10px}
	.product .name-product.text-split{-webkit-line-clamp:2;line-height: 24px;max-height: calc(24px * 2);font-size: 15px;}
	.product .price-new{font-size:20px;}
	.food-slide .product{background:#FDF6E0}
	.thuvienanh-item{width:calc(50% - 10px) !important;margin:5px !important}
	.thuvienanh_tc{width:100% !important;margin: 0;}
	.thuvienanh-item a{height:150px !important;margin: 0 !important;}
	.thuvienanh-item p{border-radius:10px !important}
	.thuvienanh_tc:nth-child(2) .thuvienanh-item:nth-child(3),.thuvienanh_tc:nth-child(1) .thuvienanh-item:nth-child(1){width:100% !important}
	.thuvienanh_tc:nth-child(2) .thuvienanh-item:nth-child(3) a,.thuvienanh_tc:nth-child(1) .thuvienanh-item:nth-child(1) a{height:200px !important}
	.item_htcn .it_htcn{padding:0 !important}
	.item_htcn .name_tt{font-size:15px;}
	.item_htcn .des_tt.text-split{line-height: 25px;max-height:calc(25px * 2);-webkit-line-clamp:2;}
	.item_htcn .info_tt{padding:10px;padding-left:70px;}
	.item_tc .name_tt{font-size:15px;-webkit-line-clamp: 2;}
	.item_tc .info_tt{min-height:60px;padding-right: 10px;}
	.slogan-tc{font-size:40px;}
	.left-dk{min-height:auto;padding: 20px;}
	.ykien-slide{padding:0 15px;}
	.item_yk .hinh_tt{padding-top:10px;}
	.right-dk{padding:20px 15px;}
	.left-intro{padding-top:0;background:no-repeat;}
	.time-newshome{display:none;}
	.name-newshome.text-split{-webkit-line-clamp: 2;line-height: 24px;max-height: calc(24px * 2);width: 100%;}
	.desc-newshome{margin-top:2px;-webkit-line-clamp: 2;line-height: 22px;max-height: calc(22px * 2);}
	.video-d .album-img:before,.item-video a:before{background-size:50px;}
	.logo-ft img:last-child{margin-top:10px;}
	.item_tt a.ten,.album-txt h3,.item_db .name_tt {font-size:14px;}
	.title-detail{margin-bottom:20px;}
	.title-main span,.title-detail h1{font-size: 27px;line-height:1.5;}
	.slick-prev{left:0}
	.slick-next{right:0}
	.news-d{/* gap:10px; *//* grid-template-columns:1fr; */}
	.album-txt{padding-top:10px;}
	.tintuc-txt{position:relative;padding: 10px 5px;margin:0}
	.tintuc-txt-1{-webkit-line-clamp: 2;font-size: 14px;line-height: 25px;max-height: calc(25px * 2);}
	.productmenu-item{margin: 0px 5px;}
	.productmenu-txt-1{font-size: 20px;}
	.tabProduct a.active, .tabProduct a:hover{font-size:15px;font-family: 'Roboto';font-weight: 700;}
	.tabProduct a{min-width: auto;margin: 4px 3px;padding: 0 15px;min-width: auto;font-size: 15px;}
	.intro-txt-1 div{font-size: 15px;}

	/* coffee */
	div.hinhgt_cf{padding: 30px 30px 40px 30px;min-height: auto;}
	div.center-td-cf h2{padding:0;background:none;font-size:50px;}
	div.tieude-procoffee{padding-bottom:15px;}
	div.grid-coffee .product .price-product{position:relative;right:unset;top:unset;margin-top:5px;}
	div.grid-coffee .product-info{padding:10px 0}
	div.box-thuvienanh{padding:0}
	h2.tieude-alcoffee{position:relative;top: unset;left: unset;text-align: center;font-size: 50px;-webkit-text-stroke: unset;color: var(--color-coffee);padding-bottom: 15px;}
	div.thuvienanh-cf{margin:0 -5px;padding: 0;}
	div.thuvienanh_cf{width:100% !important;padding: 0 !important;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}
	div.thuvienanh_cf .thuvienanh-item{padding:0 !important}
	div.thuvienanh_cf .thuvienanh-item a{width:100% !important;}
	div.xemha-coffee{display:none;}
	div.slogan-cf-ha{position:relative;padding-top:10px;bottom: unset;}
	div.slogan-cf-ha .slogan-cf{width:100%;max-width: 100%;font-size: 50px;text-align:center;}


}
@media (max-width:440px){
	.policy__list > li{width:100%;padding-right:0px !important;border-bottom:1px solid #f1f1f1 !important;}
}
@media (max-width:369px){
}
