@media only screen and (max-width : 900px) {
	#map {
	position: relative;	
	}
	#map:after {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		z-index: 99999;
		width: 100%;
		height: 100%;

	}
	.map .row {
	margin: 0px 0px 0px 0px;
	}	
	#header {
		padding: 38px 32px 7px 46px;
	}
	#header .col ul {
		float: none;
		margin: 0 0 25px;
	}
	#header .col {
		width: 40%;
		box-sizing: border-box;
		padding: 0 0 0 42px;
	}
	#header .col:first-child {
		width: 60%;
		padding: 0;
	}
	.photo {
		padding: 43px 0 57px;
	}
	.photo .row {
		display: block;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 35px;
	}
	.photo .col {
		display: block;
		float: left;
		width: 50%;
		padding: 0 9px;
	}
	.photo .col:first-child {
		float: none;
		width: auto;
		margin: 0 0 37px;
		padding: 0 9px;
	}
	.photo .box figure {
		margin: 0 0 9px;
	}
	h3 {
		margin: 0 0 9px;
	}
	.photo .box {
		padding: 0 0 14px;
	}
	.map {
		padding: 49px 45px 53px;
	}
	.map .row {
		padding: 35px 42px 7px;
	}
	.map .row .col {
		width: 100%;
		padding: 0;
		margin: 0 0 38px;
	}
	.map .row .col:first-child figure {
		margin: 0 19px 0 12px;
	}
	.map .row .col:first-child figure img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.map .row .col:first-child a i {
		left: 2px;
	}
	#map {
		height: 336px !important;
	}
	.info {
		padding: 37px 0 0;
	}
	.info .holder-content {
		padding-left: 98px;
		padding-right: 50px;
	}
	#footer {
		padding: 56px 0 56px;
	}
	#footer .holder-content {
		padding: 0 100px;
	}
	
}
@media only screen and (max-width : 767px) {
	#header {
		padding: 22px 8px 7px;
	}
	#header .col,
	#header .col:first-child{
		float: none;
		width: auto;
		padding: 0;		
	}
	#header .col:first-child {
		margin: 0 0 23px;
	}
	#header .col ul {
		margin: 0 0 16px;
	}
	h1 {
		font-size: 32px;
		margin: 0 0 17px;
		line-height: 38px;
	}
	.photo {
		padding: 26px 0 0;
	}
	.photo .row {
		padding: 0;
	}
	.photo .col:first-child {
		margin: 0 0 29px;
	}
	.photo .col:first-child p {
		font-size: 20px;				
	}
	.photo .col {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 34px;
	}
	.photo .box {
		font-size: 12px;
		padding: 0 0 18px;
	}
	.photo .box figure {
		margin: 0 0 12px;
	}
	h3 {
		margin: 0 0 12px;
	}
	.map {
		padding: 34px 0 34px;
	}
	.map .holder-content {
		padding: 0;
	}
	.map .row {
		padding: 38px 0 7px;
	}	
	.map .row .col:first-child figure {
		margin: 0 22px 0 19px;
	}
	.map .row .col:first-child a {
		font-size: 40px;
	}
	.map .row .col:first-child a i {
		bottom: 6px;
		left: 20px;
	}
	.map .row .col:last-child {
		margin: 0 0 41px;
	}
	.map .row .col {
		margin: 0 0 73px;
	}
	.map .row .col h2, .map .row .col a {
		margin: 0 0 28px 18px;
	}
	.info {
		padding: 39px 0 0;
	}
    .map {
	background: #fff;
	padding: 52px 0 77px;
}
	.info .holder-content {
		padding-left: 18px;
		padding-right: 18px;
	}
	.info ul {
		margin: 0 0 15px;
	}
	#footer {
		padding: 42px 0;
	}
	#footer .holder-content {
		padding: 0 20px;
	}
	#footer a {
		float: left;
		clear: both;
		margin: 0 0 22px;
	}
}