.mapmark {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.mapmark iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.contactBox{
	display: grid;
	grid-template-columns: 2fr 3fr;
}

.contactBoxContainer{
	display: flex;
	justify-content: center;
}


.contactDetails{
	background-color: #e7e9dd;
}

.contactForm{
	padding: 0px 40px;
}

@media (max-width: 1000px) {
		
	
	.contactBox{
		display: flex;
		flex-direction: column;
		height: 25%;
	}

	.contactBox img{
		object-fit: cover;
		height: 400px;
	}

	.contactDetails p{
		text-align: center;
	}

	.contactDetails li{
		text-align: center;
	}

	.contactDetails h4{
		text-align: center;
	}

	.contactDetails{
		height:50%;
	}

	.contactForm{
		padding: 0px 100px;
	}

	.contactBoxContainer{
		display: flex;
		align-items: center;

	}

}	

@media (max-width: 700px) {
	.contactBox{
		width: 340px;
	}

	.contactForm{
		padding: 0px 10px;
	}
}