@media (max-width: 1199px){
	.header__menu li{
		margin-right: 45px;
	}
	.inform__cities{
		width: 85%;
	}
	.catalog__img{
		width: 170px;
	}
	.catalog__name {
	    margin-left: 18px;
	    font-size: 18px;
	}
	.advan__inner{
		display: block;
	}
	.advan__gallery{
		width: 100%;
		height: 400px;
	}
	.advan__image{
		object-fit: cover;
		border-radius: 25px;
	}
	.advan__image, .advan__gallery .slick-list, .advan__gallery .slick-track{
		height: 100%;
	}
	.advan__list{
		width: 100%;
		margin-bottom: 40px;
	}
	.form__img{
		width: 400px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.form__inner{
		padding: 25px;
		display: block;
		position: relative;
	}
}
@media (max-width: 992px){
	.header__menu li {
	    margin-right: 12px;
	}
	.inform__cities{
		width: 100%;
	}
	.catalog__item{
		width: 50%;
	}
	.catalog__img{
		width: 207px;
	}
	.catalog__name{
		margin-left: 35px;
		font-size: 20px;
	}
	.partners__img{
		max-width: 100px;
	}
	.footer{
		padding: 45px 0;
	}
}
@media (max-width: 768px){
	.header__menu{
		display: none;
	}
	.inform__title{
		font-size: 60px;
	}
	.inform__cities__item{
		margin: 9px;
	}
	.catalog__item>a{
		display: block;
	}
	.catalog__name{
		margin-left: 0;
		display: block;
		width: 100%;
	}
	.inform{
		padding-bottom: 170px;
	}
	.catalog, .advan, .form, .partners, .contacts{
		margin-top: 90px;
	}
	.catalog__item{
		margin-top: 25px;
	}
	.catalog__title{
		margin-bottom: 25px;
	}
	.advan__item{
		display: block;
	}
	.advan__icon{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.form__img{
		display: none;
	}
	.form__box{
		width: 100%;
	}
	.title, .page h2, .page h3, .page h4, .page h5, .page h6{
		font-size: 36px;
	}
	.contacts__inner{
		padding: 20px;
	}
	.contacts__box{
		padding: 40px;
		width: 100%;
	}
	.catalog__img{
		width: 90%;
    	object-fit: cover;
	}
	.header{
		z-index: 5;
	}
	.header__right{
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		width: 50%;
		background: white;
		color: black;
		z-index: 10;
		padding: 70px 20px;
		transform: translate(100%, 0);
		display: block;
		transition: 0.4s;
	}
	.header__info a:first-child, .header__info a:last-child{
		color: black;
		text-align: left;
	}
	.header__info{
		margin: 30px 0 15px 0;
	}
	.menu-btn{
		display: flex;
		z-index: 10;
	}
	.menu-open .header__right{
		transform: translate(0, 0);
	}
	.header__menu.mobile{
		display: block;
	}
	.header__menu a{
		color: black;
		font-size: 18px;
		display: block;
	}
	.header__menu ul{
		display: block;
	}
	.header__menu li{
		margin-right: 0;
		margin-bottom: 20px;
	}
	.header__menu li:last-child{
		margin-bottom: 0;
	}
	.header__btn{
		margin-left: 0;
	}
	body:before{
	    content: "";
	    position: fixed;
	    z-index: -9999;
	    opacity: 0;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    -webkit-transition: z-index 1s step-end, opacity 0.5s;
	    -moz-transition: z-index 1s step-end, opacity 0.5s;
	    -o-transition: z-index 1s step-end, opacity 0.5s;
	    transition: z-index 1s step-end, opacity 0.5s;
	}
	body.menu-open:before{
	    z-index: 5;
	    opacity: 1;
	    -webkit-transition: z-index 1s step-start, opacity 0.5s;
	    -moz-transition: z-index 1s step-start, opacity 0.5s;
	    -o-transition: z-index 1s step-start, opacity 0.5s;
	    transition: z-index 1s step-start, opacity 0.5s; 
	}	
}
@media (max-width: 576px){
	.inform__title {
	    font-size: 46px;
	}
	.inform__cities__item img{
		width: 12px;
	}
	.inform__cities__item{
		font-size: 14px;
		padding: 0 17px;
		margin: 4px;
	}
	.inform{
		padding: 140px 0;
	}
	.title, .page h2, .page h3, .page h4, .page h5, .page h6{
		font-size: 30px;
	}
	.catalog__name{
		font-size: 16px;
	}
	.advan__list{
		display: block;
	}
	.advan__item{
		width: 100%;
		padding-right: 0;
	}
	.partners__info {
	    font-size: 18px;
	    margin: 0 5px;
	}
	.partners .arrow{
		width: 16px;
	}
	.contacts__item{
		display: block;
	}
	.contacts__inner{
		padding: 0;
	}
	.contacts__box{
		box-shadow: 0px 3px 10px 0px rgb(0 12 73 / 11%);
		padding: 20px;
	}
	.page-info .inform__title{
		font-size: 32px;
	}
}