/* 小于等于 1200px */

@media (max-width: 1199px) {}


/* 小于等于 992px */

@media (max-width: 991px) {
	
	header .center .form-inline .form-control {
	width: calc(60% - 90px);
}
.product-box .price{text-align: center; margin-top: 10px;}


	.aside-box .product-box .pic-box {
		width: 30%;
		float: left;
		margin-bottom: 0;
	}
	.aside-box .product-box .info {
		width: 70%;
		float: left;
		padding-left: 15px;
	}
	.three-banner .row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.three-banner .row .col-sm-4 {
		padding-left: 5px;
		padding-right: 5px;
	}
	.side-list>li {
		width: 50% !important;
		float: left;
		margin-bottom: 10px;
		border-bottom: none !important;
	}
	.side-list>li:nth-of-type(n+1) {
		padding-right: 10px;
		padding-left: 0;
	}
	.side-list>li:nth-of-type(2n) {
		padding-left: 10px;
		padding-right: 0;
	}
	h1.section-title {
		line-height: 1.2;
		font-size: 13px;
	}
	.index-content .card{
	position:relative;
	height:550px;
}
.icon div{text-align: center; margin-bottom: 10px; }
.top_content{display:none; clear:both;}
header .center .form-inline{margin-bottom:10px;}
section .default-content{margin-bottom:10px;}

}


/* 小于等于 768px */

@media (max-width: 767px) {.index-content .col-lg-4 {
        margin-top: 20px;}
	
		.new-label-homecat{right: 5px};

		
}
    


/* 小于等于 480px */

@media (max-width: 479px) {
	header .left {
		text-align: center;
	}
	header .center .form-inline,
	header .right .user-nav {
		width: 100%;
		float: left;
	}
	header .center .form-inline .form-control {
		display: inline-block;
		float: left;
	}
	
	header .center .form-inline .form-control {
	width: calc(90% - 90px);
}

	header .center .form-inline .btn-default {
		float: left;
		margin-left: 5px;
	}
	.breadcrumb>li.active {
		display: block;
		color: #ff8d00;
		font-weight: bold;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.three-col .col-md-4 {
		border-right: 1px solid #ddd;
	}
	.three-col .col-md-4:nth-of-type(2) {
		border-top: none;
		border-bottom: none;
	}
	.side-list>li {
		width: 100% !important;
		border-bottom: 1px dashed #ddd !important;
	}
	.aside-box ul>li:last-child {
		border-bottom: none !important;
	}
	.aside-box ul>li {
		padding: 8px 0 !important;
	}
	.product-box .pic-box {

		margin-bottom: 0;
	}
	.product-box .info {

		text-align:center;
		padding-left: 15px;
	}
	.product-box .star {
		display: none;
	}
	.product-infomation .right .form-inline {
		margin-bottom: 0;
	}
	.product-infomation .left,
	.product-infomation .right,
	.detail-content .left,
	.detail-content .right,
	.product-infomation .right .form-inline .form-group,
	.product-infomation .right .form-inline .btn-box {
		width: 100%;
		float: left;
	}
	.product-infomation .right .form-inline .btn-box {
		padding: 0;
		margin-top: 0;
	}
	.detail-selection .radio-inline {
		margin-bottom: 10px;
		width: 100px;
	}

	}
	.product-box .info>.title {
           height:auto;
           margin-top: 3px;}
     .sale-box{right: 0px;}
    .sale-box .sale-label{right:-30px;}
    .block-box img{width:100% !important; height: auto;}
}


/* 小于等于 400px */

@media (max-width: 400px) {}


/* 超小屏幕（手机，小于 768px） */


/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

* {}


/* 小屏幕（平板，大于等于 768px） */

@media (min-width:@screen-sm-min) { 
    }}


/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: @screen-md-min) {}


/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: @screen-lg-min) {}


/*将 CSS 的影响限制在更小范围的屏幕大小之内*/

@media (max-width: @screen-xs-max) {}

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {}

@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {}

@media (min-width: @screen-lg-min) {}