/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.carousel-inner > .item{
		height:350px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.main-product-item{
		width:80%;
		margin:0 auto 10px auto;
	}
	.complect-item{
		width:50%;
	}
	.razdel-text > div > span{
		font-size: 18px;
	}
	.item-content-img > a{
		width:60%;
	}
}
@media only screen and (max-width : 600px) {
	#myCarousel{
		display: none;
	}
	.main-product-item{
		width:90%;
	}
	.complect-item{
		width:60%;
	}
	.top2{
		display: none !important;
	}
	.category-item-img{
		display: none;
	}
	.category-item-info{
		width: 100%;
	}
	.top-contacts{
		position: static;
	}
	.top-contacts > span{
		display: block;
	}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.nav-block > div > ul > li{
		display: block;
	}
	.main-product-item{
		width:90%;
	}
	.complect-item{
		width:70%;
	}
	.razdel-text > div > span{
		font-size: 14px;
	}
	.item-content-img > a{
		width:70%;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	#karkas{
		width:320px;
	}
	.main-product-item{
		width:100%;
	}
	.complect-item{
		width:100%;
	}
	.item-content-img > a{
		width:100%;
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}