@media screen and (max-width: 1180px) {
	#site {
		min-width: 100%;
	}

	div.center-contents {
		width: 100%;
	}

	#menu {
		right: auto;
		left: 24px;
	}

	#private-area {
		right: -165px;
	}

	#page-home .news-highlights {
		padding: 0px 10px;
	}

	.knowlegde-grid-container .list-item {
		margin-right: 30px;
	}

	#page-knowledge .center-contents {
		padding-right: 60px;
	}

	.page .right {
		margin-right: 40px;
	}

	#page-home .news-highlights,
	#page-knowledge .center-contents,
	.page .center-contents {
		padding: 0px 25px;
	}

	#footer .center-contents {
		padding: 22px 25px 0px 25px;
	}

	#page-news .read-more-news {
		left: 525px;
	}

	#search {
		right: 5px;
		bottom: 84px;
	}

	#search input {
		width: 140px;
	}

	#page-blog-list .all-news {
		right: 10px;
	}

	.blog-body .blog-body-wrap,
	.blog-body .blog-body-lateral {
		width: 100%;
		border: none;
		padding: 0;
	}

	.blog-body .group-tags {
		margin-bottom: 30px;
	}

	#page-blog-detail .all-news {
		top: 0;
	}

	.knowlegde-grid-container .list-item.nomargin,
	#page-knowledge-list .list-item.nomargin,
	#page-city-documents .list-item.nomargin {
		margin-right: 30px;
	}

	#page-city .slideshow .subtitle,
	#page-demo-site .slideshow .subtitle {
		font-size: 16px;
	}
}

@media screen and (max-width: 1080px) {
	#page-replication-cities .center-contents {
		width: 98%;
		margin: 0 1%;
	}

	#page-replication-cities .search-group {
		height: auto;
		text-align: left;
		padding: 10px;
	}

	#page-replication-cities .searchby {
		position: static;
		display: block;
		padding-bottom: 10px;
	}

	.knowlegde-grid-container .list-item {
		margin-right: 16px;
	}

	.news-highlights .left {
		/*width: 47%;	*/
	}

	.news-highlights .right {
		width: 50%;
		float: right;
		margin: 0px;
	}

	.news-highlights-container .image {
		overflow: hidden;
	}

	.home-news-item .image {
		width: 35%;
	}

	.home-news-item .text-group {
		width: 65%;
	}

	#page-home .map-group h3,
	#page-home .map-group .subtitles {
		position: relative;
		z-index: 111;
	}

	.page .right {
		margin: 0px;
	}

	.knowlegde-grid-container .list-item {
		margin-right: 25px;
	}

	#page-knowledge-list .left,
	#page-city-documents .left {
		width: 602px;
	}

	#page-knowledge-list .list-item,
	#page-city-documents .list-item,
	#page-knowledge-list .list-item.nomargin,
	#page-city-documents .list-item.nomargin {
		margin-right: 10px;
	}

	#page-city.page .left {
		width: 58%;
	}

	#page-city .infos {
		height: auto;
	}

	#page-city .infos .info-sep {
		display: none;
	}

	#page-city .infos .info1,
	#page-city .infos .info2 {
		width: 48%;
		vertical-align: top;
		max-width: 280px;
	}

	.slideshow .item img {
		width: 100%;
	}

	.page .left {
		width: 58%;
	}

	#page-news img.detail {
		width: 100%;
		max-width: 600px;
	}

	#page-pilot .right {
		right: 20px;
	}

	.page .long-text {
		width: 100%;
	}

	#page-pilot .text-group {
		width: 50%;
	}

	#page-city.page .left,
	#page-knowledge-list .left,
	#page-city-documents .left {
		width: 58%;
	}

	#page-knowledge-list .list-item,
	#page-city-documents .list-item {
		/*width: 47%;
		margin-right: 3%;
		height: 320px;*/
	}

	.grid2 {
		width: 48%;
	}

	#page-blog .center-contents {
		width: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.mobile-menu-icon {
		width: 30px;
		height: 30px;
		background: url(/images/icon_menu.svg) 50% 50% no-repeat;
		background-size: cover;
		position: fixed;
		top: 15px;
		left: 4%;
		z-index: 1011;
		cursor: pointer;
	}

	.mobile-menu-icon.open {
		background: url(/images/icon_close.svg) 50% 50% no-repeat;
		left: auto;
		right: 4%;
	}

	#page-knowledge .knowlegde-grid-container .list-item:nth-child(3) {
		display: none;
	}

	#page-pilot {
		height: auto;
	}

	#page-pilot .right {
		float: none;
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		margin-top: 500px;
	}

	.map-container {
		left: 50%;
		margin-left: -360px;
	}

	#page-pilot .lateral-campaign {
		min-height: 0;
	}

	#footer {
		position: relative;
	}

	#footer .ue {
		position: absolute;
		top: 22px;
		left: 20px;
	}

	#footer .center-contents {
		padding: 22px 25px 0px 85px;
	}

	#footer .center-contents br {
		display: none;
	}

	/*}


@media screen and (max-width: 950px) {*/
	/* change menu */
	#page-home .more {
		right: 3%;
	}

	#header {
		height: 265px;
	}

	#header:after {
		content: "";
		position: fixed;
		top: 0;
		width: 100%;
		left: 0;
		height: 80px;
		z-index: 1000;
		background: -moz-linear-gradient(
			top,
			rgba(239, 239, 239, 1) 0%,
			rgba(239, 239, 239, 0.47) 53%,
			rgba(239, 239, 239, 0) 100%
		);
		background: -webkit-linear-gradient(
			top,
			rgba(239, 239, 239, 1) 0%,
			rgba(239, 239, 239, 0.47) 53%,
			rgba(239, 239, 239, 0) 100%
		);
		background: linear-gradient(
			to bottom,
			rgba(239, 239, 239, 1) 0%,
			rgba(239, 239, 239, 0.47) 53%,
			rgba(239, 239, 239, 0) 100%
		);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#00efefef', GradientType=0);
		pointer-events: none;
	}

	#langs {
		left: 0px;
		right: auto;
		text-align: center;
		width: 100%;
		z-index: 1001;
	}

	.lang-item {
		padding: 0 20px 0 0;
	}

	.lang-item .icon {
		display: none;
	}

	#private-area {
		top: 15px;
	}

	#logotype {
		top: 50px;
		left: 50%;
		margin-left: -111px;
		width: 180px;
		background-size: contain;
		background-position: 50% 50%;
	}

	#header .headline {
		top: 170px;
		left: 0;
		padding-right: 0;
		width: 100%;
		text-align: center;
		border-left: none;
		border-bottom: solid 1px #c8c8c8;
		padding-bottom: 18px;
		max-width: 100%;
	}

	#search {
		width: 100%;
		top: 225px;
		left: 0;
		right: auto;
		padding: 0 55px 0 15px;
		bottom: auto;
	}

	#search input {
		width: 100%;
	}

	.search-icon {
		right: 15px;
	}

	#menu {
		right: auto;
		left: 0;
		top: 0;
		background-color: #243c50;
		height: 100%;
		width: 100%;
		z-index: 1010;
		position: fixed;
		padding: 75px 4% 0 4%;
		display: none;
	}

	#menu.open {
		display: block;
	}

	.menu-item {
		width: 100%;
		text-align: left;
		padding: 18px 0;
		border-bottom: solid 1px #354a5c;
	}

	.menu-item.selected,
	.menu-item:hover {
		background: #3491b8;
	}

	.menu-item:hover .sep {
		display: none;
	}

	.menu-item .sep {
		/*background-color: #3491B8;		*/
		display: none;
	}

	.menu-item .title,
	.menu-item.selected .title {
		color: #ffffff;
		font-size: 13px;
		line-height: 1.2em;
		font-family: "open_sansbold";
		display: inline-block;
		vertical-align: middle;
		/*word-break: break-all;*/
	}

	.menu-item:hover .title,
	.menu-item.selected .title {
		color: #ffffff;
	}

	.menu-item .sprite {
		display: inline-block;
		vertical-align: middle;
		margin-right: 18px;
	}

	.sep {
		background: #4e5a68;
		height: 72px;
	}

	.sep-outside,
	.menu-item:last-child .sep {
		display: none;
	}

	#private-area {
		position: relative;
		right: auto;
		top: auto;
		margin-top: 30px;
		display: inline-block;
	}

	.header-shadow {
		background: none;
	}

	.menu-item .sprite.project,
	.menu-item:hover .sprite.project,
	.menu-item.selected .sprite.project {
		background-position: 0px -64px;
	}

	.menu-item .sprite.pilot-cities,
	.menu-item:hover .sprite.pilot-cities,
	.menu-item.selected .sprite.pilot-cities {
		background-position: -36px -64px;
	}

	.menu-item .sprite.resources,
	.menu-item:hover .sprite.resources,
	.menu-item.selected .sprite.resources {
		background-position: -72px -64px;
	}

	.menu-item .sprite.knowledge-center,
	.menu-item:hover .sprite.knowledge-center,
	.menu-item.selected .sprite.knowledge-center {
		background-position: -380px -64px;
	}

	.menu-item .sprite.replication-cities,
	.menu-item:hover .sprite.replication-cities,
	.menu-item.selected .sprite.replication-cities {
		background-position: -144px -64px;
	}

	.menu-item .sprite.contacts,
	.menu-item:hover .sprite.contacts,
	.menu-item.selected .sprite.contacts {
		background-position: -108px -64px;
	}

	.menu-item .sprite.news,
	.menu-item:hover .sprite.news,
	.menu-item.selected .sprite.news {
		background-position: -345px -64px;
	}

	.page .left,
	#page-city.page .left,
	#page-knowledge-list .left,
	#page-city-documents .left {
		width: 50%;
	}

	#page-news .news-list-item .image {
		width: 50%;
		height: auto;
	}

	#page-news .news-list-item .image img {
		width: 100%;
		height: auto;
	}

	#page-news .news-list-item {
		padding-left: 54%;
		padding-bottom: 50px;
		min-height: auto;
	}

	#page-news.page .left {
		width: 100%;
		float: none;
	}

	#page-news.page .right {
		width: 100%;
		float: none;
		padding-top: 0px;
	}

	#page-city-documents .list-item {
		float: none;
		width: 100%;
		height: auto;
	}

	.joined-campaigns {
		margin-top: 40px;
	}

	#contents {
		padding: 0;
	}

	#page-home .news-highlights {
		margin-bottom: 20px;
	}

	#page-home .news-highlights {
		height: auto;
	}

	.home-news-item {
		position: relative;
	}

	.news-highlights .left {
		float: none;
		width: 100%;
		max-width: none;
		position: relative;
		z-index: 10;
		margin-bottom: 18px;
		min-height: 178px;
		height: auto;
	}

	.news-highlights .margin {
		margin: 0 0 18px 0;
	}

	.home-news-item .image,
	.news-highlights-container .image {
		width: 50%;
		float: left;
		/*height: 178px;*/
	}

	.home-news-item .image img {
		margin-left: 0;
	}

	.home-news-item .text-group,
	.news-highlights-container .text-group {
		width: 50%;
		float: left;
		overflow: hidden;
	}

	.news-highlights .right {
		float: none;
		width: 100%;
	}

	#page-home .campaign-group {
		height: auto;
	}

	#page-home .campaign-group .center-contents {
		text-align: center;
	}

	.campaign-group .image {
		float: none;
		margin: auto;
	}

	.campaign-group .text-group {
		float: none;
		width: 100%;
		padding: 0 20px;
	}

	.campaign-group .text-group .short-text {
		text-align: left;
	}

	#page-news .right .read-more {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	h1.news {
		width: 100%;
	}

	#page-news .read-more-news {
		display: none;
	}

	#page-blog .categories-group .item .image .title,
	.feature-group .slide-title {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
	}

	#page-blog .banner,
	#page-blog-list .banner {
		height: 220px;
	}
}

@media screen and (max-width: 800px) {
	/*.page .left {
		width: 47%;
	}*/
	.page {
		padding-bottom: 0;
	}

	#page-pilot .text-group {
		width: 100%;
	}

	.page .left,
	#page-city.page .left,
	#page-knowledge-list .left,
	#page-city-documents .left {
		width: 100%;
		float: none;
	}

	.page .right {
		width: 100%;
		float: none;
		padding-top: 40px;
	}

	#page-city.page .right {
		margin-bottom: 30px;
	}

	.lateral-campaign {
		min-height: 0;
	}

	#page-knowledge-list .list-item,
	#page-city-documents .list-item {
		margin-bottom: 40px;
		width: 47%;
		margin-right: 3%;
		height: 365px;
		float: left;
	}

	#page-knowledge-list .list-item .video-holder,
	#page-city-documents .list-item .video-holder {
		height: 240px;
	}

	#page-news .pagination {
		margin-bottom: 20px;
	}

	#page-news.page .left {
		position: relative;
		z-index: 10;
	}

	#page-news.page .right {
		margin-bottom: 40px;
		position: static;
	}

	#page-news .background,
	.list-container .background,
	#page-knowledge .background {
		top: 40px;
		right: -150px;
		left: auto;
		z-index: 1;
		display: block;
	}

	#page-contacts .lateral-community,
	.lateral-campaign {
		margin-bottom: 40px;
		z-index: 3;
	}

	#page-contacts.page .left {
		position: relative;
		z-index: 2;
	}

	#page-contacts.page .right {
		position: static;
	}

	#page-contacts .background {
		z-index: 1;
		left: auto;
		right: -150px;
		top: 0;
	}

	.lateral-community:before,
	.lateral-community:after,
	.lateral-campaign:before,
	.lateral-campaign:after {
		display: none;
	}

	#page-knowledge.page {
		padding-bottom: 40px;
	}

	#page-knowledge-list .list-item .image img,
	#page-city-documents .list-item .image img {
		max-width: 292px;
	}

	#page-home .social-group .join-button {
		margin: 0px auto 20px auto;
		display: block;
		max-width: 300px;
	}

	#blog-slideshow {
		height: 280px;
	}

	#blog-slideshow .item .title {
		font-size: 16px;
	}

	#page-blog .categories-group .item,
	.group-news .item {
		width: 49%;
		margin-right: 2%;
	}

	#page-blog .categories-group .item:nth-child(3n) {
		margin-right: 2%;
	}

	#page-blog .categories-group .item:nth-child(2n),
	.group-news .item:nth-child(2n) {
		margin-right: 0;
	}

	.latest-news .group-news,
	.latest-news .group-tags {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	#page-replication-cities .become-replication-button {
		display: none;
	}

	#page-replication-cities label {
		display: block;
	}

	.knowlegde-grid-container {
		margin-bottom: 0;
	}

	.knowlegde-grid-container .list-item {
		margin-bottom: 35px;
	}

	#page-news .news-list-item .image {
		width: 100%;
	}

	#page-news .news-list-item .image {
		max-width: 600px;
		position: relative;
		margin-bottom: 15px;
	}

	#page-news .news-list-item {
		padding: 0 0 20px 0;
		height: auto;
		min-height: 0;
		border: none;
	}

	.list-item .read-more,
	.news-list-item .read-more {
		display: none;
	}

	.map-container {
		width: 650px;
		margin-left: -325px;
	}

	#page-pilot .right {
		margin-top: 470px;
	}

	#page-home .map-group .center-contents {
		height: 510px;
	}

	#page-home .social-group {
		height: auto;
		padding: 0;
		text-align: center;
		margin: 20px 0;
	}

	h1.social {
		border: none;
		padding: 0;
		display: block;
		text-align: center;
	}

	.campaign-group-wrapper {
		padding: 0 25px;
	}

	#page-home .campaign-group {
		border-radius: 5px;
	}

	.grid2 {
		width: 100%;
	}

	#page-blog .banner,
	#page-blog-list .banner {
		height: 130px;
	}

	#page-demo-site .tab-title {
		font-size: 16px;
	}

	#page-demo-site .docs-item-title {
		font-size: 14px;
	}

	#page-city .slideshow .subtitle,
	#page-demo-site .slideshow .subtitle {
		padding: 6px;
		font-size: 11px;
	}
}

@media screen and (max-width: 600px) {
	h1 {
		font-size: 22px;
		line-height: 1.2em;
	}

	.share-group .network-item {
		margin: 0 6px;
	}

	.blog-body .img-detail {
		max-width: 100%;
	}

	#page-home .news-highlights,
	#page-knowledge .center-contents,
	.page .center-contents {
		padding: 0px 16px;
	}

	#footer .center-contents {
		padding: 22px 16px 0px 16px;
	}

	.city-footer .video {
		float: none;
		width: 100%;
	}

	.city-footer .video {
		margin-bottom: 20px;
	}

	/*
	.menu-item {
		padding: 0px;
	}*/
	#header .headline {
		font-size: 24px;
	}

	#footer {
		height: auto;
	}

	#footer .center-contents {
		text-align: center;
	}

	#footer .ue {
		position: relative;
		margin: 0 auto 20px auto;
		top: auto;
		left: auto;
	}

	#footer .text {
		margin-bottom: 30px;
	}

	#page-campaign .right {
		padding-bottom: 190px;
	}

	.lateral-community {
		position: absolute;
		width: 100%;
		bottom: 20px;
		left: 0;
		padding: 25px 20px 30px 26px;
	}

	#page-contacts .lateral-community {
		position: relative;
		bottom: auto;
	}

	.lateral-community .title {
		padding: 0;
		height: 65px;
	}

	.joined-campaigns {
		margin: 0 0 20px 0;
	}

	#page-pilot h1 {
		border: none;
		text-align: center;
	}

	#page-pilot.page .text-group .long-text {
		display: none;
	}

	#page-pilot .right {
		margin-top: 550px;
	}

	.map-container {
		width: 500px;
		margin-left: -250px;
	}

	#page-pilot .right {
		margin-top: 420px;
	}

	.map-container .city-name {
		margin-top: -9px;
		display: block;
	}

	.map-container .icon-demo {
		font-size: 12px;
	}

	.map-container .icon-early {
		font-size: 11px;
	}

	.map-container .early,
	.map-container .demo {
		transform: scale(0.8, 0.8);
	}

	#page-knowledge .knowlegde-grid-container .list-item:nth-child(3) {
		display: block;
	}

	#page-knowledge-list .list-item,
	#page-city-documents .list-item {
		width: 100%;
		margin-right: 0;
		height: 180px;
		/*float: none;*/
	}

	#page-knowledge-list .text-group,
	#page-city-documents .text-group {
		/*ax-width: 292px;*/
	}

	#page-home .map-container {
		top: 0;
	}

	#page-home .map-group .center-contents {
		padding: 30px 0 0 0;
	}

	#page-home .map-group h3 {
		border: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

	#page-home .map-group .subtitles {
		margin-left: 20px;
	}

	.news-highlights .left,
	.home-news-item {
		background: none;
		height: auto;
	}

	.home-news-item .image,
	.news-highlights-container .image {
		width: 100%;
		max-height: 462px;
		float: none;
	}

	.home-news-item .text-group,
	.news-highlights-container .text-group {
		width: 100%;
		float: none;
	}

	.home-news-item .text-group {
		padding: 15px 0;
	}

	.news-highlights .left .short-text {
		padding: 0 0 15px 0;
	}

	h1.news {
		border: none;
		padding: 0;
		text-align: center;
	}

	.news-highlights .left .title {
		padding: 18px 0;
	}

	#page-home .background-part {
		bottom: auto;
		top: -300px;
	}

	#page-home .background-slide {
		display: none;
	}

	.slideshow .detail .short-title {
		display: none;
	}

	.slideshow .detail .title {
		padding: 0;
	}

	.slideshow .detail {
		height: auto;
		width: 80%;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -40%;
		margin-top: -31px;
	}

	.slideshow div.center-contents {
		height: 100%;
	}

	#mainhighlight {
		height: 250px;
		margin-top: 0;
	}

	.slideshow .item {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.map-container img.map {
		top: 13px;
		left: 5px;
	}

	.map-container .rosenhelm span.city-name {
		left: 18px;
	}

	.map-container .innsbruck span.city-name {
		right: 23px;
	}

	#page-replication-cities .list,
	#page-pilot .list {
		text-align: center;
	}

	#page-blog .categories-group .item,
	.group-news .item {
		width: 100%;
		margin-right: 0% !important;
	}

	#page-city .videos-holder {
		flex-direction: column;
	}

	#page-city .videos-holder iframe {
		width: 100%;
	}
}

@media screen and (max-width: 450px) {
	/*
	.menu-item .title, .menu-item.selected .title {
		width: 100%;
		font-size: 12px;
	}*/
	#page-home .map-group {
		height: 500px;
	}

	#header .headline {
		font-size: 22px;
	}

	.map-container {
		width: 100%;
		height: 100%;
		margin: 0;
		top: 0;
		left: 0;
	}

	.map-container .innsbruck {
		left: 40%;
	}

	.map-container .larochelle {
		left: 17%;
	}

	.map-container .rosenhelm {
		left: 44.5%;
	}

	#page-pilot .right {
		margin-top: 320px;
	}

	.map-container .early,
	.map-container .demo {
		transform: scale(0.7, 0.7);
	}

	.map-container .innsbruck span.city-name {
		top: 0;
		right: 13px;
	}

	.map-container .bolzano span.city-name {
		right: -12px;
		top: 38px;
	}

	#page-blog .banner,
	#page-blog-list .banner {
		height: 100px;
	}
}

@media screen and (max-width: 400px) {
	#page-city .infos .info1,
	#page-city .infos .info2 {
		float: none;
		width: 100%;
	}

	#header .headline {
		font-size: 19px;
	}

	#page-news .background,
	.list-container .background,
	#page-knowledge .background {
		top: -40px;
		right: -280px;
	}

	#page-home .map-container {
		right: -30px;
	}
}

@media screen and (max-width: 350px) {
	/*.menu-item {
		width: 19%;
	}

	#menu .menu-item:nth-child(4) {
		width: 24%;
	}*/
	#header .headline {
		font-size: 17px;
	}

	.lang-item {
		padding: 0 10px 0 0;
	}

	#page-home .map-container {
		right: -40px;
	}
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 950px),
	(min-resolution: 192dpi) and (max-width: 950px) {
	#logotype {
		background-image: url("/images/sinfonia_2x.png");
		background-size: contain;
	}

	.search-icon {
		background-size: contain;
		background-position: center;
		background-image: url("/images/search_2x.png");
	}

	.menu-item.selected .sprite.project,
	.menu-item .sprite.project,
	.menu-item:hover .sprite.project {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_project_2x.png");
	}

	.menu-item.selected .sprite.pilot-cities,
	.menu-item .sprite.pilot-cities,
	.menu-item:hover .sprite.pilot-cities {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_cities_2x.png");
	}

	.menu-item.selected .sprite.knowledge-center,
	.menu-item .sprite.knowledge-center,
	.menu-item:hover .sprite.knowledge-center {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_knowledge_2x.png");
	}

	.menu-item.selected .sprite.resources,
	.menu-item .sprite.resources,
	.menu-item:hover .sprite.resources {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_resources_2x.png");
	}

	.menu-item.selected .sprite.contacts,
	.menu-item .sprite.contacts,
	.menu-item:hover .sprite.contacts {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_contacts_2x.png");
	}

	.menu-item.selected .sprite.news,
	.menu-item .sprite.news,
	.menu-item:hover .sprite.news {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_news_2x.png");
	}

	.menu-item.selected .sprite.replication-cities,
	.menu-item .sprite.replication-cities,
	.menu-item:hover .sprite.replication-cities {
		background-size: contain;
		background-position: center;
		background-image: url("/images/menu_replication_2x.png");
	}
}

@media screen and (max-width: 1180px) {
	#page-toolkit {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#page-toolkit .left {
		width: 70%;
		padding-right: 50px;
	}

	#page-toolkit .right {
		width: 30%;
	}
}

@media screen and (max-width: 1023px) {
	#page-toolkit .left {
		width: 100%;
		padding-right: 0;
	}

	#page-toolkit .right {
		display: none;
	}

	#page-toolkit .side-menu-item.downloads {
		display: block;
	}

	#menu {
		min-width: 0;
	}

	#menu .toolkit-menu {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #243c50;
		padding: 75px 4% 0 4%;
		overflow: auto;
	}

	#menu .toolkit-menu .back {
		position: absolute;
		top: 15px;
		left: 4%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 16px 12px 0;
		border-color: transparent #ffffff transparent transparent;
		cursor: pointer;
	}

	#menu .toolkit-menu .toolkit-title {
		font-size: 18px;
		color: #ffffff;
		padding-bottom: 20px;
		margin-top: -15px;
		padding-left: 0;
	}

	#menu .toolkit-menu .side-menu-item {
		position: relative;
		width: 100%;
		text-align: left;
		padding: 18px 18px 18px 32px;
		border-bottom: solid 1px #354a5c;
		color: #ffffff;
		font-size: 13px;
		line-height: 1.2em;
		font-family: "open_sansbold";
		display: inline-block;
		vertical-align: middle;
		/*word-break: break-all;*/
	}

	#menu .toolkit-menu .side-menu-item:before {
		content: ">";
		position: absolute;
		top: 0;
		bottom: 0;
		font-family: "open_sansbold";
		font-size: 20px;
		line-height: 20px;
		height: 20px;
		left: 10px;
		margin: auto;
	}

	#menu .toolkit-menu .side-menu-item.more:before {
		content: "+";
	}

	#menu .toolkit-menu .side-menu-item.less:before {
		content: "–";
	}

	#menu .toolkit-menu .side-menu-item.selected,
	#menu .toolkit-menu .side-menu-item:hover {
		background: #3491b8;
		color: #ffffff;
	}

	#menu .toolkit-menu .sub-group {
		padding-left: 30px;
	}

	#menu .toolkit-menu .side-menu-sub-item {
		width: 100%;
		text-align: left;
		padding: 15px 15px;
		border-bottom: solid 1px #354a5c;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.2em;
		font-family: "open_sansbold";
		display: inline-block;
		vertical-align: middle;
		/*word-break: break-all;*/
	}

	#menu .toolkit-menu .side-menu-sub-item.selected,
	#menu .toolkit-menu .side-menu-sub-item:hover {
		background: #3491b8;
		color: #ffffff;
	}
}

@media screen and (max-width: 750px) {
	/*#page-toolkit .special-menu-image {
    display: none;
  }*/

	#page-toolkit .desktop-image {
		display: none;
	}

	#page-toolkit .mobile-image {
		display: inline;
		cursor: pointer;
	}
}