@media (max-width: 1599px){
	.sticky_menu {padding: .5em 10vw;}
	.product_title {font-size: 2.1em;}
	.slide-2-grid {grid-template-columns: 370px auto 320px;}
}
@media (max-width: 1499px){
	.sticky_menu {padding: .5em 8vw;}
	.slide-2-grid {grid-template-columns: 340px auto 300px;}
}
@media (max-width: 1399px){
	.site_box {
	    padding-left: 9vw;
	    padding-right: 9vw;
	}
	.site_box_left {padding-left: 9vw;}
	.slide-2-grid {grid-template-columns: 310px auto 300px;}
	h1 {
	    font-size: 2.5em;
	    margin: 1.5em 0;
	}
	.lep {min-height: 26vw;}
	.article {
		padding: 1.5rem 2rem;
		height: 20rem;
	}
	.img_social {width: 2.5em;}
	#Modal_cb .modal-dialog {width: 50%;}
	.sticky_menu {padding: .5em 2vw;}
	.product_info {padding: 0 2em;}
	.product_title {font-size: 1.9em;}
	#sec_contacts {background-position: 3vw 5%;}
	#article_full {
		background-position: 5vw 100%;
		padding-bottom: 3em;
	}
}
@media (max-width: 1199px){
	.site_box {
	    padding-left: 6vw;
	    padding-right: 6vw;
	}
	.site_box_left {padding-left: 6vw;}
	.grid-2-5 {font-size: 14px;}
	.nav-item {padding: 0 .7em;}
	h1 {
	    font-size: 2.1em;
	    margin: 1em 0;
	}
	h2 {font-size: 2.5em;}
	#block2 {
		padding-top: 2em;
    	padding-bottom: 2em;
    	margin-bottom: 1em;
	}
	.grid_1, .grid_5 {grid-column: 1/4;padding: .5em 1em;}
	.grid_2, .grid_6, .grid_10 {grid-column: 4/7;padding: .5em 1em;}
	.grid_3, .grid_8, .grid_11 {grid-column: 7/10;padding: .5em 1em;}
	.grid_4, .grid_9, .grid_12 {grid-column: 10/13;padding: .5em 1em;}
	.grid_13 {grid-column: 1/7;}
	.uslugi {padding: 2em;}
	.info .num {font-size: 9em;}
	.info .text {font-size: 1.5em;}
	.timer div {height: 12vw;}
	#carousel {padding: 1em 10% 2em;}
	.carousel-control-next, .carousel-control-prev {width: 10%;}
	.article .art_text {max-height: 7rem;}
	.article {height: 17rem;}
	.lep img {height: 15vw;}
	.footer_top {font-size: 15px;}
	.footer_logo {max-width: 27%;}
	.footer_contacts {font-size: 14px;}
	.sticky_menu .nav-item {padding: 0 .35em;}
	.product {padding: 0 1em;}
	.product img {height: 14vw;}
	.filter {padding: 3em 1em 4em;}
	#portfolio {
		padding-bottom: 3em;
		background-size: 90% auto, 94% auto, auto 20%, 8vw auto;
    	background-position: 50% 1em, 50% 100%, 100% 98%, -1em 25%;
	}
	#article_full {
	    background-position: 3vw 100%;
	    padding-bottom: 2em;
	}
	#sec_reviews {
	    background-image: url(../images/bg/otzyvy.png), url(../images/bg/angle.png);
	    background-repeat: no-repeat;
	    background-position: 10% 1em, 94% 94%;
	    background-size: 65% auto, 50% auto;
	}
	.pf_main_img {height: 27vw;}
	.pf_sm_img {height: 10vw;}
}
@media (max-width: 991px){
	body {font-size: 14px;}
	.site_box {
	    padding-left: 3vw;
	    padding-right: 3vw;
	}
	.site_box_left {padding-left: 3vw;}
	.slide-2-grid {grid-template-columns: 275px auto 240px;}
	.grid-2-5 {font-size: 12px;}
	.nav-item {padding: 0 .5em;}
	.usluga {margin-bottom: 1.5em;}
	.usluga h2 {
	    font-size: 2em;
	    margin-bottom: .5em;
	}
	.timer div {height: 13vw;}
	.timer div>p {font-size: 1.3em;}
	.pj_info {padding: 1em;}
	.article {
	    height: 14.5rem;
	    padding: 1rem;
	}
	.article .art_title {
		font-size: 1.5rem;
    	line-height: 1.5rem;
    	max-height: 4.5rem;
	}
	.footer_top {
		flex-flow: row wrap;
		padding-top: 1em;
    	padding-bottom: 1em;
	}
	.footer_logo {
	    max-width: 100%;
	    width: 100%;
	    padding: 0% 30%;
	    margin-bottom: .5em;
	}
	.sticky_menu {
	    padding: .5em 1vw;
	    font-size: .9em;
	}
	.product {padding: 0;}
	.product img {height: 18vw;}
	.filter {padding: 2em 1em 2.5em;}
	.filter::before{
		width: 35%;
    	left: -1em;
	}
	.filter::after {
		width: 35%;
    	right: -1em;
	}
	#lepnina, #kraski {background-position: 5vw 2em, 98% 100%;}
	#portfolio {
	    padding-bottom: 2em;
	    background-size: 90% auto, 94% auto, auto 15%;
	    background-position: 50% 1em, 20% 100%, 100% 98%;
	    background-image: url(../images/bg/bg7.png), url(../images/bg/angle3.png), url(../images/bg/angle4.png);
	    background-repeat: no-repeat;
	}
	#article_full {
	    background-position: 1vw 100%;
	    padding-bottom: 1.5em;
	}
	#sec_reviews {
		background-position: 10% 1em, 97% 96%;
		padding-bottom: 4em;
	}
	.pf_main_img {height: 30vw;}
	.pf_sm_img {height: 15vw;}
}
@media (max-width: 767px){
	.main {background-size: auto;}
	.site_box {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
	.site_box_left {padding-left: 1rem;}
	.slide-2-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-2-2, .grid-2-4 {display: none;}
	/* .grid-2-4 {
		grid-column: 2/3;
	} */
	.grid-2-5 {
		grid-column: 1/2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0px;
	}
	h1 {font-size: 2em;}
	.logo {width: 55%;margin: 0 auto;}
	.head_callback {display: none;}
	.nav-item {margin-bottom: 1em;}
	.nav-link {font-size: 1.3em;}
	.grid_box {
		grid-template-columns: repeat(6, 1fr);
    	grid-template-rows: repeat(10, 1fr);
	}
	.grid_1 {
	    grid-column: 1/3;
	    grid-row: 1/3;
	}
	.grid_2 {
	    grid-column: 3/5;
	    grid-row: 1/3;
	}
	.grid_3 {
	    grid-column: 5/7;
	    grid-row: 1/3;
	}
	.grid_4 {
	    grid-column: 1/3;
	    grid-row: 3/5;
	}
	.grid_5 {
	    grid-column: 3/5;
	    grid-row: 3/5;
	}
	.grid_6 {
	    grid-column: 5/7;
	    grid-row: 3/5;
	}
	.grid_13 {
	    grid-column: 1/7;
	    grid-row: 5/6;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.grid_7 {
	    grid-column: 1/7;
	    grid-row: 6/7;
	}
	.grid_8 {
	    grid-column: 1/3;
	    grid-row: 7/9;
	}
	.grid_9 {
	    grid-column: 3/5;
	    grid-row: 7/9;
	}
	.grid_10 {
	    grid-column: 5/7;
	    grid-row: 7/9;
	}
	.grid_11 {
	    grid-column: 2/4;
	    grid-row: 9/11;
	}
	.grid_12 {
	    grid-column: 4/6;
	    grid-row: 9/11;
	}
	.lep img {height: 22vw;}
	.review {font-size: 1.2em;}
	.article {height: 16.5rem; margin-bottom: 2em;}
	.article .art_text {max-height: 10rem;}
	.footer_top {justify-content: space-evenly;}
	.footer_logo {
	    padding: 0 20%;
	    margin-bottom: 1em;
	}
	.footer_menu {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 1em;
	}
	.footer_bottom {
		flex-flow: row wrap;
		justify-content: center;
	}
	.copyright {
		width: 100%;
	    text-align: center;
	    margin-bottom: 0.5em;
	}
	#dostavka {
		background-size: 95% auto, 95% auto;
    	background-position: 93% 85%, 12% 4%;
	}
	#Modal_cb .modal-dialog {width: 70%;}
	.close>span {font-size: 2em;}
	h3 {
	    font-size: 2em;
	    margin: .5em 0;
	}
	/* .main {padding-bottom: 1em;} */
	.menu_wrap {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		/* position: relative; */
	}
	.sticky_menu{
		align-items: flex-start;
		padding: 0 1rem;
    	font-size: 1em;
	}
	nav {padding: 0px !important;}
	.sticky_menu>p, .menu_wrap>p {
		line-height: 39px;
		position: absolute;
	    right: 1rem;
		top: 0;
		z-index: 100;
	}
	.menu_wrap nav {width: 100%;}
	#menu_1 {background-color: rgb(0 0 0 / 80%);}
	.filter {
	    width: 100%;
	    margin-right: 0;
	    margin-bottom: 1em;
	    padding: 1em 1em 1.5em;
	}
	.ctlg_content {width: 100%;}
	.product img {height: 27vw;}
	.filter_box {
	    width: 100%;
	    margin: 0;
	}
	.filter::before {
	    width: 3em;
	    left: 0em;
	}
	.filter::after {
	    width: 3em;
	    right: 0em;
	}
	.filter_title {
	    pointer-events: auto;
    	cursor: pointer;
	}
	.ft_icon {
		display: inline-block;
		opacity: .3;
		height: .5em;
	}
	.filter_title:hover .ft_icon {opacity: 1;}
	.filter_title.clicked_ft .ft_icon{transform: rotate(180deg);}
	.filter_form {display: none;}
	#portfolio {background-position: 50% 1em, 20% 100%, 100% 100%;}
	#article_full {
	    background: unset;
	    padding-bottom: 0;
	}
	.af_text p {font-size: .9em;}
	#sec_reviews {
	    background-image: url(../images/bg/otzyvy.png);
	    background-repeat: no-repeat;
	    background-position: 10% 1em;
	    background-size: 65% auto;
	    padding-bottom: 2em;
	}
	.pf_img {height: 23vw;}
	.pf_sm_img {height: 23vw;}
}
@media (max-width: 575px){
	.slide-2-grid {grid-template-rows: repeat(1, 1fr);}
	.grid-2-5 {display: none;}
	.grid-2-1 {
		padding: 1em 0;
		font-size: 10px;
	}
	.grid-2-3 {grid-row: 1/2;}
	.logo {width: 100%;margin-bottom: .5em;}
	.head_callback {
	    width: 100%;
	    text-align: center;
	}
	h1 {font-size: 1.5em;}
	.grid_box {
		grid-template-columns: repeat(4, 1fr);
    	grid-template-rows: repeat(14, 1fr);
	}
	.grid_1 {
	    grid-column: 1/3;
	    grid-row: 1/3;
		padding: .5em;
	}
	.grid_2 {
	    grid-column: 3/5;
	    grid-row: 1/3;
		padding: .5em;
	}
	.grid_3 {
	    grid-column: 1/3;
	    grid-row: 3/5;
		padding: .5em;
	}
	.grid_4 {
	    grid-column: 3/5;
	    grid-row: 3/5;
		padding: .5em;
	}
	.grid_5 {
	    grid-column: 1/3;
	    grid-row: 5/7;
		padding: .5em;
	}
	.grid_6 {
	    grid-column: 3/5;
	    grid-row: 5/7;
		padding: .5em;
	}
	.grid_13 {
	    grid-column: 1/5;
	    grid-row: 7/8;
		padding: .5em;
	}
	.grid_7 {
	    grid-column: 1/5;
	    grid-row: 8/9;
		padding: .5em;
	}
	.grid_8 {
	    grid-column: 1/3;
	    grid-row: 9/11;
		padding: .5em;
	}
	.grid_9 {
	    grid-column: 3/5;
	    grid-row: 9/11;
		padding: .5em;
	}
	.grid_10 {
	    grid-column: 1/3;
	    grid-row: 11/13;
		padding: .5em;
	}
	.grid_11 {
	    grid-column: 3/5;
	    grid-row: 11/13;
		padding: .5em;
	}
	.grid_12 {
	    grid-column: 2/4;
	    grid-row: 13/15;
	    padding: .5em;
	}
	.lep img {height: 40vw;}
	.usluga h2 {margin-bottom: .25em;}
	.usluga {margin-bottom: .5em;}
	.uslugi {
	    padding: 1em;
	    font-size: 13px;
	}
	h2 {font-size: 2.2em;}
	#block4 h2 {font-size: 3em;}
	#block6 .f_15 {font-size: 1.2em;}
	.review {font-size: 1em;}
	.footer_logo {padding: 0 0%;}
	.footer_contacts {
	    text-align: center;
	    width: 100%;
	    margin-top: 1em;
	}
	.footer_menu {column-count: 2;}
	#dostavka {background-position: 93% 58%, 12% 4%;}
	#Modal_cb .modal-dialog {
	    width: 94%;
	    margin: 1em auto;
	}
	.product img {height: 40vw;}
	.product_info {
	    padding: 0;
	    font-size: 12px;
	}
	.product_title {font-size: 1.7em;}
	#portfolio {
	    background-size: 90% auto, 94% auto;
	    background-position: 50% 1em, 20% 100%;
	    background-image: url(../images/bg/bg7.png), url(../images/bg/angle3.png);
	    background-repeat: no-repeat;
	}
	.review2>img {display: none;}
	.review2>div {
	    width: 100%;
	    padding: 0;
	}
	.rating {margin: .5em 0;}
	.pf_img {height: 33vw;}
	.timer-element {
		padding: 1em;
		background-image: unset;
		border: 2px solid #dbd8d3;
	    border-radius: 50%;
	    background-color: #fff;
	    font-size: 12px;
	}
	.pf_main_img {
	    float: unset;
	    width: 100%;
	    margin-right: 0;
	    height: 65vw;
	}
	.pf_sm_img {height: 30vw;}
}