/* Responsive */
@media (max-width: 1001px){
	body{min-width:320px;}
	.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;}
	}
	.productmenu{padding: 60px 0px}
	.intro{padding-bottom: 30px;background-size: cover;}
	.thuvienanh-txt-4{display: block;font-size: 30px;}
	.tintuc{margin: 30px 0px;}
	.footer-powered .wrap-content{flex-wrap: wrap;text-align: center;min-height: auto;}
	.footer-line{display: none;}
	.footer-layout .wrap-content{padding: 0;}
	.la1{max-width: 30vw !important;bottom: -8%;}
	.productmenu-box:nth-child(2){margin: 0px}
	.product .name-product.text-split{-webkit-line-clamp: 2;line-height:22px;max-height:calc(22px * 2);font-size:15px;}
	.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;}
	.search,.menu-head{display:none;}
	.wrap-menu{display:none;}
	.cart-head{right: 5px;bottom: 125px;}
	.header-top,.hotline-header,.social-header{display:none;}
	.banner-header{max-width: calc(100% - 105px);}
	.header-bottom .wrap-content{padding: 5px 0 !important;justify-content: center;min-height: auto;}
	.menuhd-fix{position:relative;-webkit-animation: unset;-moz-animation: unset;-o-animation: unset;-ms-animation: unset;top: auto;left: auto;right: auto;box-shadow: unset;}
	.logo-hd{width: 100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content:center;}
	.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.grid-product-ajax,.right-intro .grid-product,.grid-product{display:grid;grid-template-columns: repeat(2,1fr);gap: 10px;}
	.filter{display:block;}
	.box_changelang{margin-top:0}
	.header{
    display: none;
}
	.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;er; */margin:0}
	.icon_menu_mobi i{}
	.logo-mobi{width: calc(100% - 80px);}
	.menu-fix {box-shadow:0px 2px 5px #969494}
	.menu-fix .logo-mobi img{width: auto;}
	.logo-mobi img{}
	a.home_mobi{color: #fff;text-decoration:none;float:right;font-size:20px;width: 35px;text-align: right;}
	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: var(--color-text);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: #fff;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: 2px 10px;box-shadow: 0 0 5px #b2b2b2;}
	.menu_mobi_add{display:block;position:fixed;left:-100%;top:0;background: #fff;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;opacity: 1 !important;}
	.menu-flex1{width:100%;flex-wrap: wrap;}
	.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;width: 100%;}
	.menu_mobi_add ul li.li-pro span{display:block;}
	.menu_mobi_add ul li.timkiem, .menu_mobi_add ul li.hotline-header{display:none;}
	.menu_mobi_add ul li a{font-size: 15px;text-decoration:none;color: #191919 !important;display:block;border-bottom:1px solid rgb(132 132 132 / 20%);padding: 10px 40px 7px 0;margin-left:20px;position:relative;text-transform:uppercase;/* font-weight: 500; */}
	.menu_mobi_add ul li a span,.menu_mobi_add ul li a span img{display:none;}
	.menu_mobi_add ul li a.active,.menu_mobi_add ul li a.active2, .menu_mobi_add ul li a:hover{color: var(--color-hover) !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.li-home a{padding: 5px 0;}
	.menu_mobi_add ul li.li-home a i{transform:unset;position: relative;padding: 0;width: auto;}
	.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-hover);width:25px;text-align:center;line-height:25px;cursor:pointer;border-radius:50%;color: #fff;}
	.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:focus{box-shadow:unset;border:unset;}
	.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}

	.breadCrumbs{padding: 12px 0;border: none;background: #eee;}	
	.left-gt{width:100%;order: unset;padding: 0;}
	.right-gt{width:100%;margin:0;margin-top:25px;}
	.item-gt{padding:0}
	.content1-gt{width:100%;}
	.dichvu-slide .item_dv{margin:5px}
	.item_db .it_db{margin:0 5px;}
	.dichvu-slide, .tieuchi-slide{margin:0 -5px;}
	.item_qt:nth-child(1){order:unset;width:100%;}
	.item_qt{width: 50%;padding: 5px  !important;}
	.box-dangky-tc{padding-bottom:25px;}
	.box-dangky-tc .wap-tin-video{width:calc(100% - 20px);}
	.box-dangky-tc:before{display:none;}
	.left-intro{width:100%;margin: 0 auto;padding: 25px 0;}
	.img_hinhdk {-webkit-mask-image: unset;mask-image: unset;mask-size: unset;mask-repeat: unset;}
	.right-intro{width:100%;background:var(--color-bg);padding: 15px;}
	.dangky-db{padding:0}
	.newshome-normal{margin:11px 5px;}
	.tintuc-slide{margin: -11px -5px;}
	.item-bv:nth-child(2n) .img-newshome-normal{margin:0}
	.item-bv:nth-child(2n) .desc-newshome{-webkit-line-clamp: 3;height: calc(24px * 3);}
	.contentdt-ft li{width: 100% !important;}
	.contentdt-ft li:not(:last-child){margin-bottom:15px;}
	.left-product-dm{display:none;}
	.right-product-dm{width:100%;}
	.footer-title{padding-top:0}
	.footer{font-size: 14px;padding: 0;}
	.footer-info{width:100% !important;margin: 0 !important;!i;!;margin-bottom: 25px !important;!i;!;padding: 0;border: none;}
	.footer-policy a{margin:5px 0}
	.footer-powered .wrap-content:before{display:none;}
	.footer-layout{padding: 25px 0 0 0;margin: 0;}
	.footer-powered{position:relative;font-size: 13px;}
	.contact-map,#footer-map iframe{height:50vh}
	.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: 70px;display: none !important;}
	.toolbar-app{display: block;}
	.toolbar{display:block;}
	.social-fixed{right:5px;left:auto;bottom:120px;}
	.btn-zalo,.btn-mess{display:none;}

	.toolbar-app{display: block;}
	.toolbar{display:block;}
	.hotline-fixed{display:none;}
	.social-fixed{left:auto;right:5px;display: none;}
	.toolbar-app {
	    width: 100%;
	    bottom: 0px;
	    position: fixed;
	    z-index: 500;
	    left: 0px;
	    -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75));
	    -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75));
	    -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75));
	    -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75));
	}
	
	.toolbar-app.is-active .list-phone {
	    display: block;
	    -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards;
	    animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards;
	}
	
	.toolbar-app .list-phone {
	    position: absolute;
	    bottom: 100%;
	    left: 30px;
	    opacity: 0;
	    transform: scale(0);
	    transform-origin: 50% 100%;
	    display: none;
	}
	
	.toolbar-app .list-phone a {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: space-between;
	    background: #fff;
	    max-width: 240px;
	    min-width: 190px;
	    padding: 10px 20px;
	    margin: 10px 0;
	    border-radius: 50px;
	    padding-right: 10px;
	}

	.toolbar-app .phone span:before, .toolbar-app .phone span:after {
	    position: absolute;
	    content: '';
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%) rotate(135deg);
	    width: 30px;
	    height: 3px;
	    border-radius: 2rem;
	    background-color: var(--color-hover);
	    opacity: 0;
	    transition: opacity .2s ease-in-out;
	}
	
	.toolbar-app .phone span:after {
	    transform: translate(-50%, -50%) rotate(45deg);
	}
	
	.toolbar-app .list-phone svg {
	    max-width: 30px;
	    max-height: 30px;
	}
	
	.toolbar-app .list-phone span {
	    display: block;
	    width: calc(100% - 40px);
	    color: #333;
	    font-weight: 700;
	}
	
	.toolbar-app .phone {
	    position: relative;
	    width: 50px;
	    height: 50px;
	    z-index: 99;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: #fff;
	    border-radius: 50%;
	    margin: 0 0px -25px 30px;
	    transition: transform .2s ease-in-out;
	}
	
	.toolbar-app .phone a {
	    color: #333;
	    display: block;
	    position: relative;
	}
	
	.toolbar-app .phone svg {
	    max-width: 27px;
	    max-height: 27px;
	    display: block;
	    position: relative;
	    fill: var(--color-hover);
	}
	
	.toolbar-app.is-active .phone {
	    transform: rotate(-180deg);
	}
	
	.toolbar-app.is-active .phone svg {
	    opacity: 0;
	}

	.toolbar-app.is-active .phone span:before, .toolbar-app.is-active .phone span:after {
	    opacity: 1;
	}
	
	.toolbar-app ul {
	    list-style: none;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    padding: 0px;
	    margin: 0px;
	    --size: 33px;
	    -webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%;
	    background: #fff;
	    padding: 10px 0;
	    padding-left: 100px;
	    border-radius: 10px 10px 0px 0px;
	}
	
	.toolbar-app ul li {
	    text-align: center;
	    width: 25%;
	    line-height: 1;
	}
	
	.toolbar-app ul li a {
	    display: block;
	    width: 100%;
	    font-size: 27px;
	    color: #ffff;
	}
	
	.toolbar-app ul li .icon {
	    position: relative;
	    margin: 0 auto;
	    text-align: center;
	}
	
	.toolbar-app ul li a span {
	    display: none;
	    font-weight: 400;
	    font-size: 11px;
	    margin-top: 5px;
	    color: #333;
	    text-transform: capitalize;
	}
	
	.toolbar-app ul li a img, .toolbar-app ul li svg{
	    max-height: 30px;
	    fill: var(--color-hover);
	    width: 100%;
	}
	
	.toolbar-app .phone svg {
	    animation: tada 1.2s infinite;
	    fill: var(--color-hover);
	}
	
	.tada {
	    animation: tada 1.2s infinite;
	}
	
	.lang-toolbar-app {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	
	.toolbar-app ul li.lang-toolbar-app a {
	    display: inline-block;
	    width: unset;
	    margin: 0px 2px;
	    font-size: unset;
	}
	
	.toolbar-app ul li.lang-toolbar-app a img {
	    height: 10% !important;
	}
	
	.ex6 path {
	    fill: #fff;
	    stroke: var(--color-hover);
	    stroke-width: 0.5;
	    stroke-dasharray: 1500;
	    stroke-dashoffset: 1500;
	    -webkit-animation: dash 5s ease forwards;
	    animation: dash 5s ease forwards;
	}

	@-webkit-keyframes dash {
	    to {
	        fill: var(--color-hover);
	        stroke-dashoffset: 0;
	    }
	}
	
	@keyframes dash {
	    to {
	        fill: var(--color-hover);
	        stroke-dashoffset: 0;
	    }
	}

	@keyframes tada {
	    0% {
	        transform: scaleX(1)
	    }
	
	    10%, 20% {
	        transform: scale3d(.9, .9, .9) rotate(-3deg)
	    }
	
	    30%, 50%, 70%, 90% {
	        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
	    }
	
	    40%, 60%, 80% {
	        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
	    }
	
	    to {
	        transform: scaleX(1)
	    }
	}

	@keyframes quickShow {
	    0% {
	        opacity: 0;
	        transform: scale(0);
	    }
	
	    100% {
	        opacity: 1;
	        transform: scale(1);
	    }
	}

	
}
@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{width: 100%;padding: 10px 0 5px 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;}
	.right-product-dm .news-d,.news-d,.product-d{grid-template-columns: repeat(2, 1fr);gap: 10px;}
	.news-d.news-dv .item_tt .tttt{padding:15px 10px;}
	.item_tt a.img{width:100%;}
	.news-dv .item_tt{}
	.quytrinh-slide{grid-template-columns:repeat(3,1fr)}
	.item_qt .it_qt{max-width: 228px;margin:0 auto;}
	
	
}
@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){
	.box-tintuc-tc,.box-ykien-tc,.box-quytrinh-tc,.box-loaixe-tc,.box-dichvu-tc,.box-gioithieu-tc{padding:25px 0}
	
	.tieude1{padding-bottom:20px;}
	.tieude1 span{font-size:17px;}
	.tieude1 h2{font-size: 30px;}
	.tieude1 p{display:none;}
	
	.name-gt{padding:15px 0 25px 15px}
	.name-gt p{font-size:22px;margin-bottom:0}
	.name-gt h2{font-size:35px;}
	.item-gt2 span{font-size:40px;line-height: normal;}
	.content1-gt{padding-top:25px;}
	.item_db .name_tt{font-size:14px;}
	.item_dv .name_tt{font-size:15px;}
	.item_dv .info_tt{padding:5px;}
	.box-loaixe-tc .tieude1{margin-bottom:0;padding-bottom:20px;}
	.item_lx .it_lx{padding:0}
	.item_qt .it_qt{background:rgb(0 0 0 / 50%);min-height:auto;border-radius:5px;padding: 5px 10px 13px 10px;}
	.item_qt:hover .it_qt{background:var(--color-bg)}
	.item_qt .name_tt{line-height: 25px;height: calc(25px * 2);font-size: 15px;}
	.item_qt .numb_tt{margin-bottom:0}
	.item_qt .numb_tt span{font-size:30px;}
	.box-quytrinh-tc .tieude1{padding-bottom:10px;}
	.quytrinh-tc{padding-bottom:0;background:none}
	.tieude_dk{font-size:14px;line-height:1.5;padding-bottom: 15px;}
	.tieude_dk h2{font-size:30px;}
	.tieude_dk p{font-size: 22px;margin-bottom: 0;}
	.item_kh .des_tt{font-size:14px;margin-bottom:15px;}
	.ykiench-tc{padding-top:0}
	.ykienph-slide{margin-top:15px;}
	.info-newshome-normal{padding:10px}
	
	.title-main span,.title-detail h1{font-size: 30px;}
	.title-detail-pro h1{font-size:20px;}
	.item_tt .tttt span{}
	.album-txt h3{font-size: 15px;}
	.album-txt-2{font-size:14px;}
	.item_tt a.ten{font-size: 14px;}
	.title-detail{margin-bottom:20px;}
	.item_tt{}
	.item_tt a.img p{}
	.item_tt a.img{width:100%}
	.item_tt .tttt{width:100%;}
	.news-dv .item-dv .tttt{padding:10px 7px}
	.price-new-pro-detail{font-size:20px;}
	.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;}
	.product .price-new{font-size:20px;}
	.intro-txt-1 div{font-size: 15px;}
	.news-item{}

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