.header-top-area {
		display: none;
	}

	.header-top-area.menu-strick-bg {
		display: block !important;
	}

	.box-design-for-small {
		background: #fff;
		box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);
		border: none;
	}

@media (max-width: 1199px) {

	.header-top-area {
		display: block !important;
	}

}

	.bottomiconbox {
		display: block;
		position: fixed;
		left: calc(50% - 60px);
		bottom: 20px;
		width: 100px;
		height: 100px;
		z-index: 999999;
	}

	.bottomicon img {
		width: 100%
		height: 100%;
	}

	.logo img {
		max-width: 200px;
		height: auto;
	}

	.menu-strick-bg .logo {
		padding-top: 9px;
	}

	.menu-strick-bg .mainmenu .navbar-nav li.active a {
		color: black;
	}

	.naviicon {
		width: 36px;
		margin-top: -4px;
	}

	.iconlink {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.firstnav-container {
		margin-top: 60px;
		position: absolute;
		width: 100%;
	}

	.firstnav-col {
		text-align: right;
	}

	.firstnav-linkbox {
		float: right;
		display: block;
		background-color: white;
		padding: 7px 5px 7px 12px;
		width: 180px;
		height: 40px;
		margin-bottom: 15px;
	}

	.firstnav-smallbox {
		width: 45px;
	}

	.firstnav-linktext {
		float: left;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 2px 0 0 0;
		color: black;
	}

	.firstnav-linkicon {
		float: right;
	}

@media (max-width: 1199px) {

	.firstnav-container {
		display: none;
	}

}

@media (max-width: 767px) {

	.menu-strick-bg .mainmenu .navbar-nav li.active a {
		color: white;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.logo {
		text-align: left;
	}

}

@media (min-width: 1500px) {

	.container {
		width: 1380px;
	}

}

@media (min-width: 1680px) {

	.container-wide {
		width: 1600px;
	}

}

	.skew-container {
		transform: rotate(-12deg);
		max-width: 960px;
	}

	.skew-container h4 {
		margin-top: 210px;
		font-family: 'Roboto Condensed';
		font-size: 80px;
		line-height: 1.3;
		font-weight: 400;
		text-transform: uppercase;
		color: white !important;
	}

	.facebook-header {
		background-color: white;
		color: black;
		font-family: 'Roboto Condensed';
		font-size: 32px;
		font-weight: 400;
		line-height: 1.3;
		text-decoration: none;
		padding: 10px 20px;
		margin-right: 100px;
		margin-top: 10px;
		float: right;
		white-space: nowrap;
	}

	.section-title {
		margin-bottom: 0px;
		text-align: left;
	}

	.section-title h2 {
		margin-bottom: 20px;
		text-transform: uppercase;
	}

	.about-text {
		margin-top: 0px;
	}

	.flexrow {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}

	.shout {
		font-family: "Roboto Condensed";
		font-weight: normal;
		font-size: 36px;
		line-height: 1.3;
		margin-bottom: 10 !important;
	}

	.whisper {
		font-size: 16px;
	}

@media (max-width: 1024px) {

	.flexrow {
		display: block;
	}

}

	.footer-bottom-area {
		background-color: black;
	}

	.scroll-up {
		background: white;
		color: black;
	}

	.white-box {
		margin: 0;
		padding: 7px 12px;
		background-color: white;
	}

	.white-box h2 {
		margin: 0;
		font-family: 'Roboto Condensed';
		font-size: 20px;
		font-weight: 700;
		line-height: 1.2;
	}

	.white-box h3 {
		margin: 15px 0 0;
		font-family: 'Roboto Condensed';
		font-size: 18px;
		font-weight: 700;
		line-height: 1.2;
		color: black;
	}

	.white-box p {
		margin: 0;
		font-family: 'Roboto';
		font-size: 16px;
		font-weight: 400;
		line-height: 1.1;
		color: black;
	}

	.footerbutton > div {
		background-color: white;
		padding: 10px;
		font-family: 'Roboto';
		font-size: 18px;
		font-weight: 400;
		line-height: 1;
		color: black;
		text-align: center;
		width: 100%;
		margin: 40px 0 0 0;
	}

	.footericon {
		float: right;
		margin: 0 0 0 15px;
		width: 40px;
		margin: 40px 0 0 0;
	}

	.footerrow {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}

	.eckstein {
		display: block;
	}

	footer-bottom-area {
		padding-top: 80px;
	}

@media (max-width: 1199px) {

	.footerrow {
		display: block;
	}

	.footericon, .footerbutton > div {
		margin: 0 0 25px 0;
	}

	.footericon {
		float: left;
	}

}

@media (max-width: 991px) {

	.footericon, .footerbutton > div {
		margin: 40px 0 0 0;
	}

	.skew-container h4 {
		margin-top: 150px;
	}


}

@media (max-width: 767px) {

	.eckstein {
		display: none;
	}

	.skew-container h4 {
		margin-top: 200px;
		font-size: 40px;
	}

	.facebook-header {
		font-size: 16px;
		padding: 10px 20px;
		margin-right: 100px;
		margin-top: 10px;
	}

}

@media (max-width: 567px) {

	.skew-container {
		max-width: 280px;
	}

	.skew-container h4 {
		margin-top: 120px;
	}

	.facebook-header {
		margin-right: 0;
	}

}

.fancybox-is-open .fancybox-bg {
	opacity: .96;
}

.fancybox-button--share {
	display: none;
}

.wechdamit {
	display: none;
}

.herdamit {
	display: block;
}

	.portfolio-filter-list li {
		text-transform: uppercase;
	}

	.menu-strick-bg .mainmenu .navbar-nav li a {
		text-transform: uppercase;
	}

	.menu-strick-bg .mainmenu .navbar-nav li a:hover {
		color: #fcb01e;
	}

/*
.portfolio-filter-list ul li {
	background: white none repeat scroll 0 0;
     box-shadow: none;
     color: black;
     cursor: pointer;
     display: inline-block;
     list-style: outside none none;
     margin: 0 2px;
     padding: 12px 20px;
     transition: all 0.3s ease 0s;
}
*/

@media (max-width: 1024px) {

	.portfolio-filter-list ul li {
		width: 40%;
		margin-bottom: 8px;
	}

}