.yandex__map{width:100%; height:630px}
.contact__block{background:rgba(247,247,247,0.65);padding: 30px 20px 30px 0; position:relative}
.contact__block .h1, .contact__block .h2{margin:0}
.contact__block .h2{font-weight:400}
.contact__block ul{padding:0;margin: 20px 0;}
.contact__block ul li{padding:0 0 0 30px; font-weight:700; margin:10px 0; list-style:none; background:url(/templates/gradis/images/li-map.png) no-repeat left center}
@media(min-width:576px){
	.wrapper__map-contact{position:relative}
	.wrapper__map-contact .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1; pointer-events: none}
	.contact__block::before{background:rgba(247,247,247,0.65);content:"";position:absolute;top:0;bottom:0;left: -100%;right: 0;z-index: -1;}
}
@media(max-width:1199px){
	.yandex__map{height: 530px;}
	.contact__block{padding: 20px 15px 20px 0;}
	.contact__block ul{margin: 15px 0;}
	.contact__block ul li{padding: 0 0 0 25px;margin: 8px 0;background-size: auto 17px;}
}
@media(max-width:991px){
	.yandex__map{height: 500px;}
}
@media(max-width:767px){
	.yandex__map{height: 450px;}
}
@media(max-width:575px){
	.contact__block{background:transparent;padding: 20px 0; position:relative}
	.wrapper__map-contact .container{background:rgba(247,247,247,0.65)}
	.yandex__map{height: 400px;}
}
@media(max-width:360px){
	.yandex__map{height: 350px;}
}