@media(max-width:1899px){.container{width:1240px;}}@media(min-width:768px){.container{min-width:1240px;}.openMenuRes,.btnSearch{display:none;}.locSP .header,.showLoc{display:none;}body{min-width:1320px;}}@media(min-width:0){.menuSanPham{float:left;width:284px;margin:0;padding:0;list-style:none;margin-right:40px;position:relative;z-index:7;}.menuSanPham>li{position:relative;margin-top:2px;}.menuSanPham>li>a{font:16px/39px MontserratBold;color:var(--color-main);text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;padding:0 15px;background-color:#fff;border-radius:10px 10px 0 0;}.menuSanPham>li>a:after{display:none;}.menuSanPham>li>a i{margin-right:10px;transform:translateY(-1px);-webkit-transform:translateY(-1px);}.menuSanPham>li:hover>.subMenu{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;pointer-events:auto;}.menuSanPham>li>.subMenu:before{content:'';width:100%;height:10px;position:absolute;left:0;top:-10px;}.menuSanPham .subMenu{margin:0;padding:0;list-style:none;position:absolute;top:calc(100% - 0);left:0;z-index:5;width:100%;transform:translateY(30px);-webkit-transform:translateY(30px);opacity:0;pointer-events:none;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:0 0 10px 10px;}.menuSanPham .subMenu li{position:relative;}.menuSanPham .subMenu li a{font:15px/22px Roboto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:11px 10px;position:relative;padding-left:35px;padding-right:39px;border-top:1px solid #eee;align-items:center;background-color:#fff;}.menuSanPham .subMenu li a:after{display:none;}.menuSanPham .subMenu li img{position:absolute;left:10px;top:11px;}.menuSanPham .subMenu li .openSub{position:absolute;top:0;right:0;width:39px;height:45px;z-index:1;line-height:45px;text-align:center;font-size:15px;cursor:pointer;color:var(--color-sub);}.menuSanPham .subMenu li .openSub:before{content:'';font-family:FontAwesome;}.menuSanPham .subMenu li:hover>a{color:var(--color-main);}.menuSanPham .subMenu li:hover>.openSub{color:var(--color-main);}.menuSanPham .subMenu li:hover>.subMenu{opacity:1;pointer-events:auto;}.menuSanPham .subMenu li:last-child a{border-radius:0 0 10px 10px;}.menuSanPham .subMenu .subMenu{position:absolute;opacity:0;pointer-events:none;cursor:pointer;top:0;transform:translateY(0);-webkit-transform:translateY(0);left:100%;width:290px;border-left:1px solid #fff;}.menuSanPham .subMenu .subMenu li a{padding-left:20px;padding-right:20px;}.menuBox{background-color:var(--color-main);position:relative;}}@media(min-width:768px){.menuMain{margin:0;padding:0;list-style:none;font-size:0;max-width:calc(100% - 324px);float:left;}.menuMain>li{display:inline-block;vertical-align:top;margin-right:30px;}.menuMain>li.mnNews{position:relative;text-align:left;}.menuMain>li.sp{display:none;}.menuMain>li>a{font:15px/42px MontserratBold;position:relative;align-items:center;color:#fff;text-transform:uppercase;}.menuMain>li>a:hover{color:var(--color-sub);}.menuMain>li>a img{margin-right:7px;max-height:16px;filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);transform:translateY(-1px);-webkit-transform:translateY(-1px);}.menuMain>li:hover>a img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);}.menuMain>li.hasSub>a:after{content:'';font-family:FontAwesome;font-size:14px;}.menuMain>li:last-child{margin-right:0;}.menuMain>li.active>a{color:var(--color-sub);}.menuMain>li.active>a img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);}.menuMain>li:nth-last-of-type(1) .subMenu{left:auto;right:0;}.menuMain>li:nth-last-of-type(1) .subMenu .subMenu{right:100%;border-left:none;border-right:1px solid rgba(0,0,0,0);}.menuMain>li:nth-last-of-type(2) .subMenu{left:auto;right:0;}.menuMain>li:nth-last-of-type(2) .subMenu .subMenu{right:100%;border-left:none;border-right:1px solid rgba(0,0,0,0);}.menuMain>li:nth-last-of-type(3) .subMenu{left:auto;right:0;}.menuMain>li:nth-last-of-type(3) .subMenu .subMenu{right:100%;border-left:none;border-right:1px solid rgba(0,0,0,0);}.menuMain .openSub{display:none;}.menuMain .subMenu{margin:0;padding:0;list-style:none;position:absolute;top:calc(100%);left:-15px;z-index:9;padding:0 0 0;width:250px;opacity:0;transform:translateY(30px);pointer-events:none;transition:.3s;box-shadow:0 0 10px rgba(0,0,0,.1);}.menuMain li:hover>.subMenu{opacity:1;transform:translateY(0);pointer-events:auto;}.menuMain .subMenu>li{position:relative;}.menuMain .subMenu>li>a{font:15px/22px Roboto;padding:8px 15px 8px 15px;border-bottom:1px solid rgba(var(--color-main-rgb),.2);display:block;background-color:#fff;color:#000;white-space:nowrap;}.menuMain .subMenu>li>a i{display:none;}.menuMain .subMenu>li:last-child>a{border-bottom:none;}.menuMain>li>.subMenu>li>a{position:relative;}.menuMain .subMenu>li:hover>a,.menuMain .subMenu>li.active>a{color:var(--color-main);}.menuMain .subMenu .subMenu{top:0;left:100%;border-left:1px solid rgba(0,0,0,0);padding-top:0;}}@media(max-width:767px){overflow: visible;.menuBox{position:relative;z-index:10;}.menuBox .menuSanPham{padding:0 2px 1px;}.menuBox .menuSanPham .subMenu{width:100%;border-radius:0;transition:none;}.menuBox .menuSanPham>li>.subMenu{top:100%;}.menuBox .menuSanPham>li>.subMenu>li>a{font-family:MontserratBold;text-transform:uppercase;}.menuBox .menuSanPham{position:relative;z-index:10;width:calc(100% + 20px);margin:0 -10px;}.menuBox .menuSanPham>li.active>a i:before{content:'';}.menuBox .menuSanPham>li>a{padding:0 10px;}.menuBox .menuSanPham .subMenu li:last-child a{border-radius:0;}.menuBox .menuSanPham .subMenu li a{background-color:#fff;}.menuBox .menuSanPham .subMenu li:hover .subMenu{opacity:0;pointer-events:none;}.menuBox .menuSanPham .subMenu .subMenu{position:static;transform:translateY(0);-webkit-transform:translateY(0);top:0;width:100%;box-shadow:none;opacity:1;pointer-events:auto;transform:none;-webkit-transform:none;display:none;}.menuBox .menuSanPham .subMenu .subMenu li a{padding-left:35px;}.menuBox .menuSanPham .subMenu li.active .subMenu{opacity:1;pointer-events:auto;}.menuBox .menuSanPham .subMenu .subMenu .subMenu li a{padding-left:77px;}.menuBox .menuSanPham .subMenu li.hasSub>a{padding-right:41px;}.menuBox .menuSanPham>li:hover>.subMenu{opacity:0;pointer-events:none;transform:translateY(30px);-webkit-transform:translateY(30px);}.menuBox .menuSanPham>li.active>.subMenu{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;pointer-events:auto;}.menuMain{position:sticky;z-index:300;max-height:calc(100vh - 100px);overflow-y:scroll;width:calc(100% + 20px);margin:0 -10px;transform:translateY(-44px);-webkit-transform:translateY(-44px);padding:0 10px 0;list-style:none;display:none;background:#fff;border-top:1px solid #dadada;}.menuMain .container{width:100% !important;}.menuMain .colRight,.menuMain .title{display:none !important;}.menuMain .tab{margin:0;padding:0;list-style:none;}.menuMain .tab li a{position:relative;padding-left:23px !important;}.menuMain .tab li a img{position:absolute;left:34px;top:13px;max-height:30px;display:none;}.menuBox .menuMain>li.sp a{border-bottom:none;padding-bottom:5px;}.menuBox .menuMain>li>a{font-family:MontserratBold;font-size:16px;text-decoration:none;line-height:24px;text-transform:none;display:block;border-bottom:1px solid #dadada;color:#000;padding:9px 43px 9px 0;background:#fff;text-transform:uppercase;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:space-between;}.menuBox .menuMain>li>a:after{display:none;}.menuBox .menuMain>li>a img{filter:brightness(0) saturate(100%) var(--color-main-filter);}.menuBox .menuMain>li>a img+span{width:calc(100% - 20px);}.menuBox .menuMain>li>a>span{transform:translateY(2px);-webkit-transform:translateY(2px);display:inline-block;}.menuBox .menuMain li.hasSub>a{padding-right:43px;}.menuBox .menuMain>li.mnMega>a{padding-right:43px;position:relative;}.menuBox .menuMain>li.mnMega>a img{max-height:30px;}.menuBox .menuMain>li.mnMega span.openSub{display:block;}.menuBox .menuMain>li>a>i{display:none;}.menuBox .menuMain li{position:relative;}.menuBox .menuMain>li.active>a{color:var(--color-main);}.menuMain span.openSub{height:43px;width:43px;z-index:3;border:none;top:0;right:0;position:absolute;cursor:pointer;display:inline-block;text-align:center;background:url(Pic/show2.png) no-repeat center center;background-size:auto 13px;}.menuMain span.openSub i{display:none;}.menuMain span.openSub:before{content:'';font-family:FontAwesome;line-height:43px;font-size:17px;display:none;}.menuMain span.openSub.active{background-image:url(Pic/hide.png);background-size:12px 1px;}.menuMain span.openSub.active:before{content:'';color:#fff;}.menuMain .subMenuTop span.openSub i{display:none;}.menuMain .subMenuTop span.openSub:before{color:#333;}.menuMain .subMenuTop{display:none;padding:0;list-style:none;}.menuMain .subMenuTop li a{color:#000;text-transform:none;text-decoration:none;border-bottom:1px solid #dadada;font:15px/24px Roboto;padding:9px 43px 9px 20px;background:#fff;display:block;}.menuMain .subMenuTop li a i{margin-right:5px;color:#333;font-size:14px;transform:translateY(-2px);}.menuMain .subMenuTop li>a:hover,.menuMain .subMenuTop li.active>a{color:var(--color-main);}.menuMain .subMenuTop .subMenuTop li a{color:#333;text-transform:none;text-decoration:none;border-bottom:1px solid #dadada;font:16px/24px Roboto;padding:9px 43px 9px 35px;background:#fff;display:block;}.menuMain .subMenuTop .subMenuTop li>a:hover{color:var(--color-main);}.menuMain .subMenuTop .subMenuTop .subMenuTop li a{padding:9px 43px 9px 50px;}.openMenuRes{float:right;z-index:2;width:36px;height:36px;position:relative;border:1px solid #000;border-color:#e3e3e3;border-radius:5px;padding-top:10px;padding-left:8px;margin-top:15px;}.openMenuRes span{display:block;width:18px;height:2px;background-color:#000;}.openMenuRes span:nth-child(1)~span{margin-top:4px;}.openMenuRes.active span{width:20px;transform:rotate(45deg);margin-top:6px;}.openMenuRes.active span:nth-child(2){transform:rotate(-45deg);margin-top:-2px;}.openMenuRes.active span:nth-child(3){display:none;}}@media(max-width:767px){.container{width:calc(100% - 20px);}.headerBox .quoteBtn,.headerBox .supportBox{display:none;}.gioHangPage{margin-top:-18px;}.gioHangPage .colLeft{width:100%;}.gioHangPage .colRight{width:100%;}.cartDetail .itemBox{padding:10px;}.cartDetail .khungAnh{width:70px;}.cartDetail .itemDetail{width:calc(100% - 80px);}.cartDetail .sl input{text-align:center;}.cartDetail .itemPrice{min-width:107px;font-size:15px;}.cartDetail .sl span{margin-right:8px;}.cartDetail .itemTotal .total{font-size:15px;}.cartDetail .itemTitle{margin-bottom:0;}.totalBox{padding:4px 10px;}.totalBox .text{font-size:16px;line-height:45px;}.totalBox .value b{font-size:20px;}.totalBox .value span{font-size:11px;transform:translateY(-6px);-webkit-transform:translateY(-6px);}.gioHangPage .boxInfo{box-shadow:none;border:none;padding:0;margin-top:25px;}.thongTinGiaoHang .inputBox{width:100% !important;margin-right:0 !important;}.thongTinGiaoHang .inputBox:nth-child(1)~.inputBox{margin-top:10px !important;}.gioHangPage .boxInfo .title{margin-bottom:7px;}.phuongThucThanhToan .tab li{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-right:0;padding:10px 15px;}.phuongThucThanhToan .tab li:nth-child(1)~li{margin-top:5px;}.phuongThucThanhToan .pic{max-height:35px;max-width:43px;margin-right:8px;text-align:center;}.phuongThucThanhToan .pic img{max-height:35px;}.phuongThucThanhToan .tabContent{padding:10px 15px;}.gioHangPage .colLeft .btnClick{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.gioHangPage .colLeft .btnClick:after{display:none;}.gioHangPage .colLeft .btnClick a{width:100%;margin:0;}.gioHangPage .colLeft .btnClick a:nth-child(1){margin-top:10px;}.gioHangPage .colLeft .btnClick a.tiepTucMua{order:2;}.guiDonHangThanhCong{max-width:100%;}.guiDonHangThanhCong .title span{font-size:30px;line-height:36px;}.searchBox{float:right;}.searchBox .inputBox{position:relative;width:190px;border-color:#e3e3e3;}.searchBox .inputBox:before{width:36px;height:100%;text-align:center;line-height:36px;color:#999;font-family:FontAwesome;z-index:1;position:absolute;right:0;bottom:0;content:none;border-radius:0 5px 5px 0;pointer-events:none;}.searchBox .inputBox:after{visibility:visible;width:36px;height:100%;text-align:center;line-height:36px;color:var(--color-main);font-family:FontAwesome;z-index:1;position:absolute;left:0;bottom:0;content:none;border-radius:5px 0 0 5px;pointer-events:none;background-color:rgba(0,0,0,.06);}.searchBox .inputBox.click input,.searchBox .inputBox.select input,.searchBox .inputBox.time input{padding-right:36px;}.searchBox .inputBox.select:before{content:'';}.searchBox .inputBox.time:before{content:'';}.searchBox .inputBox.icon input,.searchBox .inputBox.name input,.searchBox .inputBox.phone input,.searchBox .inputBox.mail input,.searchBox .inputBox.add input,.searchBox .inputBox.code input,.searchBox .inputBox.content input,.searchBox .inputBox.icon select,.searchBox .inputBox.name select,.searchBox .inputBox.phone select,.searchBox .inputBox.mail select,.searchBox .inputBox.add select,.searchBox .inputBox.code select,.searchBox .inputBox.content select,.searchBox .inputBox.icon textarea,.searchBox .inputBox.name textarea,.searchBox .inputBox.phone textarea,.searchBox .inputBox.mail textarea,.searchBox .inputBox.add textarea,.searchBox .inputBox.code textarea,.searchBox .inputBox.content textarea{padding-left:51px;}.searchBox .inputBox.icon:after{content:'';}.searchBox .inputBox.name:after{content:'';}.searchBox .inputBox.phone:after{content:'';}.searchBox .inputBox.mail:after{content:'';}.searchBox .inputBox.add:after{content:'';}.searchBox .inputBox.code:after{content:'';}.searchBox .inputBox.content:after{content:'';}.searchBox .inputBox .icon,.searchBox .inputBox a{width:36px;height:100%;text-align:center;line-height:36px;font-family:FontAwesome;z-index:1;position:absolute;right:0;top:0;border-radius:0 5px 5px 0;}.searchBox .inputBox .icon{pointer-events:none;background-color:rgba(var(--color-main-rgb),.5);}.searchBox .inputBox .text{font:16px/24px MontserratBold;margin-bottom:5px;}.searchBox .inputBox input,.searchBox .inputBox select,.searchBox .inputBox textarea{font:16px/24px Roboto;height:36px;padding:0 15px;border:1px solid #e3e3e3;background-color:#fff;border-radius:5px;display:block;width:100%;}.searchBox .inputBox input:hover,.searchBox .inputBox select:hover,.searchBox .inputBox textarea:hover{box-shadow:0 0 5px rgba(var(--color-main-rgb),.6);border-color:transparent;}.searchBox .inputBox select{padding-left:10;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;}.searchBox .inputBox textarea{height:100px;padding-top:5px;padding-bottom:5px;}.searchBox .inputBox a{font-size:13px;}.searchBox .inputBox a:hover{color:var(--color-main);}.searchBox .inputBox input{font-size:14px;border-radius:5px;}.searchBox .inputBox:hover input{border-color:var(--color-main);}.searchBox{float:right;margin-top:15px;margin-right:10px;}.searchBox .inputBox{position:absolute;left:0;top:100%;z-index:12;width:100%;pointer-events:none;opacity:0;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;transform:translateY(20px);-webkit-transform:translateY(20px);box-shadow:0 0 5px rgba(0,0,0,.1);}.searchBox .inputBox input{width:100%;border-radius:0;height:40px;background-color:#fff;}.searchBox .inputBox a.searchBtn{height:40px;line-height:40px;}.searchBox .btnSearch{width:36px;height:36px;line-height:34px;border:1px solid #000;text-align:center;font-size:16px;border-radius:5px;border-color:#e3e3e3;display:inline-block;}.searchBox.active .inputBox{pointer-events:auto;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}.searchBox.active .btnSearch i:before{content:'';}.contactInfo .itemBox{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}.contactInfo .pic{float:left;width:42px;text-align:left;}.contactInfo .pic img{max-height:22px;}.contactInfo .itemDetail{float:left;-webkit-flex:0 0 calc(100% - 42px);-ms-flex:0 0 calc(100% - 42px);flex:0 0 calc(100% - 42px);max-width:calc(100% - 42px);}.contactInfo .itemTitle{margin-top:0;text-align:left;}.contactInfo .itemDesc{text-align:left;}.contactInfo .itemBox{padding:15px;}.contactInfo .itemBox:nth-child(1)~.itemBox{margin-top:10px;}.contactSend{margin-top:35px;}.contactSend .title{font:20px/28px MontserratBold;}.contactSend .col1{width:100%;}.contactSend .col2{width:100%;margin-top:38px;}.contactSend .box{width:100% !important;margin-right:0 !important;}.contactSend .box:nth-child(1)~.box{margin-top:10px !important;}.contactSend .box.content textarea{height:110px;}.contactSend .btnClick{text-align:center;}.contactSend .inputBox.code input{width:calc(100% - 200px);}.thongBao .text{font:30px/36px MontserratBold;}}