@media only screen and (max-width: 1024px) {
	body > div {
		width: 100%;
	}

	.contentWrapper {
		border-bottom: 2px solid #fff;
	}

	.contentWrapper.whiteBg {
		background-color: #fff;
	}

	.contentWrapper.whiteBg .content {
		color: #000;
	}

	.noMobile {
		display: none;
	}

	.mobile {
		position: relative;
		display: block;
	}

	.nav {
		background-color: #e2001a;
	}

	.nav ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.nav ul li {
		border-bottom: 1px solid #fff;
		float: none;
		margin-left: 0;
		padding: 10px 20px;
	}

	.footer .nav ul li {
		border: 0;
		padding: 0;
	}

	.nav ul li a {
		color: #fff;
		display: block;
		font-size: 20px;
	}

	.nav ul li a:hover {
		color: #000;
	}

	.nav ul li a.active {
		color: #000;
	}

	.navLanguage {
		display: none;
	}

	.toggleMenu {
		float: right;
		margin-right: 20px;
	}

	.headerImage,
	.headerImage .headerImageContainer {
		width: 100%;
	}

	.headerImage .headerImageContainer img {
	}

	.projectList,
	.newsList {
		clear: both;
	}

	.projectList,
	.newsList {
		float: none;
		height: auto;
		padding: 20px;
		width: calc(100% - 40px);
	}

	.projectList {
		width: calc(100% - 20px);
	}

	#projects .project {
		margin-bottom: 18px;
		padding-bottom: 18px;
	}

	.projectList .projectThumb,
	.projectList .projectDescription,
	.newsList .newsImage,
	.newsList .newsDescription,
	#projects .projectTitle {
		float: left;
		width: calc(50% - 10px);
	}

	.projectList .projectDescription label {
		color: #e2001a;
		font-size: 1.1em;
		padding: 0;
	}

	.projectList .projectDescription h2 {
		font-size: 1.3em;
	}

	.projectList .projectDescription h2 a {
		color: #000;
	}

	.gridColumn.project .image,
	.gridColumn.project {
		height: auto;
	}

	.gridColumn.project {
		border-bottom: 1px solid #e80022;
	}

	.newsImage .block,
	.newsImage .blockitem {
		width: 100% !important;
	}

	.newsDescription h2 a {
		color: #000;
	}

	.projectList .projectThumb img,
	.newsList .newsImage img {
		height: auto;
		width: calc(100% - 10px);
	}

	.relatedProject.architect .projectImage img {
		height: auto;
		width: calc(100% - 10px);
	}

	#projects .projectTitle h2 a {
		color: #e80022;
	}

	.newsList .gridColumn,
	.projectList .gridColumn {
		height: auto;
		border-bottom: 1px solid #c1001f;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.newsList .gridColumn {
		height: auto;
		margin-bottom: 15px;
	}

	.newsList .newsDescription h2 a {
		color: #303030;
	}

	.newsList .date {
		color: #9a9a9a;
	}

	.newsListContainer {
		background-color: #fcfcfc;
	}

	.h720,
	.h400,
	.h370,
	.h320 {
		height: auto;
	}

	.marginB15,
	.marginB30 {
		margin-bottom: 0;
	}

	.newsList .marginB15 {
		margin-bottom: 15px;
	}

	#googleMapHeader > div > div {
		margin-left: 0;
	}

	.content {
		color: #303030;
		margin-top: 0;
		padding-right: 0;
		padding-top: 20px;
	}

	.content h2 {
		color: #000;
		font-size: 1.5em;
		margin-top: 0;
		padding-top: 0;
	}

	.content h2.font30 {
		font-size: 30px;
	}

	.gridColumn {
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
		width: 100%;
	}

	.header {
		height: auto !important;
	}

	.headerTop {
		height: auto;
	}

	.headerTop ul {
	}

	.headerTop h1 {
		background: none;
		float: none;
		height: auto;
		margin-left: 60px;
		text-indent: 0;
		width: calc(80% - 40px)
	}

	.headerTop h1 img {
		width: 100%;
	}

	.gridColumn._1,
	.gridColumn._2,
	.gridColumn._3,
	.gridColumn._4,
	.gridColumn._5,
	.gridColumn._6,
	.gridColumn._7,
	.gridColumn._8,
	.gridColumn._9,
	.gridColumn._10,
	.gridColumn._11 {
		width: 100%;
	}

	.navSearch {
		display: none;
	}

	.footer .gridColumn {
		float: left;
	}

	ul.projectCategories {
		width: calc(100% - 20px);
	}

	.projectDesc {
		color: #000;
	}

	.footer.mobile {
		height: auto;
		padding: 20px;
	}

	.footer.mobile img {
		margin-left: 30px;
		margin-top: 20px;
	}

	.footer.mobile .nav,
	.footer.mobile .address {
		float: left;
		line-height: 200%;
		width: 50%;
	}

	.footer.mobile .social {
		text-align: center;
	}

	.footer .nav ul li a {
		font-size: 1.0em;
		text-transform: uppercase;
	}

	.content .block {
		width: 100% !important;
	}

	.content .blockitem {
		margin-bottom: 10px;
		margin-left: 0 !important;
		width: 100% !important;
	}

	.content .block img {
		height: auto;
		width: 100%;
	}

	.block {
		width: calc(100% - 20px) !important;
	}

	.blockitem {
		width: 100% !important;
	}

	#contactHeader .block {
		width: 100% !important;
	}

	form input, form textarea {
		width: calc(100% - 10px);
	}

	.newsBlock .newsItem {
		margin-bottom: 30px;
	}

	#newsBlock .newsDate,
	.newsBlock .newsItem .newsDate {
		font-size: 18px;
		margin-bottom: 28px;
	}

	.slider {
		border-bottom: 1px solid #c1001f;
	}

	.slider .slide img {
		height: auto;
		width: 100vw;
	}

	a[href^=tel] {
		color: inherit;
		text-decoration: none;
	}

	.headerImageText .title {
		font-size: 2.0em;
	}

	.headerImageText .title a {
		color: #2f2f2f;
	}

	.headerImageText .architect {
		color: #e80022;
		font-size: 1.5em;
	}

	#headerImageContent,
	div.headerImageInfoContainer {
		height: auto;
	}

	div.headerImageInfoContainer {
		background-color: #fcfcfc;
		padding-bottom: 15px;
	}

	.headerImageInfoContainer .headerImageText {
		padding-right: 20px;
		width: calc(100% - 40px);
	}

	.projectDesc {
		color: #e2001a;
	}

	.lastTweets {
		margin-bottom: 15px;
		margin-top: 0;
	}

	.gridColumn.twitter {
		width: calc(100% - 20px);
	}

	.projectDescription {
		height: auto;
	}

	.newsContent {
		height: 291px;
	}

	.h760 {
		height: auto;
	}

	.arrows {
		display: none;
	}

	.headerImageInfoContainer .headerImageText {
		padding-left: 0;
		padding-top: 0;
	}

	.projectListContainer .projectList {
		padding: 0;
	}

	.headerTopShadow.mobile {
		bottom: -15px;
		margin-bottom: 0;
		top: auto;
	}

	#headerImageContent {
		width: 100%;
	}

	.headerImageInfoContainer .headerImageText div.architect a {
		color: #e2001a;
	}

	.article-layout-1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.relatedProjects {
		grid-template-columns: repeat(3, 1fr);
	}

	.projectDetail, .architectContent {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (max-width: 860px) {
	#projects,
	.relatedProjects {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 480px) {
	#projects,
	.relatedProjects {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media only screen and (min-width: 1025px) {
	body {
		background-color: #fff;
	}

	body > div {
		width: 100%;
		overflow: hidden;
	}

	body > div > div {
		position: relative;
		width: 1024px;
		margin: auto;
	}

	body > div > div.fullWidth {
		width: 100%;
	}

	body > div > div.fullWidth > div {
		position: relative;
		width: 1024px;
		margin: auto;
	}

	.headerTop h1 {
		margin-left: 0;
	}

	.headerImage {
		overflow: visible;
	}

	.headerImageContainer {
		border-bottom: 1px solid #e2001a;
	}
}

@media only screen and (min-width: 1200px) {
	.headerTop .logo {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1064px) {
	body > div > div.fullWidth > div,
	.innerContent {
		width: calc(100vw - 40px);
		margin-left: 20px;
		margin-right: 20px;
	}
}