/* Responsive */
@media(max-width:1300px) {.wrap-content { margin: 0px 15px; } 
.header { display: block; } 
.menu { display:block; } 
.menu-res { display:none; } 
.menu-res { height: 95px; } 
 }
@media(max-width:920px) {.wrap-mb-content { --w: 1200px; width: min(100% - 2rem, var(--w)); margin: 0 auto; } 
 }
@media(min-width:1025px) {.header { display: block; } 
.menu { display:block; } 
.menu-res { display:none; } 
 }
@media(max-width:1024px) {.header { display: none; } 
.menu { display:none; } 
.menu-res.not-index { position: relative; } 
.menu-res { display:block; } 
.menu-res { height: 95px; position: relative; width: 100%; } 
.logo-header2 { zoom: 2; width: 25%; } 
 
.flex-tieuchi .img { width: 39em; } 
.wrap-tieuchi .item-tieuchi { width: 40vw; color: #fff; padding: 0px 7px; } 
.wrap-nhapkhau .tieude { width: 24rem; text-align: justify; } 
.wrap-chudao .tieude { width: 22rem; text-align: end; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -15px; z-index: -1; } 
.wrap-sanpham .item-nhapkhau { text-align: center; background-color: #fff; height: 380px; padding: 10px; } 
.wrap-banner .lonhot { position: absolute; top: -6vh; right: 6vw; transform: rotate(11deg); scale: .8; } 
.item-list .lonhot { position: absolute; top: -4vh; right: 5vh; scale: .7; } .text { position: absolute; top: 0px; bottom: 0px; margin: auto; left: calc((130% - 1245px) / 2); display: flex; flex-direction: column; justify-content: center; width: 50%; text-align: center; } 
.flex-footer2 { width: 110em; } 
.grid-page .item-nhapkhau { text-align: center; background-color: #fff; height: 330px; padding: 20px; max-width: 270px; margin: auto; } 
.wrap-chudao .items { width: 55vw; margin-left: 20px; margin-top: 10px; } 
.wrap-nhapkhau .items { width: 50vw; margin-top: 10px; margin-right: 20px; } 
.toolbar { background: var(--a1); } 
.menu-bar-res { height: 95px; padding: 0px 15px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; background: var(--a1); } 
.grid_product .item-sp { width: auto; } 
}
@media(max-width: 850px) {.header { display: none; } 
.menu { display:none; } 
.menu-res { display:block; } 
.logo-header2 { width: 27%; } 

.flex-tieuchi .img { width: 31em; } 
.wrap-tieuchi .item-tieuchi { width: 40vw; color: #fff; padding: 0px 7px; } 
.wrap-nhapkhau .tieude { width: 20rem; text-align: justify; } 
.wrap-chudao .tieude { width: 100%; text-align: end; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -15px; z-index: -1; } 
.wrap-sanpham .item-nhapkhau { text-align: center; background-color: #fff; height: 380px; padding: 10px; } 
.wrap-banner .lonhot { position: absolute; top: -6vh; right: 6vw; transform: rotate(11deg); scale: .8; } 
.item-list .lonhot { position: absolute; top: -6vh; right: 1vh; scale: .65; } 
.flex-footer2 { width: 65em; } 
.grid-page .item-nhapkhau { text-align: center; background-color: #fff; height: 330px; padding: 20px; max-width: 270px; margin: auto; } 
.wrap-chudao .items { width: 100%; margin-left: 0px; margin-top: 10px; } 
.wrap-nhapkhau .items { width: 100%; margin-top: 10px; margin-right: 20px; } 
.wrap-tieuchi .name { font-size: 23px; } 
.wrap-tieuchi .desc { font-size: 11px; } .wrap-sanpham .tieude .name { color: #fff; font-family: 'a2'; font-size: 27px; text-transform: uppercase; margin-bottom: 40px; } 
.news-name { margin-bottom: 0.5rem; font-family: 'a1-b'; font-size: 15px; break-after: avoid; margin: 0; color: #fff; } 
.wrap-sanpham .desc { font-size: 17px; color: #fff; line-height: 20px; } 
.wrap-kythuat .slider-for { width: 27rem; } 
.text { position: absolute; top: 0px; bottom: 0px; margin: auto; right: calc((180% - 1140px) / 2); display: flex; flex-direction: column; justify-content: center; width: 50%; text-align: center; } 
.grid-page { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; text-align: center; } 
.footer-article .news-footer:last-child { width: 20em; } 
.footer-article .news-footer:last-child { width: 20em; } 
.footer-article .news-footer:first-child { width: 17em; } 
.footer2 { display: flex; color: #fff; padding: 40px 0 0 0; border-top: 1px solid #fff; align-items: center; } 
.wrap-nhapkhau .tieude { width: 100%; text-align: justify; } 
.wrap-chudao .flex-chudao { display: flex; justify-content: space-between; position: relative; z-index: 0; flex-direction: column; align-items: flex-end; gap: 30px; } 
.wrap-sanpham .xemthem { background-color: var(--a1); width: fit-content; margin-left: 0; margin-top: 20px; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0px -64px 36px -28px inset; position: relativ } 
.wrap-nhapkhau .desc { text-align: start !important; } 
.wrap-chudao .xemthem { text-align: end; float: right; } 
.wrap-sanpham .des { font-size: 17; color: #fff; line-height: 20px; margin-left: 0; } 
.wrap-tieuchi .item.swap:before { content: url(../images/item1.png); position: absolute; top: -15px; left: 22vh; z-index: -1; transform: rotate(180deg); } 
.wrap-nhapkhau .flex-nhapkhau { display: flex; justify-content: space-between; margin-top: 10px; position: relative; gap: 30px; z-index: 1; flex-direction: column; } 
.wrap-sanpham .desc { font-size: 17px; color: #fff; line-height: 20px; margin-left: 0; margin: revert; text-align: end; } 
.wrap-tieuchi .flex-tieuchi { display: flex; justify-content: space-between; align-items: center; flex-direction: column; text-align: center; gap: 30px; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -15px; z-index: -1; } 

.flex-tieuchi .img { width: 100%; } 
.wrap-tieuchi .item-tieuchi { width: 100%; } 
.grid_product {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;text-align: center; } 

.thongso-pro-detail {max-width: 100%;}
}
@media(max-width: 790px) {.header { display: none; } 
.menu { display:none; } 
.menu-res { display:block; } 
.logo-header2 { width: 30%; } 

.flex-tieuchi .img { width: 31em; } 
.wrap-tieuchi .item-tieuchi { width: 40vw; color: #fff; padding: 0px 7px; } 
.wrap-nhapkhau .tieude { width: 20rem; text-align: justify; } 
.wrap-chudao .tieude { width: 100%; text-align: end; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -15px; z-index: -1; } 
.wrap-sanpham .item-nhapkhau { text-align: center; background-color: #fff; height: 380px; padding: 10px; } 
.wrap-banner .lonhot { position: absolute; top: -6vh; right: 6vw; transform: rotate(11deg); scale: 1;zoom: .5; } 
.item-list .lonhot { position: absolute; top: -6vh; right: 1vh; scale: .65; } 
.flex-footer2 { width: 65em; } 
.grid-page .item-nhapkhau { text-align: center; background-color: #fff; height: 330px; padding: 20px; max-width: 270px; margin: auto; } 
.wrap-chudao .items { width: 100%; margin-left: 0px; margin-top: 10px; } 
.wrap-nhapkhau .items { width: 100%; margin-top: 10px; margin-right: 0; } 
.wrap-tieuchi .name { font-size: 23px; } 
.wrap-tieuchi .desc { font-size: 11px; } .wrap-sanpham .tieude .name { color: #fff; font-family: 'a2'; font-size: 27px; text-transform: uppercase; margin-bottom: 40px; } 
.news-name { margin-bottom: 0.5rem; font-family: 'a1-b'; font-size: 15px; break-after: avoid; margin: 0; color: #fff; } 
.wrap-sanpham .desc { font-size: 17px; color: #fff; line-height: 20px; } 
.wrap-kythuat .slider-for { width: 27rem; } 
.text { position: absolute; top: 0px; bottom: 0px; margin: auto; right: calc((180% - 1140px) / 2); display: flex; flex-direction: column; justify-content: center; width: 50%; text-align: center; } 
.grid-page { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; text-align: center; } 
.footer-article .news-footer:last-child { width: 20em; } 
.footer-article .news-footer:last-child { width: 20em; } 
.footer-article .news-footer:first-child { width: 17em; } 
.footer2 { display: flex; color: #fff; padding: 40px 0 0 0; border-top: 1px solid #fff; align-items: center; } 
.wrap-kienthuc { padding: 40px 0px; } 
.wrap-nhapkhau .tieude { width: 100%; text-align: justify; } 
.wrap-chudao .flex-chudao { display: flex; justify-content: space-between; position: relative; z-index: 0; flex-direction: column; align-items: flex-end; gap: 30px; } 
.wrap-sanpham .xemthem { background-color: var(--a1); width: fit-content; margin-left: 0; margin-top: 20px; border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.35) 0px -64px 36px -28px inset; position: relativ } 
.wrap-chudao .xemthem { text-align: end; float: right; } 
.wrap-sanpham .des { font-size: 17; color: #fff; line-height: 20px; margin-left: 0; } 
.wrap-tieuchi .item.swap:before { content: url(../images/item1.png); position: absolute; top: -15px; left: 22vh; z-index: -1; transform: rotate(180deg); } 
.wrap-nhapkhau .flex-nhapkhau { display: flex; justify-content: space-between; margin-top: 10px; position: relative; gap: 30px; z-index: 1; flex-direction: column; } 
.wrap-tieuchi .flex-tieuchi { display: flex; justify-content: space-between; align-items: center; flex-direction: column; text-align: center; gap: 30px; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -15px; z-index: -1; } 

.flex-tieuchi .img { width: 100%; } 
.wrap-tieuchi .item-tieuchi { width: 100%; } 
.wrap-chudao .flex-chudao:before { content: url(../images/item2.png); width: 100%; height: 70px; position: absolute; left: 0; top: -20px; z-index: -1; transform: scaleX(1.01); } 
.wrap-chudao .flex-chudao:before { content: url(../images/item2.png); width: 100%; height: 70px; position: absolute; left: -15vh; top: -20px; z-index: -1; transform: scaleX(.58); } 
.wrap-nhapkhau .flex-nhapkhau:before { content: url(../images/item2.png); width: 100%; height: 70px; position: absolute; left: -16vh; top: -20px; z-index: -1; transform: scaleX(0.59); } 
 }
@media(max-width:650px) {.header { display: none; } 
.menu { display:none; } 
.menu-res { display:block; height: 65px; } 
.logo-header2 { width: 25%; } 
.menu-bar-res { height: 65px; } 

.text .name { color: var(--a1); font-size: 25px; font-family: 'a2'; line-height: 38px; } 
.text .desc { color: #fff; font-size: 15px; font-family: 'a1-r'; } 
.item-list .lonhot { position: absolute; top: -10vh; right: -3vh; scale: .5; } 
.grid-page { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; text-align: center; } 
.grid-page .item-nhapkhau { text-align: center; background-color: #fff; height: 360px; padding: 20px; max-width: 270px; margin: auto; } 
.wrap-tieubieu .grid { margin-top: 35px; display: flex; grid-template-columns: repeat(3,1fr); flex-direction: row; flex-wrap: wrap; gap: 50px 10px; padding: 0 20px; justify-content: center; } 
.wrap-kythuat .items-kythuat { display: flex; flex-direction: column; gap: 30px; } 
.wrap-kythuat .slider-for { width: 100%; } 
.footer-article .box_footer { display: flex; justify-content: space-between; color: #fff; flex-direction: column; } 
.footer-article .news-footer { width: 100% !important; } 
.wrap-kythuat .slider-nav { width: 100%; padding-left: 0; } 
.wrap-tieuchi .item .content { width: 50vw; } 
.wrap-tieuchi .item.swap:before { content: url(../images/item1.png); position: absolute; top: -15px; left: 10vh; z-index: -1; transform: rotate(180deg); } 
.wrap-tieuchi .item.swap .content { width: 50vw; text-align: center; } 
.grid_product {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;text-align: center; } 
.grid_product .item-sp { width: auto; } 
.title-pro-detail { font-size: 2rem; }  
 }
@media(max-width: 490px) {.header { display: none; } 
.menu { display:none; } 
.menu-res { display:block; height: 65px; } 
.logo-header2 { width: 35%; } 
.menu-bar-res { height: 65px; } 
.wrap-tieuchi .item:before { content: url(../images/item1.png); position: absolute; top: -10px; left: -9vh; z-index: -1; transform: scaleX(0.8); } 

.text .name { color: var(--a1); font-size: 25px; font-family: 'a2'; line-height: 38px; } 
.text .desc { color: #fff; font-size: 15px; font-family: 'a1-r'; } 
.item-list .lonhot { position: absolute; top: -10vh; right: -3vh; scale: .5; } 
.grid-page { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; text-align: center; } 
.grid-page .item-nhapkhau { text-align: center; background-color: #fff; height: 360px; padding: 20px; max-width: 270px; margin: auto; } 
.wrap-tieubieu .grid { margin-top: 35px; display: flex; grid-template-columns: repeat(3,1fr); flex-direction: row; flex-wrap: wrap; gap: 50px 10px; padding: 0 20px; justify-content: center; } 
.wrap-kythuat .items-kythuat { display: flex; flex-direction: column; gap: 30px; } 
.wrap-kythuat .slider-for { width: 100%; } 
.footer-article .box_footer { display: flex; justify-content: space-between; color: #fff; flex-direction: column; } 
.footer-article .news-footer { width: 100% !important; } 
.wrap-kythuat .slider-nav { width: 100%; padding-left: 0; } 
.wrap-tieuchi .item .content { width: 55vw; } 
.wrap-tieuchi .item.swap:before { content: url(../images/item-tc.png); position: absolute; top: -15px; left: -9vh; z-index: -1; transform: scaleX(.8); } 
.wrap-tieuchi .item.swap .content { width: 50vw; text-align: center; } 
.wrap-nhapkhau .flex-nhapkhau:before { content: url(../images/item2.png); width: 100%; height: 70px; position: absolute; left: -17vh; top: -27px; z-index: -1; transform: scaleX(0.3); } 
.wrap-chudao .flex-chudao:before { content: url(../images/item2.png); width: 100%; height: 70px; position: absolute; left: -17vh; top: -20px; z-index: -1; transform: scaleX(0.3); } 
.wrap-banner .lonhot {position: absolute;top: -60px; right: 75px;transform: rotate(11deg);scale: 1;zoom: .35; } 
.wrap-tieubieu .tieude .name,.wrap-video .tieude .name,.wrap-kythuat .tieude .name {text-align: center;font-size: 25px;font-family: 'a2';color: #fff;text-shadow: 0px 0px 25px #ff0000;position: relative;width: fit-content;margin: 0 auto; } 
.pd-60 { padding: 30px 0; } 
.footer2 {display: flex;color: #fff;padding: 40px 0 0 0;border-top: 1px solid #fff;align-items: center;flex-direction: column;gap: 30px; } 
.grid-page .item-nhapkhau {text-align: center;background-color: #fff;height: 360px;padding: 10px;max-width: 270px;margin: auto; } 
.footer-article .coppi {margin-right: 20px;color: #fff;width: 37vh; } 
.footer2 .logo {width: 100%; } 
.flex-footer2 {width: 100%; } 
.title-main span {text-transform: uppercase;font-size: 20px;display: inline-block;color: var(--a1);font-family: 'a1-b';text-align: center; } 
.title-main span {text-transform: uppercase;font-size: 23px;display: inline-block;color: var(--a1);font-family: 'a1-b';text-align: center; } 
.grid-page .item-nhapkhau {text-align: center;background-color: #fff;height: 300px;padding: 10px;max-width: 270px;margin: auto; } 
.item-list.c1 .img img {height: 350px !important; } 
.text {position: absolute;top: 0px;bottom: 0px;margin: 20px auto;left: -60%;display: flex;flex-direction: column;justify-content: flex-start;width: 100%;text-align: center; } 
.item-list .lonhot {position: absolute;top: 10vh;right: 7vh;scale: .5; } 
.wrap-video {padding: 20px 0px;background-image: url(../images/bg-video2.jpg);background-repeat: no-repeat;background-size: cover; } 
.grid_product {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 10px;text-align: center; } 
 } 
@media(max-width:369px) {.cart-pro-detail a { width:100%; } 
.cart-pro-detail a:first-child { margin-right:0px; margin-bottom:0.5rem; } 
.cart-pro-detail a i { display:none; } 
 }