@media screen and (max-width: 1220px) {
body{display:flex;flex-direction:column}
.container{width:920px}
.header-bottom{display:none}
.show-nav-mobile{display:block}
.header{padding-bottom:52px}
.search-form{position:absolute;top:85px;right:0;width:calc(100% - 60px);margin-top:0}
.search-input{background-color:#f2f2f2}
.search-submit{color:var(--th-color-blue);width:50px;background-color:transparent!important}
.search-submit:hover{color:var(--th-color-green)}
.header{box-shadow:0 3px 5px rgba(0,0,0,.1)}
body>div,body>footer{order:2}
.header-bottom{order:1}
.featured,.block-breadcrumb{order:0}
.header-top-menu{margin-left:15px}
.header-top-menu ul li a{padding:0 15px}
.header-bottom{box-shadow:none}
.header-bottom .container{height:auto;padding:40px 0;overflow:hidden}
.main-nav-inner>ul{display:flex;flex-flow:row wrap}
.main-nav-inner>ul>li>a{height:100%}
.main-nav-inner>ul>li:nth-child(n){width:calc((100% - 30px) / 7);margin:0;margin-right:5px}
.main-nav-inner>ul>li:nth-child(7n+7){float:right;margin-right:0}
.main-nav-inner>ul>li:nth-child(n+8){margin-top:5px}
.main-nav-inner>ul>li a{padding:15px 5px;padding-top:18px}
.block-nav-featured{display:block}
.close-nav-mobile{display:block;position:absolute;top:30px;right:calc(50% - 75px);height:25px;line-height:25px;cursor:pointer;border-radius:5px;font-weight:500;width:150px;text-align:center;background-color:#e8e8e8}
.close-nav-mobile i{display:inline-block;padding-top:5px;color:var(--th-color-red)}
.nav-cat-desktop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:20px 0;padding-top:70px;z-index:10000;background-color:rgba(255,255,255,.99)}
.nav-cat-desktop.active{display:block}
.featured-wrap{width:100%;margin-left:0;margin-bottom:30px}
.nav-cat-desktop>ul{width:920px;margin:0 auto;height:100%;overflow-y:auto}
.nav-cat-desktop>ul>li:nth-child(n+2){border-top:1px dotted #e8e8e8}
.nav-cat-desktop>ul>li:after,.nav-cat-desktop>ul>li>a:after{display:none!important}
.nav-cat-desktop>ul>li:hover>a{background-color:transparent!important}
.nav-cat-desktop>ul>li>a{text-transform:uppercase;padding:15px 5px;font-weight:700;font-size:14px}
.nav-cat-desktop>ul>li.menu-item-has-children>a:before{content:"\f078";top:11px}
.nav-cat-desktop>ul>li>ul{position:relative;top:0;left:0;width:100%;display:none!important;box-shadow:none;overflow:hidden;padding-top:0;background-color:transparent}
.nav-cat-desktop>ul>li.active>ul{display:flex!important}
.nav-cat-desktop>ul>li>ul>li{width:calc((100% - 40px) / 3)}
.nav-cat-desktop>ul>li>ul>li:nth-child(5n+5){float:left;margin-right:20px}
.nav-cat-desktop>ul>li>ul>li:nth-child(3n+3){float:right;margin-right:0}
.nav-cat-desktop>ul>li>ul>li:nth-child(n+4){margin-top:15px}
.nav-cat-desktop>ul>li>ul>li>ul{border-top-style:dotted}
.block-pro-thumb{display:none}
.block-pro-list{width:100%;margin:0!important}
.block-item .container{padding:50px 0}
.block-home-pro .container{padding-top:0}
.pro-item:nth-child(n){width:calc((100% - 30px) / 4);margin-right:10px}
.pro-item:nth-child(5n+5){float:left;margin-right:10px}
.pro-item:nth-child(4n+4){float:right;margin-right:0}
.pro-item:nth-child(n+5){margin-top:10px}
.primary{width:100%}
.sidebar{display:none}
.single-pro-top .sidebar{display:block}
.sub-wrap .container{padding-top:0}
.single-pro-top .primary,.single-pro-top .sidebar{width:100%}
.single-pro-top .sidebar{margin-top:20px}
.pro-cs{overflow:hidden}
.pro-cs-item:nth-child(n){float:left;width:calc((100% - 40px) / 3);margin-right:20px;margin-top:0}
.pro-cs-item:nth-child(3n+3){float:right;margin-right:0}
.pro-cs-item:nth-child(n+4){margin-top:20px}
.spro-content-nav li:nth-child(n+2){display:none}
.footer-left,.footer-right{width:100%}
.footer-left{padding-bottom:18px}
.footer-right{margin-top:20px}
.woocommerce-cart-form,.cart-collaterals,.col2-set,.woocommerce-checkout-review-order,.woocommerce-order-details,.woocommerce-customer-details{width:100%!important}
.woocommerce-cart-form,.cart-collaterals{padding:0!important}
.cart-collaterals{padding-top:30px!important;border-left:0;border-top:2px solid #eee}
.woocommerce table.shop_table{margin-bottom:0!important}
.woocommerce-checkout-review-order{box-sizing:border-box!important;margin-top:-25px}
#order_review_heading{margin-left:0;clear:both}
}
@media screen and (max-width: 922px) {
.container{width:686px}
.logo{height:40px;top:20px}
.nav-cat-desktop>ul{width:686px}
.nav-cat-desktop>ul>li>ul>li{width:calc((100% - 20px) / 2)}
.nav-cat-desktop>ul>li>ul>li:nth-child(3n+3){float:left;margin-right:20px}
.nav-cat-desktop>ul>li>ul>li:nth-child(2n+2){float:right;margin-right:0}
.nav-cat-desktop>ul>li>ul>li:nth-child(n+3){margin-top:15px}
.main-nav-inner>ul>li:nth-child(n){width:calc((100% - 15px) / 4)}
.main-nav-inner>ul>li:nth-child(7n+7){float:left;margin-right:5px}
.main-nav-inner>ul>li:nth-child(4n+4){float:right;margin-right:0}
.main-nav-inner>ul>li:nth-child(n+5){margin-top:5px}
.main-nav-inner>ul>li a{padding:15px 5px;padding-top:18px}
.main-nav-inner>ul>li>a{height:auto}
.featured-left,.featured-right{width:100%}
.featured-right{display:none}
.banner-km-item{height:250px}
.banner-km-carousel .slick-list{margin-left:0!important;margin-right:0!important}
.pro-item:nth-child(n),.tax-pro-wrap .pro-item:nth-child(n){display:block;width:calc((100% - 20px) / 3)}
.pro-item:nth-child(4n+4),.tax-pro-wrap .pro-item:nth-child(4n+4){float:left;margin-right:10px}
.pro-item:nth-child(3n+3),.tax-pro-wrap .pro-item:nth-child(3n+3){float:right;margin-right:0}
.pro-item:nth-child(n+4),.tax-pro-wrap .pro-item:nth-child(n+4){margin-top:10px}
.home-news-item-thumb{height:220px}
.single-pro-km{padding:15px}
.pro-cs-item:nth-child(n){float:left;width:calc((100% - 20px) / 2);margin-right:20px;margin-top:0}
.pro-cs-item:nth-child(3n+3){float:left;margin-right:20px}
.pro-cs-item:nth-child(2n+2){float:right;margin-right:0}
.pro-cs-item:nth-child(n+3){margin-top:20px}
.contact-map{height:300px}
.popup-quick-buy{width:680px}
.cart-checkout-breadcrumb .container{font-size:17px}
.icon-back-top{bottom:70px}
.chat-scroll,.chat-scroll.active{bottom:120px;opacity:0;visibility:hidden}
.chat-scroll.active-mobile{bottom:135px;opacity:1;visibility:visible}
.info-dh-item{bottom:55px}
.info-dh-item-active{bottom:70px}
.footer-item-head span:nth-child(2){display:inline-block}
.footer-bottom .container{padding-bottom:80px}
.mb-nav-bt{display:block}
}
@media screen and (max-width: 710px) {
.container{width:445px}
.logo{height:40px;top:20px}
.nav-cat-desktop>ul{width:96%}
.header-top-menu{float:right;padding-left:0}
.header-top-menu ul{overflow:hidden}
.header-top-menu ul li{display:block;border:none}
.header-top-menu ul li:nth-child(1),.header-top-menu ul li:nth-child(2){display:none;opacity:0}
.header-top-menu ul li a{position:relative;padding:0;width:34px;height:34px;line-height:34px;border-radius:100%;margin-top:23px;text-align:center;background-color:#5296ed;margin-right:10px}
.header-top-menu ul li a i{margin-right:0;font-size:17px}
.header-cart-btn span.cart-count{position:absolute;top:-5px;right:-10px;width:18px;height:18px;line-height:18px;text-align:center;font-size:9px;padding:0;color:#fff;background-color:red;border-radius:100%;border:2px solid #5296ed}
.header-cart-btn span.cart-text{display:none}
.header-hotline{display:none}
.main-nav-inner>ul>li:nth-child(n){width:calc((100% - 10px) / 3)}
.main-nav-inner>ul>li:nth-child(4n+4){float:left;margin-right:5px}
.main-nav-inner>ul>li:nth-child(3n+3){float:right;margin-right:0}
.main-nav-inner>ul>li:nth-child(n+4){margin-top:5px}
.featured-item{height:300px}
.banner-km-item{height:160px}
.block-pro-wrap-fea{background:transparent!important;padding:0}
.block-pro-wrap-fea .block-pro-head{height:42px;line-height:42px;border-radius:42px;line-height:42px;text-align:center;background-color:var(--th-color-red)}
.block-pro-wrap-fea .block-pro-title{line-height:inherit}
.pro-fea-item{border-color:transparent;background-color:#f9f9f9}
.pro-item:nth-child(n),.tax-pro-wrap .pro-item:nth-child(n){display:block;width:calc((100% - 10px) / 2)}
.pro-item:nth-child(3n+3),.tax-pro-wrap .pro-item:nth-child(3n+3){float:left;margin-right:10px}
.pro-item:nth-child(2n+2),.tax-pro-wrap .pro-item:nth-child(2n+2){float:right;margin-right:0}
.pro-item:nth-child(n+3),.tax-pro-wrap .pro-item:nth-child(n+3){margin-top:10px}
.block-item-morelink{display:none}
.single-pro-thumb,.single-pro-info{width:100%}
.single-pro-info{margin-top:20px}
.pro-cs-item:nth-child(n){width:100%;margin-right:0}
.pro-cs-item:nth-child(n+2){margin-top:20px}
.archive-new-item-thumb,.archive-new-item-info{width:100%}
.archive-new-item-thumb{height:250px}
.archive-new-item-info{margin-left:0;margin-top:15px}
.contact-col{width:100%}
.popup-quick-buy{width:auto}
.quick-buy-left,.quick-buy-right{width:100%}
.quick-buy-right{margin-top:20px}
.quick-buy-content{overflow:hidden}
.quick-buy-thumb{float:left;width:70px;height:70px}
.quick-buy-info{margin-left:80px}
.quick-buy-title{margin-top:0}
.page-htch-wrap{background-color:#fff;border:none}
.page-htch-left,.page-htch-right{width:100%;border:none}
.page-htch-right,.page-htch-map-item{padding:0}
.page-htch-right{margin-top:10px}
.page-htch-map-item{height:300px}
.cart-checkout-breadcrumb .container{font-size:13px}
.cart-checkout-breadcrumb a{padding:0 2px}
.cart-checkout-breadcrumb span{font-size:13px;top:0}
.woocommerce ul.order_details li{display:block;border-right:none;margin-right:0;padding-right:0;float:none!important}
.woocommerce ul.order_details li:nth-child(n+2){border-top:1px dashed #cfc8d8;margin-top:12px;padding-top:5px}
}
@media screen and (max-width: 470px) {
.container{width:96%}
.main-nav-inner>ul{display:flex;flex-flow:row wrap}
.main-nav-inner>ul>li>a{height:100%}
.main-nav-inner>ul>li>a>span{line-height:1.5}
.featured .slick-dots{bottom:0}
.featured-item{height:220px}
.pro-item-thumb{height:190px}
.pro-fea-item .pro-item-thumb{height:170px}
.home_image-item{height:105px}
.news-carousel{overflow:hidden}
.home-news-item-thumb{height:220px}
.footer-top .container{padding-bottom:20px}
.footer-left,.footer-right{width:100%}
.footer-left{padding-bottom:18px}
.footer-right{margin-top:0}
.footer-item{width:100%;margin-right:0}
.footer-item:nth-child(n){margin-top:20px;padding-top:20px;border-top:1px solid #2c7abf}
.footer-bottom-left,.footer-bottom-right{width:100%;text-align:center}
.footer-item-content{display:none}
.pro-cs{display:none}
.spro-content{padding:20px 18px}
.archive-new-item-thumb,.archive-new-item-info{width:100%}
.archive-new-item-thumb{height:250px}
.archive-new-item-info{margin-left:0;margin-top:15px}
.contact-col{width:100%}
.contact-col-right{margin-top:20px}
.cart-checkout-breadcrumb{margin-top:25px}
.woocommerce-cart table.cart td.actions .coupon .input-text{margin-right:0!important;width:50%!important}
}