@media screen and (max-width: 1600px){
	#hww-1 {
	    top: 12%;
	    left: 26%;
	    width: 25%;
	}
	#arr-1 {
	    top: 26%;
	    left: 42%;
	    width: 22%;
	}
	#arr-2 {
	    top: 35%;
	    left: 69%;
	    width: 19%;
	}
	#arr-4 {
	    top: 70%;
	}
}
@media screen and (max-width: 1400px){
	.f-35 {font-size: 3em;}
	.f-18 {font-size: 1.5em;}
	#plus .row {
		width: 80%;
    	margin-left: 10%;
	}
	#plus img {
		margin: 10% auto;
	}
	#hww-1 {
	    position: absolute;
	    top: 8%;
	    left: 27%;
	    width: 28%;
	}
	#arr-1 {
	    position: absolute;
	    top: 25%;
	    left: 42%;
	    width: 22%;
	}
	#hww-2 {
	    position: absolute;
	    top: 16%;
	    left: 65%;
	    width: 26%;
	}
	#arr-2 {
	    position: absolute;
	    top: 32%;
	    left: 73%;
	    width: 19%;
	}
	#hww-3 {
	    position: absolute;
	    top: 36%;
	    left: 45%;
	    width: 32%;
	}
	#arr-3 {
	    position: absolute;
	    top: 42%;
	    left: 30%;
	    width: 14%;
	}
	#hww-4 {
	    position: absolute;
	    top: 59%;
	    left: 37%;
	    width: 26%;
	}
	#arr-4 {
	    position: absolute;
	    top: 72%;
	    left: 57%;
	    width: 13%;
	}
	#hww-5 {
	    position: absolute;
	    top: 65%;
	    left: 71%;
	    width: 27%;
	}
	.q_var {
	    min-width: 33%;
	    font-size: 12px;
	}
}
@media screen and (max-width: 1200px){
	.kontakty ul>li, .catalog-contacts ul>li {
		background-size: 16px;
    	background-position: 0px 5px;
	}
	.modal-dialog {width: 50%;}
	.menu li>a {
		font-size: 16px;
		padding: 10px 0px;
	}
	.f-12 {font-size: 1.1em;}
	.f-13 {font-size: 1.2em;}
	.f-15 {font-size: 1.3em;}
	.f-16 {font-size: 1.3em;}
	.f-18 {font-size: 1.4em;}
	.f-20 {font-size: 1.7em;}
	.f-23 {font-size: 1.8em;}
	.f-35 {font-size: 2.5em;}
	.line-18 {line-height: 1.6em;}
	.mar-30 {
	    margin: 25px auto;
	}
	.category:hover .abs {
		padding-top: 50%;
	}
	#plus .row {
		width: 70%;
    	margin-left: 15%;
	}
	#plus img {
		width: 33%;
	}
	#plus p {
	    width: 90%;
	    margin-left: 5%;
	}
	h2 {
		font-size: 40px;
	}
	.news-2 img, .news-3 img, .news-6 img, .news-7 img, .news-8 img, .news-9 img {
		height: 240px;
	}
	.news-4 img {
	    height: 160px;
	}
	.news-5 img {
	    height: 215px;
	}
	.news-1 img {
	    height: 418px;
	}
	.news-2 .news-desc {
    	height: 402px;
    }
    .news-1 .news-desc {
	    height: 225px;
	}
	#how-we-work {
	    font-size: 0.9em;
	}
	#arr-1 {
	    position: absolute;
	    top: 28%;
	    left: 44%;
	    width: 19%;
	}
	#arr-2 {
	    position: absolute;
	    top: 35%;
	    left: 73%;
	    width: 19%;
	}
	#arr-3 {
	    position: absolute;
	    top: 45%;
	    left: 32%;
	    width: 12%;
	}
	#arr-4 {
	    position: absolute;
	    top: 74%;
	    left: 57%;
	    width: 13%;
	}
	.service>img {
		height: 200px;
	}
	.r_button + label, input[type="radio"]:checked + label {
		background-size: 20px;
	}
	.news-item>img { height: 270px;}
	.sale_img {height: 35vw;}
	.slide_4 {height: 35vw !important;}
	.Q_title {font-size: 3.3em;}
	.main_info {height: 550px;}
	#quiz input[type="number"], #quiz input[type="text"] {padding: .5em 1em;}
}
@media screen and (max-width: 992px){
	.soglasie label {width: 90%;}
	.modal-dialog {width: 60%;}
	.menu li>a {
	    font-size: 13px;
	    padding: 10px 0px;
	}
	.logo {
	    width: 100%;
	    padding-left: 0%;
	    margin-top: 0px;
	}
	.btn-call {
	    padding: 5px 15px;
	    font-size: 0.9em;
	}
	.phone {margin-top: -7px;}
    h1 {
    	font-size: 45px;
    	margin: 40px 12% 40px;
    }
    h2 {font-size: 32px;}
    h3 {font-size: 25px;}
    .f-12 {font-size: 0.9em;}
	.f-13 {font-size: 0.9em;}
	.f-15 {font-size: 1.1em;}
	.f-16 {font-size: 1.2em;}
	.f-18 {font-size: 1.3em;}
	.f-20 {font-size: 1.4em;}
	.f-23 {font-size: 1.5em;}
	.f-25 {font-size: 2em;}
	.f-35 {font-size: 2em;}
	.line-18 {line-height: 1.5em;}
	.offers img {
	    margin-top: 2%;
	    width: 40%;
	}
	header input[type="text"], header input[type="submit"] {height: 44px; margin-bottom: 5px;}
	#about-us p {
	    margin-bottom: 10px;
	}
	.about-us-btns {
	    margin-top: 20px;
	}
	.btn-main, .btn-white {
		height: 40px;
	}
	.send-project img {
		width: 70%;
	}
	.category:hover .abs a.btn-main {
		padding: 3% 8%;
	}
	.category:hover .abs {
	    padding-top: 45%;
	}
	#plus img {
	    width: 40%;
	    margin: 6% auto;
	}
	#plus p {
	    width: 100%;
	    margin-left: 0%;
	}
	#variants p {
	    margin-top: 4%;
	}
	#slider-1 .carousel-control.left, #slider-1 .carousel-control.right, #slider-2 .carousel-control.left, #slider-2 .carousel-control.right, #slider-3 .carousel-control.left, #slider-3 .carousel-control.right {
	    margin-top: 1%;
	}
	#variants div.btn {
		margin: 15px auto;
	}
	.price-item {
		padding: 10px;
	}
	.price-item img {
	    margin-bottom: 15px;
	}
	.news-2 img, .news-3 img, .news-6 img, .news-7 img, .news-8 img, .news-9 img {
	    height: 180px;
	}
	.news-4 img {
	    height: 130px;
	}
	.news-5 img {
	    height: 160px;
	}
	.news-2 .news-desc {
	    height: 448px;
	    padding: 10px 1px 1px;
	}
	.news-2 .news-desc {
	    height: 318px;
	}
	.news-1 img {
	    height: 328px;
	}
	.news-1 .news-desc {
	    height: 170px;
	    padding: 10px;
	}
	.kontakty ul>li, .catalog-contacts ul>li {
	    background-size: 12px;
	    background-position: 0px 6px;
	    padding-left: 20px;
	}
	.map {
	    width: 58%;
	}
	.kontakty {
	    width: 40%;
	    height: 370px;
	    padding-left: 1%;
	    padding-right: 0%;
	}
	.curtain-map {
	    top: -2%;
	    width: 50%;
	}
	#slider-4 .carousel-control.right {
	    margin-right: -10px;
	}
	#slider-4 .carousel-control.left {
	    margin-left: -10px;
	}
	.service>img {
	    height: 150px;
	}
	.service p {
		font-size: 1em;
	}
	div.tb>p{
		height: 65px;
	}
	#how-we-work {
	    font-size: 0.8em;
	}
	#hww-1 {
	    position: absolute;
	    top: 8%;
	    left: 22%;
	    width: 35%;
	}
	#arr-1 {
	    position: absolute;
	    top: 26%;
	    left: 44%;
	    width: 17%;
	}
	#hww-2 {
	    position: absolute;
	    top: 16%;
	    left: 62%;
	    width: 33%;
	}
	#arr-2 {
	    position: absolute;
	    top: 35%;
	    left: 73%;
	    width: 16%;
	}
	#hww-3 {
	    position: absolute;
	    top: 32%;
	    left: 45%;
	    width: 32%;
	}
	#arr-3 {
	    position: absolute;
	    top: 40%;
	    left: 29%;
	    width: 12%;
	}
	#hww-4 {
	    position: absolute;
	    top: 59%;
	    left: 30%;
	    width: 30%;
	}
	#arr-4 {
	    position: absolute;
	    top: 76%;
	    left: 52%;
	    width: 13%;
	}
	#hww-5 {
	    position: absolute;
	    top: 63%;
	    left: 67%;
	    width: 30%;
	}
	.news-item>img { height: 230px;}
	.news-readmore {bottom: 33px;}
	.sale_img {
		height: 37vw;
		width: 50%;
	}
	.slider_text {width: 48%;}
	#slider-sale .carousel-caption {left: 1%;}
	.variants img {width: 2.5em;}
	.variants {font-size: 12px;}
	.slide_4 {height: 37vw !important;}
	#slider-sale .carousel-caption.cap-4 .f-40 {font-size: 3em;}
	#slider-sale .carousel-caption.cap-4 .btn-main {line-height: 34px;}
	.Q_title {font-size: 2.5em;}
	.main_info {
		padding: 1.5em 2em;
    	height: 470px;
	}
}
@media screen and (max-width: 767px){
	.modal-dialog {width: 94%;
    margin: 3%;}
    #modal-1 .modal-dialog, #modal-2 .modal-dialog, #modal-3 .modal-dialog, #modal-4 .modal-dialog {
    width: 92%;
    margin: 4%;
    font-size: 0.8em;}
    #modal-1 h4.modal-title, #modal-2 h4.modal-title, #modal-3 h4.modal-title, #modal-4 h4.modal-title {font-size: 1.5em;}
	.logo {
	    width: 80%;
	    padding-left: 10%;
	}
	header p {text-align: center;}
	.phone {text-align: center;}
	ul.menu {margin: 0px;}
	.menu li {width: 100%;}
	.menu li>a {font-size: 16px;}
	.dropdown-menu li {
		height: auto;
    	margin-bottom: 5px;
	}
	.dropdown-menu li>a {
		text-align: left;
		padding: 3px !important;
    	white-space: pre-wrap;
	}
	h1 {
	    font-size: 30px;
	    margin: 30px 0% 30px;
	    width: 100%;
	}
	h2 {
	    font-size: 25px;
	    background: url(../images/h-lines-2.png) no-repeat center;
	    background-size: contain;
	    margin-top: 12%;
	}
	h3 {
	    font-size: 20px;
	    background-size: 150%;
	}
	.f-13 {font-size: 1.1em;}
	.f-15 {font-size: 1.2em;}
	.f-18 {font-size: 1.1em;}
	.f-25 {font-size: 1.8em;}
	.f-35 {font-size: 1.5em;}
	.mar-30 {margin: 20px auto;}
	#slider-sale div.item>img {
		height: 60vw !important;
    	object-fit: cover;
	}
	#about-us img {
	    margin-bottom: 20px;
	}
	.review-work .btn-main, #about-us .btn-main {
	    width: 49%;
	    padding: 1.5% 2%;
	    height: auto;
	}
	.review-work .btn-white, #about-us .btn-white {
	    width: 49%;
	    padding: 1.5% 2%;
	    height: auto;
	}
	#design {
		text-align: center;
	}
	.category {
	    width: 80%;
	    margin-left: 10%;
	    margin-bottom: 10%;
	}
	#plus .row {
	    width: 100%;
	    margin-left: 0%;
	    font-size: 12px;
	}
	#plus p {
	    height: 90px;
	    font-size: 11px;
	}
	.price-item {
	    margin-bottom: 15px;
	}
	.diamond {width: 30%;}
	.n-50, .n-25 {
	    float: none;
	    width: 100%;
	}
	.news-2 .news-desc,.news-1 .news-desc {
	    height: auto;
	}
	.map {
	    width: 100%;
	}
	.kontakty {
	    width: 100%;
	    height: auto;
	}
	.curtain-map {
	    top: -2%;
	    width: 40%;
	    height: 105%;
	    background: url(../images/curtain-footer.png) no-repeat right top;
	    background-size: 100% 100%;
	}
	footer nav.navbar {
		margin-top: 11%;
	    margin-bottom: 8%;
	}
	.curtains {
		display: none;
	}
	.news-nav {
		background: none;
	}
	.page-prev, .page-next {
		width: 50%;
	}
	.page-prev img, .page-next img {
	    width: 40%;
	}
	.news-1, .news-2, .news-3, .news-4, .news-5, .news-6, .news-7, .news-8, .news-9 {
		width: 100%;
	}

	#hww-1, #arr-1, #hww-2, #arr-2, #hww-3, #arr-3, #hww-4, #arr-4, #hww-5 {display: none;}
	#how-we-work img {
		height: 560px;
    	object-fit: cover;
	}
	.radio {
		margin-bottom: 15px;
	}
	#slider-1 .item, #slider-2 .item, #slider-3 .item {
	    position: relative;
	    padding-top: 20%;
	}
	#slider-1 .col-xs-12, #slider-2 .col-xs-12, #slider-3 .col-xs-12 {
	    position: unset;
	}
	.slide-head {
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	}
	.news-item>img { height: 200px;}
	div.uslg {margin: 5% 5% 5% 5%;}
	.social {    
		float: none;
	    width: 100%;
	    text-align: center;
	    height: auto;
	    line-height: normal;
	    margin-bottom: 15px;
	    white-space: nowrap;
	    display: block;
	    margin-left: 0;
	}
	.social img {
	    width: 30px;
	    height: 30px;
	    margin: 0 10px;
	    display: inline-block;
	    vertical-align: middle;
	}
	.sale_box {flex-flow: row wrap;}
	.sale_img {
	    height: 60vw;
	    width: 100%;
	    border: 5px solid #f4b436;
	}
	#slider-sale .carousel-caption {
	    top: 5%;
	    right: unset;
	    left: 0%;
	    bottom: unset;
	    width: 100%;
	}
	.slider_text {
	    width: 100%;
	    margin: 1em 0;
	}
	.q_45 {width: 100%;}
	#quiz input[type="number"], #quiz input[type="text"] {margin: .25em auto;}
	.swiper_opros .swiper-button-prev-5, .swiper_opros .swiper-button-next-5, #quiz input[type="submit"] {font-size: 1em;}
	.main_info {height: 550px;}
}
@media screen and (max-width: 575px){
	#slider-sale div.item>img {height: 100vw !important;}
	.variants {font-size: 10px;}
	#slider-sale .carousel-caption.cap-4 .f-40 {font-size: 2em;}
	.f-40 {font-size: 3em;}
	.quiz_page {flex-flow: column;}
	.indicator {
	    width: 100%;
	    height: 4em;
	    padding: 1em;
	    display: flex;
	    flex-flow: row nowrap;
	    justify-content: space-evenly;
	}
	.main_info {
	    height: 585px;
	    padding: 1em;
	    width: 100%;
	}
	.q_var {min-width: 25%;}
	.Q_radio {margin: .25em auto;}
	.Q_title {font-size: 2em;}
	/* Медиазапросы для галереи с 6 элементами */
@media screen and (max-width: 1200px) {
    .category {
        width: 20%; /* 5 элементов в строке */
    }
}

@media screen and (max-width: 992px) {
    .category {
        width: 25%; /* 4 элемента в строке */
    }
}

@media screen and (max-width: 767px) {
    .category {
        width: 33.33%; /* 3 элемента в строке */
    }
}

@media screen and (max-width: 575px) {
    .category {
        width: 50%; /* 2 элемента в строке */
    }
}

@media screen and (max-width: 400px) {
    .category {
        width: 100%; /* 1 элемент в строке */
        margin-left: 0%;
    }
}