@media screen and (max-width: 1200px) {
	.logo-box{
		width: 15%;
		margin-right: 0;
	}
	.phone-box{
		width: 18%;
	}

	#header{
		background-size: 100% 100%;
	}
}

@media screen and (max-width: 991px) {
	.advantages-img-block{
		float: left;
		width: 44%;
		margin: 0 3%;
	}
}

@media screen and (max-width: 1000px) {
	.nav-header{
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;		
	}

	.logo-box{
		width: auto;
		margin-right: 1%;
	}

	.description-box{
		width: 70%;
		margin-left: 0;
	}

	.adress-box{
		width: auto;	
		margin-left: 0;
		margin-top: 25px;
	}

	.phone-box{
		width: auto;
		margin-top: 25px;
	}

	.stage-bull-box{
		margin-top: 50px;
	}

	.place-heading br{
		display: none;
	}

	.map-box{
		margin: 0;
		overflow: none;
		margin-top: 40px;	
	}

	.map-content-box{
		position: relative;
		width: 100%;
		margin-top: 0px;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.map-content-block{
		padding: 30px 25px;
		border-radius: 0;
		margin-left: 0px;
		width: 50%;
	}

	.map-content-block:nth-child(1){
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.map-content-block:nth-child(2){
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
}
@media screen and (max-width: 770px) {}
@media screen and (max-width: 600px) {
	html{
		font-size: 15px;
	}
	.phone-box{
		width: 100%;
		margin-top: 35px;
		text-align: center;
	}

	.advantages-content-block{
		width: 80%;
	}

	.advantages-content-block{
		margin-bottom: 30px;
	}

	.advantages-content-heading{
		margin-bottom: 5px;
	}

	.advantages-img-box{
		margin-top: 35px;
	}

	.advantages-content-wrap{
		margin-top: 40px;
	}

	.map-content-box{
		display: block;
	}

	.map-content-ico-block{
		width: 20%;
	}

	.map-content-block{
		width: 100%;
	}

	.popup-clous{
		right: 20px;
		top: -40px;
	}

	.popup-box{
		width: 95%;
		margin-top: 100px;
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 500px) {
	html{
		font-size: 13px;
	}

	.nav-header{
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;		
	}

	.description-box{
		width: 60%;
		margin-left: 10px;
	}

	.adress-box {
		width: 46%;
		margin: 0 2%;
		margin-top: 25px;
	}

	.logo-text{
		display: none;
	}

	.btn-offer{
		width: 244px;
	}

	.phone{
		margin-bottom: 9px;
	}

	#offer{
		margin-top: 40px;
	}

	.offer-title{
		text-align: center;
		font-size: 2rem;
	}

	.offer-subtitle-text{
		margin-left: 10px;
	}

	.offer-subtitle-ico-box{
		display: block;
	}

	.offer-subtitle{
		font-size: 1.1rem;
	}

	.offer-subtitle-box{
		margin-top: 27px;
	}

	.offer-btn-box{
		margin-top: 44px;
		text-align: center;
	}

	.offer-bottom-text{
		text-align: center;
		padding: 0 10%;
	}

	.heading{
		text-align: left;
		font-size: 2rem;
	}

	.stage-box{
		margin-top: 30px;
	}

	.btn-stage{
		width: 200px;
	}

	.footer-user-box{
		text-align: left;
	}

	.footer-user-box br{
		display: block;
	}

	.footer-user-box a{
		margin: 0;
		margin-top: 20px;
		margin-left: 15px;
	}

	.map{
		height: 350px;
	}
}
@media screen and (max-width: 400px) {
	html{
		font-size: 12px;
	}

	.adress-box span:nth-child(2){
		display: none;
	}

	.advantages-content-block{
		width: 100%;
	}

	.map-content-ico-block{
		width: 30%;
	}

	.map-content-text-block{
		width: 70%;
	}

	.popup-box{
		padding: 54px 35px;
	}
}

@media screen and (max-width: 350px) {
	.adress-text{
		margin-left: 10px;
	}
	.adress-ico{
		width: 25px;
	}
	.adress-box{
		width: 48%;
		margin: 0 1%;
		margin-top: 25px;
	}
}

.phone-box a.callback, .phone-box a.callback:visited, .phone-box a.callback:hover, .phone-box a.callback:focus, .phone-box a.callback:active {
	color: #fed86e!important;
	text-decoration: none;
}