@media only screen and (max-width: 375px) and (min-width: 320px){
    .product-list-grids .quick-buttom, .product-list-gridss .quick-buttom{
        text-align: center !important;
    }
    .product-list-grids .quick-buttom .button-right, .product-list-gridss .quick-buttom .button-right{
        float: none !important;
    }
    .product-list-grids .quick-buttom .button-left, .product-list-gridss .quick-buttom .button-left{
        display: none !important;
    }
}

/*500以下的终端显示模块*/
@media only screen and (max-width: 500px){
    /*隐藏会员中心*/
    .pc_show {
    display:none !important
    }
    .header.style2 .mobile-navigation{
    	
    }
    .header.style2 .top-bar-menu>li{
    	float: none;
    	display: inline-block;
    }
    .panel-shipping-item{
    	padding-left: 0;
    	text-align: center;
    }
    .panel-shipping-item>div{
    	position: static;
    margin-bottom: 5px;
    }
   /*展示搜索框*/
    .web_search {
    display:block !important
    }
    .max500_block {
    display:block !important;
    margin-top:15px
    }
    .product-item .thumb img {
    width:75% !important
    }
    .phone_show {
    display:inline-block !important
    }
    .top_user_menu{
        display: block;
    }
    .heightblock{
        display: block!important;
    }
    .footer_menu_box{
        display: block;
    }
    .top-menu-phone{
        width: 50%!important;
    }
    .panel-shipping .col-md-3:after{
    	background: none;
    } 
    #header {
    margin-bottom:20px !important;
    }
}

/*小于768设备*/
@media only screen and (max-width:768px)  {
	.button, input[type="submit"], button{
        padding: 5px!important;
    }
    .short-desc{
        display: none;
    }
    #header-ontop.on-sticky{
      opacity: 0;
    }
    .top-bar-left .btn-search{
      top:-6px
    }
    .header.style2 .main-header .mini-cart .cart-link {
    line-height: 24px;
     padding:10px 0 8px 0;}
     .mini-cart .cart-link>span{
       vertical-align: baseline;
     }
}

/*大于750的设备*/
@media only screen and (min-width:750px) {
	.button-padding {
        padding: 8px 15px;
        font-size: 12px;
    }
    .scroll_top{ right: 30px;}
}

/*小于768的row的间距10px*/
@media only screen and (max-width:768px) {
	.panel-banner [class^=col-]{
        padding: 0 5px;
    }
    .panel-banner-item, .panel-banner-slider{
        margin-bottom: 10px;
    }
    .bannerbox{ margin-bottom: 13px;}
    .shipphone{ display: block;}
    .shipPC{ display: none;}
	.panel-banner{padding-bottom: 0px;}
}

@media only screen and (min-width:768px) {
	.header.style2 .main-menu,.phone_menubox {
        margin: 24px 0 0 24px !important;
    }
    .mini-cart{ margin-top: 24px!important;}
}

/*768到1024之间设备 ipad*/
@media (min-width:768px) and (max-width: 1023px){
    .col-sm-6{
    	width: 50%;        
    }
    .panel-shipping .col-md-3{
    margin-bottom: 15px;
    }
    .row{
        margin-left: -7px;
    margin-right: -8px;
    }
    .row::after{
        clear: both;
    }
    .row::before, .row::after{
        content: " ";
    display: table;
    }
    .panel-shipping .col-md-3:nth-child(2n+1):after{
        display: none;
    }
    .phone_menubox {
    margin:24px 0 0 24px !important
    }
    .panel-shipping .col-md-3{
        height: 58px;
        margin-bottom: 15px;
    }
    #header-ontop{
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 800px){
    .product-list-grids .quick-buttom, .product-list-gridss .quick-buttom{
        text-align: center !important;
    }
    .product-list-grids .quick-buttom .button-right, .product-list-gridss .quick-buttom .button-right{
        float: none !important;
    }
    .product-list-grids .quick-buttom .button-left, .product-list-gridss .quick-buttom .button-left{
        display: none !important;
    }
}

/*小于1024设备的公用样式*/
@media only screen and (max-width:1023px)  {
	.header.style2 .logo {
	display:block;
	width:100%;
	text-align:center;
	padding-bottom:30px
	}
    
    .top-bar-left{
    	width: 100%;
    }
    .header.style2 .mobile-navigation{
    	display: inline-block;
    }
    .header.style2 .main-menu{
    	display: none;
    }
    .mini-cart {
    margin-top:0 !important
    }
    #header{
    	margin-bottom: 0px !important;
    }
    .phone_footer{display:block !important;}
	
	.phone_footer_hide{display:none !important;}
    .panel-shipping-item{ display: block;}
}

/*大于1024的设备*/
@media only screen and (min-width:1024px) {
	.panel-shipping .col-md-3:first-child:after{
        background: #fff;
    }
    .panel-shipping .col-md-3{
        margin-bottom: 29px;
        text-align: center;
    }    
    #url-wrapper{
        padding-bottom: 30px;
    }
    .panel-banner{
        padding-top: 20px;
        padding-bottom: 35px;
    }
    .panel-banner-title{
        padding: 13px 35px;
        font-size: 18px;
        
    }
}

/*1024到1200之间设备 ipad pro*/
@media (min-width:1024px) and (max-width: 1200px){
    .phone_footer {
    display:block !important
    }
    .phone_footer_hide {
    display:none !important
    }
    .mini-cart {
    margin-top:0px !important
    }
 .panel-shipping-item{
 	height: 60px;
 }
 .panel-banner .row {
  margin-left:-10px;
  margin-right:-10px
 }
 .panel-banner [class^=col-] {
  padding-left:10px;
  padding-right:10px
 }

 
 .panel-banner{
 	padding-top: 30px;
 padding-bottom: 40px;
 }
 .panel-banner-item, .panel-banner-slider{
 	margin-bottom:20px;
 }
 .panel-banner .row{
 	margin-left: -10px;
 	margin-right: -10px;
 }
 .panel-banner-title{
 	padding: 13px 35px;
 	font-size:18px;
 }
 .banner-slider-btn{
 	min-width: 140px;
 padding-top: 10px;
 padding-bottom: 10px;
 }
 .panel-shipping .col-md-3{
 	margin-bottom: 29px;
 }
 .col-md-3{
 	width: 25%;
 }
 .panel-shipping-item{
 	height: 60px;
 }
 .mobile-navigation{
 	display: none;
 }
 .header.style2 .logo {
 display:block;
 width:100%;
 text-align:center;
 padding-bottom:30px
 }
 .products_6 .button-padding {
 	padding: 8px!important;
 }
}

@media only screen and (min-width: 1200px){
    .mini-cart {
    margin-top:24px !important
    }
    .phone_menubox{
        margin: 24px 0 0 24px!important;
    }
    .products_6 .button-padding {
    	padding: 8px 3px!important;
    }
}

@media (min-width: 1280px){
    .container {
        width: 1200px;
    }
}