/*==========  Desktop First  ==========*/

/* <1440px */
@media (max-width: 1439.98px) {
	.contacts-wrap {
		min-height: -webkit-calc(100vh - 80px);
		min-height: calc(100vh - 80px);
	}
	#map {
		height: -webkit-calc(100vh - 80px);
		height: calc(100vh - 80px);
	}
	.contacts-block {
		top: 80px;
		max-height: -webkit-calc(100vh - 160px);
		max-height: calc(100vh - 160px);
	}
}

/* <1024px */
@media (max-width: 1023.98px) {
	.contacts-wrap {
		min-height: -webkit-calc(100vh - 70px);
		min-height: calc(100vh - 70px);
	}
	#map {
		height: -webkit-calc(100vh - 70px);
		height: calc(100vh - 70px);
	}
	.contacts-block {
		top: 70px;
		max-height: -webkit-calc(100vh - 140px);
		max-height: calc(100vh - 140px);
	}
}

/* <576px */
@media (max-width: 575.98px) {
	.contacts-block {
		max-height: -webkit-calc(100vh - 175px);
		max-height: calc(100vh - 175px);
		max-width: 220px;
	}

	.contacts-block.hidden {
		-webkit-transform: translate(-195px);
		    -ms-transform: translate(-195px);
		        transform: translate(-195px)
	}

	.hide-contacts {
		left: -webkit-calc(220px - 25px);
		left: calc(220px - 25px)
	}

	.hide-contacts.hidden {
		-webkit-transform: translate(-195px);
		    -ms-transform: translate(-195px);
		        transform: translate(-195px)
	}

	.contacts-block ul li .contacts-info div {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.contacts-block ul li .contacts-info div:first-child {
		padding-bottom: 5px;
	}
}