#mnav, .hamburger, .flexy-menu, .show-mobile { display:none; }

@media (max-width: 767px) {

	body {
		min-width:0!important;
	}

	#header > .holder {
		width:auto;
		margin:0 10px;
	}
	
	#nav { display:none; }
	
	#mnav { 
		display:block; 
		clear:both;
		margin:10px;
	}
	
	.flexy-menu { display:block; }
	
	.show-mobile { display:block; }
	.show-desktop { display:none; }
	.hide-mobile { display:none; }
	
	.logo {
		width:50%;
		max-width:308px;
		background-size:contain;
	}
	
	.logo a {
		width:100%;
		
	}
	
	.page-title {
		min-height:0;
		padding-top:0;
		max-height:10px;
		visibility: hidden;
		margin:0;
	}
	
	.page-title .holder {
		width:auto;
		margin: 0 10px;
		padding-bottom:10px;
	}
	
	.page-title .holder img {
		width:100%;
	}
	
	#two-columns {
		width:auto;
		margin:0 10px 97px;
		background:none;
	}
	
	#two-columns #content {
		width:auto;
		float:none;
		padding:0;
	}
	
	#two-columns #sidebar {
		width:100%;
		float:none;
		padding:15px 0 0!important;
		border-top:1px solid #d6d6d6;
	}
	
	#sidebar blockquote .before {
		margin-left:0;
	}
	
	#footer .holder {
		width:auto;
		margin:0 10px;
	}
	
	#footer .three-columns {
		width:auto;
	}
	
	#footer .column {
		width:100%;
		margin-left:0;
		margin-bottom:2em;
	}
	
	/* home */
	
	#content {
		width:auto;
		margin-left:10px;
		margin-right:10px;		
	}
	
	.two-columns .holder {
		width:100%;
		
	}
	
	.two-columns .col1, .two-columns .col2 {
		float:none;
		width:100%;
		margin:0;
		padding:0;
	}
	
	.two-columns .col1 {
		
		padding-top:15px;
	}
	
	div.cycle-gallery {
		width:100%;
	}
	
	div.col1 div.mask {
		width:100%;
		margin:0 10px;
	}	
	
	div.col1 .slide {
		width:100%;
	}
	
	.two-columns .description {
		overflow:visible;
	}
	
	.two-columns .description .title {
		font-size:38px;
	}
	
	.two-columns .col1 p {
		width:auto;
		font-size:11px;
	}
	
	.btn-prev, .btn-next { display:none!important; }
	
	.two-columns .col2 {
		min-height:227px;
	}
	
	div.col2 div.mask {
		margin:0;
		height:227px;
	}
	
	div.col2 div.mask img {
		max-width:375px;
		height:auto;
	}
	
	#content.home-mobile-content {
		margin:20px 10px 0;
	}
	
	#content.home-mobile-content h1 {
		
		font-size:38px;
		line-height:38px;
	}
	/* team */
	
	.team-page #content {
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}
	
	#content .team li {
		width:30%;
	}
	
	#content .team li img {
		max-width:100%;
		height:auto;
	}
	
	.main-section {
		width:auto;
	}
	
	.main-section .holder {
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}
	
	.three-columns .twocolumns #sidebar {
		display:none;
	}
	
	.main-section .holder table tr td:first-child {
		width:60%;
	}
	
	.main-section .holder table tr td:last-child {
		width:40%;
	}

	.main-section .text-block {
		width:100%;
	}
	
	.main-section .holder table tr td:last-child img {
		max-width:100%;
		height:auto;
		margin:0;
	}
	
	.main-section .text-block-mobile {
		width:auto;
		margin-left:10px;
		margin-right:10px;
	}
	
	.three-columns {
		width:auto;
	}
	
	.three-columns .twocolumns {
		float:none;
		width:auto;
		margin:0 10px;
	}
	
	.three-columns .twocolumns #content {
		width:100%;
	}
	
	.three-columns .aside {
		float:none;
		width:100%;
		margin:0 10px;
		border-top:1px solid #d6d6d6;
		clear:both;
	}

	/* articles */
	
	.case-study-title {
		width:auto;
		margin:0 10px;
	}
	
	.btns {
		
		padding-left:0;
	}
	
	.case-study-categories {
		width:auto;
		margin:10px;
	}
	
	.case-study-title img {
		float:none;
		margin:0 0 10px 0;
	}
	
	#content .case-study li {
		height:auto;
		min-height:260px;
	}

	#content .block img { max-width:80%; height:auto!important; }

} /* end of media query */

@media (max-width: 450px) {

	#content .team li {
		width:45%;
		}
		
}