@media (max-width: 1500px){
	.date_1, .date_2, .date_3, .date_4, .date_5 {font-size: 1.2em;}
}
@media (max-width: 1400px){
	#sale {font-size: 15px;}
	#reviews_slider {width: 80%;}
	.date_1, .date_2, .date_3, .date_4, .date_5 {font-size: 1.1em;}
	.text_block {
		font-size: 16px;
		line-height: 1.1em;
	}
	#in_numbers {font-size: 16px;}
	.swiper_designers {padding: 2em 12vw 3em;}
}
@media (max-width: 1300px){
	h1 {font-size: 3.5em;}
	.banner {background-size: 100% 35em;}
	.contacts {width: 50%;}
	.serv_title::after {width: 7em;}
}
@media (max-width: 1199px){
	body {font-size: 16px;}
	.site_box {
	    padding-left: 4vw;
	    padding-right: 4vw;
	}
	.nav-link {font-size: 1.2em;}
	#about {
		justify-content: space-between;
		align-items: flex-start;
	}
	#about>div {width: 48%;}
	.serv_title::after {width: 6em;}
	.img_pf {height: 24vw;}
	#sale {font-size: 13px;}
	#reviews_slider {width: 90%;}
	.master {left: 2vw;}
	.swiper-button-prev, .swiper-button-next {bottom: 0.2em;}
	.swiper-button-prev {left: 2vw;}
	.swiper-button-next {right: 2vw;}
	.text_block {font-size: 14px;}
	#in_numbers {font-size: 14px;}
	#in_numbers p {line-height: 1.2em;}
	.inn_8 {bottom: 27%;}
	.employees {justify-content: center;}
	.employee {
	    width: 31%;
	    margin: 1%;
	}
	.master {font-size: .9em;}
	.history_title, .inn_title, .shop_title {
		font-size: 1.4em;
		line-height: normal;
	}
	.swiper_designers {padding: 2em 10vw 3em;}
}
@media (max-width: 991px){
	body {font-size: 14px;}
	.site_box {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.nav-link {
	    font-size: 1.15em;
	    padding: .25em !important;
	}
	.banner_logo {width: 150px;}
	.sign {
	    margin-top: 1em;
	    margin-bottom: 1em;
	}
	#material_slider .carousel-indicators li {
		width: 10px;
    	height: 10px;
    	border: 2px solid rgba(173, 104, 65, 0.8);
	}
	#material_slider .carousel-indicators .active {border: 2px solid rgba(173, 104, 65, 0.8);}
	#service_slider .carousel-indicators li {
		width: 10px;
    	height: 10px;
	}
	#sale {font-size: 10px;}
	#reviews_slider {width: 100%;}
	.footer_bottom {flex-flow: row wrap;}
	.developers {
	    width: 100%;
	    margin-top: 1em;
	}
	.master {
	    left: 3px;
	    font-size: .8em;
	}
	.block_2 {
	    grid-column: 6/13;
	    grid-row: 2/4;
	}
	.foto_41, .foto_42 {grid-row: 1/4;}
	.block_4 {
	    grid-column: 17/24;
	    grid-row: 2/5;
	}
	.block_3 {grid-column: 11/19;}
	.block_5 {grid-column: 21/29;}
	.history_title, .inn_title, .shop_title {font-size: 1.2em;}
	#in_numbers {font-size: 12px;}
	.swiper-button-prev {left: 3px;}
	.swiper-button-next {right: 3px;}
	.swiper-button-prev, .swiper-button-next {
		width: 1em;
    	height: auto;
    	bottom: 0;
	}
	.foto {height: 21vw;}
	.pf_item p {
		line-height: 15px;
    	height: 30px;
	}
	.portfolio {justify-content: center;}
	.pf_item {
	    width: 23%;
	    margin-left: 1%;
    	margin-right: 1%;
	}
	.question {padding-right: 10vw;}
	.answer {padding: 0 20vw 1em 20vw;}
	.block_connection {margin: -300px 5vw 2em;}
	.swiper_designers {padding: 2em 8vw 3em;}
}
@media (max-width: 767px){
	.top {justify-content: center;}
	h1 {font-size: 3em;}
	h2 {font-size: 2.1em;}
	.banner {
		background: none;
		padding-top: 0em;
	}
	.banner_top {
		background: url(../images/bg1.jpg) no-repeat top center;
    	background-size: cover;
    	padding-top: 1em;
	}
	#about>img {width: 40%;}
	#about>div {width: 58%;}
	.serv {font-size: 11px;}
	.carousel-control-next, .carousel-control-prev {width: 1em;}
	#service_slider .carousel-control-next {right: -.85em;}
	#service_slider .carousel-control-prev {right: 56%;}
	#service_slider .carousel-indicators {width: 56%;}
	.serv_main {width: 56%;}
	#material_slider {
		left: 8vw;
    	width: 33%;
	}
	.img_pf {height: 48vw;}
	.sale_item {
		width: 48%;
    	margin-bottom: 1em;
    	font-size: 12px;
	}
	.sale_item img {height: 32vw;}
	.contacts {
	    width: 100%;
	    position: relative;
	    top: unset;
	    right: unset;
	}
	footer {text-align: center;}
	.footer_contact {text-align: center;}
	.footer_contact hr {margin: 1em auto;}
	.footer_bottom {
		padding-top: .5em;
    	padding-bottom: .5em;
	}
	.footer_bottom p {
		margin-bottom: .5em;
	    text-align: center;
	    width: 100%;
	}
	.sign .name {padding-left: 1rem;}
	.sign .post {margin-left: 5rem;}
	#history {
	    width: 100%;
	    display: grid;
	    grid-template-columns: repeat(12, 1fr);
	    grid-template-rows: repeat(20, 1fr);
	    height: 150vw;
	    justify-items: stretch;
	    align-items: stretch;
	    grid-auto-flow: dense;
	    position: relative;
	    margin: 2em 0;
	}
	.block {
	    grid-column: 6/8;
	    grid-row: 3/18;
	    padding: 1.5em 0 0;
	}
	.block img {
		height: 100%;
		width: auto;
		margin: auto;
	}
	.date_1 {
	    grid-column: 6/8;
	    grid-row: 3/4;
	}
	.date_2 {
	    grid-column: 6/8;
	    grid-row: 7/8;
	}
	.date_3 {
	    grid-column: 6/8;
	    grid-row: 10/11;
	}
	.date_4 {
	    grid-column: 6/8;
	    grid-row: 14/15;
	}
	.date_5 {
	    grid-column: 6/8;
	    grid-row: 18/19;
	}

	.block_1 {
	    grid-column: 8/12;
	    grid-row: 3/6;
	}
	.block_2 {
	    grid-column: 2/6;
    	grid-row: 7/10;
	}
	.block_3 {
	    grid-column: 8/12;
	    grid-row: 9/13;
	}
	.block_4 {
	    grid-column: 2/6;
	    grid-row: 13/17;
	}
	.block_5 {
	    grid-column: 8/12;
	    grid-row: 16/20;
	}

	.foto_1 {
	    grid-column: 9/13;
	    grid-row: 1/4;
	}
	.foto_2 {
	    grid-column: 1/5;
	    grid-row: 4/7;
	}
	.foto_31 {
	    grid-column: 9/13;
	    grid-row: 7/10;
	}
	.foto_32 {
	    grid-column: 9/13;
	    grid-row: 11/14;
	}
	.foto_41 {
	    grid-column: 1/5;
	    grid-row: 11/14;
	}
	.foto_42 {
	    grid-column: 1/5;
	    grid-row: 15/18;
	}
	.foto_5 {
	    grid-column: 9/13;
	    grid-row: 18/21;
	}
	#history div {height: unset;}
	.date_1, .date_2, .date_3, .date_4, .date_5 {
		background-color: #fff;
		height: fit-content !important;
		z-index: 5;
	}
	.text_block {height: fit-content !important;}
	#in_numbers {
		flex-direction: column;
		align-items: flex-start;
		height: fit-content;
		padding: 1em 3em;
		font-size: 18px;
	}
	.inn_1, .inn_2, .inn_3, .inn_4, .inn_5, .inn_6, .inn_7, .inn_8, .inn_9 {
	    position: unset; 
	    top: unset;
	    right: unset;
	    bottom: unset;
	    left: unset;
	}
	#in_numbers div {
		width: 100%;
		text-align: left;
    	margin-bottom: 2em;
	}
	.scale_08, .scale_12 {transform: scale(1);}
	#in_numbers>img {display: none;}
	.num {font-size: 2.5em;}
	.employees {padding: 1em 2em;}
	.foto {height: 30vw;}
	.employee {
	    width: 45%;
	    margin: 2%;
	}
	.portfolio_block .pf_all {
		position: relative;
    	top: 0;
	    right: 0;
	}
	.pf_item {width: 31%;}
	.nav-tabs {flex-flow: row wrap;}
	.nav-tabs .nav-item {padding: .2em .5em .3em;}
	.w-75 {width: 100% !important;}
	.pagination .page-item:first-of-type {margin-right: 0;}
	.pagination .page-item:last-of-type {margin-left: 0;}
	.review_full {padding: 0 0 2em;}
	.question {
		padding-left: 10vw;
	    padding-right: 5vw;
	    margin-bottom: 1.5em;
	}
	.question::before {width: 9vw;}
	.answer {padding: 0 10vw 1em 10vw;}
	.contacts_2 {
		width: 100%;
		padding: 1em;
		font-size: 12px;
	}
	.callback {width: 100%;}
	.swiper_designers .swiper-slide {padding: 1em;}
	.swiper_simple2 .swiper-slide {padding: 0;}
	#Modal_cb .modal-dialog {
	    width: 96%;
	    margin: 1em auto;
	}
}
@media (max-width: 575px){
	.top {text-align: center;}
	#about {flex-wrap: wrap;}
	#about>img {width: 100%;}
	#about>div {
	    width: 100%;
	    margin-top: 1em;
	}
	.sign .name {padding-left: 0rem;}
	.sign .post {margin-left: 3rem;}
	h1 {font-size: 2em;}
	h2 {font-size: 1.8em;}
	.serv_title, .serv_main {width: 100%;}
	.serv_title::after {content: unset;}
	#service_slider .carousel-control-prev {
	    right: unset;
	    left: -.85em;
	}
	.serv_main img {height: 61vw;}
	#service_slider .carousel-indicators {
	    width: 100%;
	    top: 114vw;
	}
	#material_slider {
		position: relative;
	    left: 0;
	    width: 100%;
	}
	.pf_all {
	    position: relative;
	    top: 0;
	    right: auto;
	    margin-bottom: 1em;
	}
	.sale_item {width: 94%;}
	.sale_item img {height: 60vw;}
	.review {padding: 0 0%;}
	.foto {height: 56vw;}
	.employee {
	    width: 100%;
	    margin: 0 0 1.5em;
	}
	#in_numbers {font-size: 16px;}
	#history {
	    width: 100%;
	    display: flex;
	    flex-flow: row wrap;
	    justify-content: space-between;
	    align-items: flex-start;
	    height: auto;
	}
	.date_1, .date_2, .date_3, .date_4, .date_5 {
		margin-top: 1em;
		width: 100%;
		font-size: 1.5em;
	}
	.foto_1, .foto_2, .foto_31, .foto_32, .foto_41, .foto_42, .foto_5 {
		width: 48%;
    	margin: 1%;
	}
	.text_block {font-size: 16px;}
	.pf_item {width: 48%;}
	.review_full img {
		margin-right: 1em;
		width: 5em;
	}
	.question {
	    padding-left: 1.5em;
	    padding-right: 1em;
	    margin-bottom: 1em;
	}
	.answer {padding: 0 1.5em 1em;}
	.question::before {width: 1.2em;}
}