@media screen  and (max-width:1185px){
	
	div.social-header div.page-path{
		margin-top:12px;
		float:left;
		margin-left:10px;
		display:block;
	}

	div.social-header div.social-container{
		margin-right:20px;
	}

}

@media screen and (max-width:1170px){
	div.inner-wrapper{
		width:100%;
	}
	
	div.columns-2 > div.column-1{
		width:50%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}

	div.columns-2.small > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	div.columns-3 > div.column-1{
		width:33%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}

	div.columns-3.small > div.column-1{
		width:100%;
		float:left;
		box-sizing:border-box;
		margin-top:40px;
	}

	div.columns-3 > div.column-2{
		width:50%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}
	
	div.columns-4 > div.column-1{
		width:50%;
		float:left;
		box-sizing:border-box;
	}
	
	div.columns-4 > div.column-3{
		width:50%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}
	
	div.columns-5 > div.column-1{
		width:50%;
		float:left;
	}

	div.columns-5 > div.column-2{
		width:50%;
		float:left;
	}

	div.columns-5 > div.column-3{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-4{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-5{
		width:100%;
		float:none;
	}
	
	div.columns-6 > div.column-1{
		width:50%;
		float:left;
		box-sizing:border-box;
	}
	
	div.columns-6 > div.column-2{
		width:33%;
		float:left;
		box-sizing:border-box;
	}

	div.columns-6 > div.column-4{
		width:50%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}

	div.columns-6 > div.column-5{
		width:50%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}
	
	ul.button-bar > li{
		border-radius: 20px;
		border:1px solid #c2c2c2;
		margin-right:10px;
		font-size:14px;
		padding:10px;
		padding-top:4px;
		padding-bottom:4px;
	}
	
	ul.button-bar > li:nth-of-type(1){
		border-radius: 20px;
		border:1px solid #c2c2c2;
	}

	ul.button-bar > li:nth-last-of-type(1){
		border-radius: 20px;
		border:1px solid #c2c2c2;
	}
}

@media screen and (max-width:1110px){	
/* when Area Header becomes hambuger menu */

	div#scroll-header{
		display:none !important;
	}

	div#header-thin-top{
		padding-left:10px;
		padding-right:10px;
	}
	
	div#header-top{
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
	}
	
	ul#header-menu{
		display:none;
	}
	
	div#header-right-menu{
		display:none;
	}
	
	div#header-hamburger-icon{
		display:block;
		float:right;
		height:25px;
		width:40px;
		border:1px solid #999;
		border-radius:2px;
		padding-top:4px;
		padding-bottom:2px;
		cursor:pointer;
	}
	
	div#header-hamburger-icon .hamburger-bar{
		display:block;
		width:60%;
		height:2px;
		background-color:#777;
		margin:4px auto;
	}
	
	div#header-hamburger-icon:hover{
		background-color:rgba(1, 1, 1, 0.2);
	}
	
	div#header-hamburger-icon.pressed{
		background-color:rgba(1, 1, 1, 0.6);
	}
	
	div#header-industry-menu{
		padding-top:5px;
		padding-left:10px;
		padding-right:10px;
	}
	
	div#hamburger-menu {
		display:none;
		position:absolute;
		background-color:rgba(0, 0, 0, 0.8);
		color:white;
		text-align:center;
		z-index:500;
		width: 100%;
		height:0%;
		opacity: 0;
		transition: all .75s ease;
	}
	
	div#hamburger-menu.show {
		opacity:1;
		height:350px;
		width: 100%;
	}
	
	div#hamburger-menu .scroll-header-menu-option{
		display:block;
		padding-top:5px;
		padding-bottom:5px;
		font-size:1em;
	}
	
	div#header-industry-menu{
		height:30px;
		display:block;
		width:100%;
		border-top:1px solid #777;
	}

	div#header-industry-menu div.header-industry-menu-item{
		display:inline;
		width:auto;
		text-align:left;
		color:#fff;
		vertical-align:middle;
		height:20px;
		text-transform:uppercase;
		border:0px solid #777;
		box-sizing: border-box;
		cursor:pointer;
		font-size:14px;
		position:relative;
		padding:5px;
	}
	
	div#header-industry-menu div#design-visualization{
		display:none;
	}
	div#header-industry-menu div#design-viz{
		display:inline;
	}

}


@media screen  and (max-width:700px){

	div.social-header div.social-container{
		float:left;
		display:block;
		margin-left:10px;
		margin-right:0px;
	}
		
	div.social-mobile-clear{
		clear:both;
	}
	
}

@media screen and (max-width:615px){	
	div#footer-text{
		text-align:center;
	}
	
	.page-list-element{
		float:none;
		display:inline-block;
		margin-top: 3px;
	}
	
	.page-list-element.ffw-page{
		display:none;
	}
	
	.page-list-element.prev-page{
		margin-left:0px;
	}
	
	.page-list-element.number{
		float:none;
	}
}

@media screen and (max-width:580px){	

	div#scroll-header{
		display:none;
	}
	
	div#header-thin-top{
		padding-left:10px;
		padding-right:10px;
	}
	
	div#header-top{
		padding-left:10px;
		padding-right:10px;
	}
	
	ul#header-menu{
		width:970px;
		margin:10px auto;
		text-align:center;
		display:;
	}
	
	ul#header-menu > li > a{
		padding-right:20px;
		padding-left:20px;
	}
	
	div#header-industry-menu{
		padding-left:10px;
		padding-right:10px;
		margin:0 auto;
	}

	div.inner-wrapper{
		width:100%;
	}
	
	div#home-slider-container div.slider-slide div.description h2{
		font-size:30px;
	}
	
	h1{
		font-size:30px;
		color:#0096D4;
		margin-top:0px;
		font-weight:500;
		margin-bottom:20px;
	}

	h2{
		font-size:20px;
		font-weight:500;
		margin-top:0px;
		margin-bottom:6px;
	}
	
	div.inner-wrapper p, h1, h2, h3{
		padding:10px;
	}

	div.columns-2 > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}

	div.columns-2.small > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}

	div.columns-3 > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}

	div.columns-3.small > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	div.columns-3 > div.column-1:nth-of-type(3n){
		width:100%;
	}

	div.columns-3 > div.column-2{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	div.columns-4 > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
	}
	
	div.columns-4 > div.column-3{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:20px;
	}
	
	div.columns-5 > div.column-1{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-2{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-3{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-4{
		width:100%;
		float:none;
	}

	div.columns-5 > div.column-5{
		width:100%;
		float:none;
	}
	
	div.columns-6 > div.column-1{
		width:100%;
		float:none;
		box-sizing:border-box;
	}
	
	div.columns-6 > div.column-2{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:20px;
	}

	div.columns-6 > div.column-4{
		width:100%;
		float:left;
		box-sizing:border-box;
		margin-top:0px;
	}

	div.columns-6 > div.column-5{
		width:100%;
		float:none;
		box-sizing:border-box;
		margin-top:20px;
	}
}

@media screen and (max-width:400px){	
	div#footer-logo{
		margin-top:20px;
		float:none;
		text-align:center;
	}
	
	div.footer-social-icons{
		float:none;
	}
	
	div.footer-social-icons ul{
		text-align:center;
	}
}