@media screen and (max-width: 1300px){
}
@media screen and (max-width: 1200px){
	.main-ct .left ul.list-cat li{width: 72%;}
	}
	.main-ct .right .sale-off ul.sale-ct{width: 92%; padding: 5% 4%;}
@media screen and (max-width: 1100px){
	.nav-item { margin: 0 0 0 25px;padding: 3px 25px 0 0px;}
	.nav-item a {font-size: 16px;}
	.main-ct .left ul.list-cat li a{font-size: 13px;}
	}
@media screen and (max-width: 1000px){
	.main-ct {width:100%;margin-top:45px;}
	.header-content div{font-size:25px}
	.briefcompany .intro-left{padding: 10px 0px 0px 0px;}
	.briefcompany img {margin-bottom:15px}
	header{position:fixed;z-index:999;top: 0;}
	header .up{top:0px;padding: 5px 2%;}
	header .logo{margin-right:3%}
	header .co-name{width: 45%; margin-right: 5%;}
	header .hotline{margin-top: 5px;}
	.boxslier{ margin:99px auto -45px auto;padding: 0px 0px 3.5% 0px;}
	.nav{width:100%; margin: 0 auto;}
	.nav-wr{margin: 10px auto 0 auto; float: none; padding: 0; }
	.nav-mobile { display: block; }
	.name { display: block }
	nav.nav {position: fixed;margin: 0 auto;
    top: 0;
    right:0; margin:0 auto; z-index: 99999;}
	.nav-list { display: none; width:100% }
	.nav-item { width: 100%; float: none; padding: 0; margin: 0;}
	.nav-item a{margin: 0; padding: 0; font-size: 18px;}
	.nav-item > a { padding: 15px; text-align: left;
	background:rgba(0, 0, 0, 0.65);
    color: #fff;
    margin-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);}
	.nav-click { display: block; }
	.nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
	.nav-item:hover .nav-submenu { display:block; }
	.nav-submenu-item:hover .nav-submenu2 { display: none }
	.nav-item a.last { width: auto }
	.nav-submenu { position: static; width: 100%; }
	.nav-submenu2 { position: static; width: 100%; left: 0; top: 0 }
	.nav-item > a:hover, .nav-item a.active {  text-decoration:none;background:rgba(0, 0, 0, 0.65); }
	.nav-item:hover a{background: #444 ; color: #fff; }
	.nav-wr{margin:0 auto;}
	.search{display:none;margin: -40px auto 0 auto;}
	
	#address{display:none}
	header .down{padding-left:0}
	header .down .logo{width: 100px}
	header .down .address {
    width:69%;
    display: inline-block;
    vertical-align: top;
    margin-left:0
	}
	.header-content {
    padding: 15px 20px 5px 20px;
    background-image:none
	}
	.intro-right h1{text-align:center}
	.intro-right p{text-align:justify}
	.intro-right,.intro-left {width:100%}
	.intro-left {padding-top:0}
	.intro-right h2{text-align:center}
	.briefcompany{margin-top: -55px;}
	.briefcompany .intro-left,.briefcompany .intro-right{display:block;width:90%;margin:0 5%}
	#boxcart #total-cart {right: -120px;}
	#adj_item {width: 31%;}
	.box-list-product .title h2{
    padding:2px 0px 5% 0px;
    background-size: 20%;
	}
}
@media screen and (max-width: 900px)
{
.intro-left img{max-width: 60%;}
#fix-right-side-order{bottom: -5%;left: 15%;}
.item-hot-blog { width: 49%;display: inline-block;}
.blog-info h4{font-size: 13px;
text-align: center;
font-weight: 700;
padding: 5px;
letter-spacing: 0px;
line-height: 23px!important;
margin: 0;
text-transform: none;}
.blog-info p{display:none}
}
@media screen and (max-width: 850px){
#tel,#email{display:none; }
}
@media screen and (max-width: 800px){
.pro-detail .content h1{padding:10px;text-transform:uppercase;text-align: center;}
header .logo{margin: 0 auto; text-align:center; display:block;padding:0px 5px 5px 5px;background:none;}
.logo img {height:40px;    padding: 0px 15px 0px 5px;}
header .co-name{display: none;}
header .hotline{width: 100%; text-align: center; display: block;}
header .hotline span{text-align:center;}
header .hotline .lang{text-align: center; margin: 0 auto;}
.box-left-news,.box-right-news{width:100%}
.box-left-news a img{max-width:100%}
.partner ul li{width: 45%;}
.gird-3{width:47%}
.boxslier{margin: 47px auto -30px auto;}
}
@media screen and (max-width: 750px){
.main-ct .middle{width: 100%;  margin:0; }
.main-ct .right{width: 100%;  margin: 10px 0 0 0;}
.main-ct .left{display: none;}
#middleadj{width:100%;float:none}
.box-sale.left{display: inline-block;width: 100%;text-align: center;}
#adj_item {width: 48%;}.e-clear{clear:both}
.content_left>ul>li>a>img{width:100px}
.box-sale.left{display:none}
#fix-right-side-order{bottom:-3%;left:2%;}
.header-content div{font-size:20px;text-shadow: none;}
.main-ct .product .list-pro .item a.more{font-size:14px;}
.main-ct .product .list-pro .item .info-detail-related{font-size:14px}
.item-button a{width:49%;padding:6px 6px;font-size: 14px;}
}

@media screen and (max-width: 600px)
{
.header-content{padding:5px}
.header-content div{font-size:17px;}
.item-button a{width:100%}
.owl-thumb-item img {width:60px;}
header .down .logo {width: 60px;padding: 0px 10px;}
header .down .logo img {height: auto;}
header .down .address {
width:66%;
display: inline-block;
vertical-align: top;
margin-left:0%;}
.main-ct .middle .product ul.list-pro  li.item{width: 48%}
.main-ct .middle .product ul.list-pro  li.item:nth-child(2n){ margin-right:0px;}
.main-ct .middle .product ul.list-pro  li.item:nth-child(2n+1){ margin-right: 4%;}
.main-ct .middle  .pro-detail .gallery{width: 100%; margin-bottom: 20px;}
.main-ct .middle  .pro-detail .content{width: 100%}
.top-foo p,.header-content h2{width: 100%;font-size: 15px;line-height: 30px!important;}
.nav-tabs>li{width:100%;}
.btnfoo{padding: 10px 15px;margin: 5px;width: 80%;}
#displaynone{display:none}
.content .item-button a.item-phone,.content .btnfoo{width:98%;margin:1%;}
.item-button a {width: 48.75%;padding:4px 0px;font-size: 12px;}
.eclear{clear:both}
}	
@media screen and (max-width: 500px){
.owl-thumb-item img {width:50px;}
.title h2{text-transform:none;padding:15px 0px}
.box-list-product .title h2 a{font-size:15px}
#phone{display:none}
header .down .address{ width: 70%;}
.top{width:100%;padding:0% 1%}
.top .banner{padding:0;display: block;}
.banner .down{margin:0}
.top .logo-res{display:inline-block}
.blog .heading{font-size: 25px;padding: 0px 0px 10px 0px;}
.news a img {max-height:250px;}
.partner ul li{width:98%;}
.gird-3{width:100%}
.bottom-foo h2{font-size:25px;padding: 0px 0px 10px 0px;border-bottom: 1px solid #fff;}
.bottom-foo h2 strong{border-bottom:0px solid #fff;    padding: 0px }
.intro-right h5{font-size:20px}
.item-button a{};
.share a{display: none!important;font-size:100px}
.item .price{display:none}
.mobileprice{font-size:14px}
.color-size #color,.color-size #size {display:none}
}
@media screen and (max-width: 460px){
.main-ct .product .list-pro .item a.more{font-size:15px}
.header-content img{width:200px}
.owl-thumb-item img {width:40px;}
header .up span{margin-right:2px}
.owl-stage-outer{width:100%}
}
@media screen and (max-width: 450px){
}
@media screen and (max-width: 400px){
.boxslier{ margin:45px auto -25px auto;}
.main-ct {margin-top: 45px;}
header .down .logo {width: 50px;}
header .down .address {
width: 77%;
display: inline-block;
vertical-align: top;
margin-left: 1%;
}
.top .logo a img{max-width:85%}
.main-ct .middle .product ul.list-pro  li.item{width: 100%}
.main-ct .middle .product ul.list-pro  li.item:nth-child(2n){ margin-right:0px;}
.main-ct .middle .product ul.list-pro  li.item:nth-child(2n+1){ margin-right: 0;}

.content_left>ul>li>a>img, .content_left_bottom_group >ul>li>a>img 
{
height: auto;;
}
.main-ct .product .list-pro .item img 
{
width: 100%;
display: block;
max-height: 350px;
}
}