@media screen and (min-width: 1221px) {
	.header-catalog li:nth-child(-n+5) {
    	display: inline-block;
	}
}
@media screen and (max-width: 1220px) {
	.header-catalog li:nth-child(-n+4) {
    	display: inline-block;
	}
}
@media screen and (max-width: 1200px) {
	.header-icons {
	    right: 20px !important;
	    bottom: 20% !important;
	}
	.slide-title {
	    font-size: 44px !important;
	}
	.catalog-menu, .catalog-item {
    	font-size: 16px !important;
	}
	.catalog-menu a {
		padding: 8px 12px !important;
	}
	.catalog-menu ul ul {
    	padding-left: 12px !important;
	}
}
@media screen and (max-width: 1093px) {
	#horizontal-multilevel-menu li {
		margin-right: 16px !important;
	}
}
@media screen and (max-width: 1024px) {
	.desktop {
		display: none !important;
	}
	.mobile, .header-side-menu {
		display: block !important;
	}
	.subheader {
		text-align: left !important;
		background-color: #fff !important;
	}
	.subheader a {
		margin-top: 10px;
		display: block;
	}
	.logo p {
		margin-bottom: 6px !important;
	}
	.col-menu {
		padding-right: 15px !important;
	}
	.breadcrumbs h1 {
    	font-size: 24px !important;
	}
	.main-catalog {
    	max-width: 200px;
    	margin: 0 auto;
	}
	.advantage-item {
	    padding: 50px 5px !important;
	}
	.circle-number-text {
    	margin-bottom: 30px !important;
	}
	.circle-number-text p {
    	line-height: 22px;
	}
	.circle-number2 {
    	right: -160px !important;
	}
	.circle-number4 {
    	right: 35px !important;
	}
	.portfolio-item {
    	height: 250px !important;
	}
}
@media screen and (max-width: 920px) {
	.subheader {
	    font-size: 13px !important;
	}
	.circle-number2 {
	    right: -170px !important;
	}
	.circle-number3 {
    	top: 48px !important;
	}
	.circle-number4 {
	    right: 8px !important;
	}
}
@media screen and (max-width: 820px) {
	.advantage-title {
	    font-size: 20px !important;
    	line-height: 26px;
	}
	.circle-number1 {
    	bottom: 170px !important;
	}
}
@media screen and (max-width: 768px) {
	.subheader {
    	font-size: 12px !important;
	}
	#main-slider .swiper-slide {
    	height: 300px !important;
	}
	.slide-title {
		font-size: 34px !important;
		line-height: 48px !important;
		margin-bottom: 30px !important;
	}
	.portfolio-item {
    	height: 200px !important;
	}
	.catalog-item-img {
    	height: 180px !important;
	}
	li.parent {
		display:none;
	}
	li.parent.active {
		display: block;
	}
	.catalog-menu {
		margin-bottom: 15px;
	}
	.catalog-menu ul li {
		border-bottom: none !important;
	}
}
@media screen and (max-width: 767px) {
	header {
    	padding: 24px 0 0 !important;
	}
	.header-side-menu {
		position: absolute;
		top: -16px;
		z-index: 2;
	}
	@media all and (-webkit-min-device-pixel-ratio:0) {
		.header-side-menu {
			left: -120px;
		}
	}
	.breadcrumbs h1 {
    	font-size: 18px !important;
	}
	.black-title, .white-title {
		font-size: 28px !important;
	}
	.circle-text-block {
		width: 86% !important;
	}
}
@media screen and (max-width: 640px) {
	header {
	    padding: 24px 0 10px !important;
	}
	.header-side-menu {
    	top: -20px !important;
	}
	.black-text {
    	font-size: 16px !important;
	}
	.col-menu, .main-price-img, .advantage-section, .portfolio-section, .main-block .black-title span::after, .fixed-header {
    	display: none !important;
	}
	.main-block::before {
		position: absolute;
		content: '';
		height: 304px;
		top: 80px;
		left: 0;
		right: 0;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(/local/templates/almaz/images/main-block.png);
	}
	.main-block .black-title {
		padding: 20px 0 20px !important;
	}
	#advantage-slider, #portfolio-slider {
		display: block !important;
	}
	.main-block {
		background-color: #f9f7f5;
	}
	.t-block-img {
    	display: none;
	}
	.circle-number {
		font-size: 14px !important;
		width: 20px !important;
		height: 20px !important;
	}
	.circle-number-text {
    	margin-bottom: 20px !important;
	}
	.circle-number-text .circle-number {
		vertical-align: baseline !important;
	}
	.circle-text-block {
    	width: 92% !important;
	}
	#portfolio-slider a {
		display: block;
		width: 100%;
	}
	.portfolio-item:hover, .portfolio-item:active, .portfolio-item:focus {
	    -webkit-transform: scale(1.0) !important;
	    -moz-transform: scale(1.0) !important;
	    -o-transform: scale(1.0) !important;
	}
	.slide-title {
	    font-size: 28px !important;
	    line-height: 36px !important;
	}
	.black-title, .white-title {
    	font-size: 22px !important;
	}
	.catalog-section {
	    height: 250px !important;
	    max-width: 370px;
	    margin: 0 auto 30px;
	}
	.catalog-title {
	    font-size: 24px !important;
	}
	.advantage-item {
		width: 320px !important;
		background-color: #fff !important;
	}
	.portfolio-item {
	    height: 250px !important;
	    max-width: 310px;
	    margin: 0 auto 30px;
	}
	.main-price {
    	height: 340px !important;
	}
	.detail-slider .swiper-slide, .detail-photo {
    	height: 340px !important;
	}
	.detail-tabs .nav-tabs {
    	font-size: 16px !important;
	}
	.footer-title {
    	margin: 8px 0 12px !important;
	}
}
@media screen and (max-width: 639px) {
	header {
    	padding: 10px 0 10px !important;
	}
	.header-side-menu {
    	top: 0 !important;
	}
	.col-hidden {
		display: none;
	}
	.col-down-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (max-width: 520px) {
	.slide-title {
    	font-size: 22px !important;
    	line-height: 28px !important;
	}
	.black-btn {
    	font-size: 12px !important;
	}
	.modal-dialog {
    	max-width: 350px !important;
    }
    .modal-body {
    	padding: 18px 10px !important;
	}
	.modal-header .close {
		top: 6px !important;
	    right: 10px !important;
	    font-size: 16px !important;
	    width: 25px !important;
	    height: 25px !important;
	}
	.modal-body .black-btn {
		width: 49% !important;
	}
	.header-feedback .afbf_item_pole, .contacts-feedback .afbf_item_pole {
		width: 100% !important;
		margin: 0 0 15px !important;
	}
}
@media screen and (max-width: 400px) {
	.main-price-block .blue-btn {
		padding: 4px 24px !important;
	}
	.main-price-text {
    	font-size: 20px !important;
    	position: relative;
		left: -40px;
	}
	footer li {
    	margin-bottom: 4px !important;
	}
}