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

	.wrapper {width:740px;}
	
	#header #main-logo {width:258px; margin-top:3px;}
	#header .wrap .search-wrap {width:160px; margin:0 20px 0 0;}
	#header .wrap .languages-wrap .languages-list {margin:0 15px 0 0;}
	#header .wrap .languages-wrap .languages-list li {margin:0 10px 0 0;}
	#header .wrap .social-wrap .social-list li {margin:0 0 0 5px;}
	#nav-wrap #menu-primary-nav li a {display:block; padding:0 10px; color:#929292;}
	
	#banner-wrap {height:278px; background-size:cover;}
	#banner-wrap.slides {height:376px;}
	
	.home #content {float:none; width:auto; min-height:1px; margin:0 0 10px 0; padding:20px 20px 30px 20px; border-bottom:1px solid #505050;}
	.home #content .button {position:static; bottom:auto; left:auto;}
	.home #side-col {float:none; width:auto; margin-left:0; margin-right:0; padding:20px;}
	.home #side-col .col-1 {width:350px;}
	.home #side-col .col-1 h2 {font-size:20px; line-height:26px;}
	.home #side-col .col-1 .news-list {min-height:1px;}
	
	#content h1 {font-size:20px; line-height:26px;}
	
	#content .header {margin-bottom:20px;}
	#content .header.projects {padding:0 20px;}
	#content #project-list {width:720px; margin:0 auto;}
	#content #project-wrap .col-1 {width:320px; margin-left:0; padding:20px;}
	#content #project-wrap .col-1 .project-details li .title {float:none; width:auto; margin:0 0 5px 0; font-weight:bold;}
	#content #project-wrap .col-1 .project-details li .data {float:none; width:auto;}
	#content #project-wrap .col-2 {width:330px; padding-right:20px;}
	
	#content #team-list {width:auto; margin:0 auto;}
	#content #team-list li {width:175px; margin:0 5px 10px 5px;}
	#content #team-list li .details {padding:6px 5px;}
	
	.category #content {width:520px; padding-left:19px;}
	.category #side-col {width:200px;}
	#content #cat-wrap .news-post .details {width:385px;}
	.single-post #content, .post-type-archive-careers #content, .single-careers #content {width:auto; margin-right:0; margin-left:0; padding:20px;}
	#content #post-wrap .date {font-size:20px; line-height:26px;}
	
	#content #offices-list li {width:230px; margin:0 0 0 25px; padding-top:10px;}
	#content #offices-list h1 {margin:0 5px 10px 15px; line-height:30px;}
	#content #offices-list li .details {padding:0 15px;}
	#content #offices-list li .details p {font-size:12px;}
	#content #offices-list li .details .enquiry {margin-right:-10px;}
	#content #offices-list li .form-wrap .field {padding:0 10px;}
	#content #offices-list li .form-wrap .controls {padding:10px 0 0 0;}

}


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

	.link-wrap, .filter-list.primary {display:block !important;}
	.cat-list a.toggle { display: none; }

}


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

	body {-webkit-text-size-adjust:100%;}
	
	.wrapper {width:440px;}
	
	#header-wrap {padding:15px 0 0 0; border:none;}
	#header {width:auto; padding:0;}
	#header #main-logo {float:none; width:auto; max-width:380px; margin:0 auto 15px auto;}
	
	#header .mobile-nav-wrap {display:block; border:1px solid #505050; border-right:none; border-left:none;}
	#header .mobile-nav-wrap #mobile-nav {position:relative; max-width:330px; margin:0 auto; padding:10px 25px; font-size:0; text-align:center;}
	#header .mobile-nav-wrap #mobile-nav li {display:inline-block; margin:0 15px; font-size:14px; line-height:24px;}
	#header .mobile-nav-wrap #mobile-nav li a {display:block; width:24px; height:24px; text-indent:-9999px; background:0 0 no-repeat; background-size:cover;}
	#header .mobile-nav-wrap #mobile-nav li a:hover, #header .mobile-nav-wrap #mobile-nav li a.active {background-position:0 -24px;}
	
	#header .mobile-nav-wrap #mobile-nav li.search a {background-image:url('../images/bg-search-nav-toggle.png');}
	#header .mobile-nav-wrap #mobile-nav li.languages {display:none !important;}
	#header .mobile-nav-wrap #mobile-nav li.languages a {width:auto; height:auto; padding-right:20px; text-indent:0; color:#929292; background-image:url('../images/bg-language-nav-toggle.png'); background-position:top right; background-size:auto;}
	#header .mobile-nav-wrap #mobile-nav li.languages a:hover, #header .mobile-nav-wrap #mobile-nav li.languages a:active, #header .mobile-nav-wrap #mobile-nav li.languages a:focus, #header .mobile-nav-wrap #mobile-nav li.languages a.active {color:#FFF; text-decoration:none; background-position:right -24px;}
	#header .mobile-nav-wrap #mobile-nav li.social a {background-image:url('../images/bg-social-nav-toggle.png');}
	#header .mobile-nav-wrap #mobile-nav li.menu {position:absolute; top:10px; right:0; margin:0;}
	#header .mobile-nav-wrap #mobile-nav li.menu a {background-image:url('../images/bg-mobile-nav-toggle.png');}
	
	#header .wrap {float:none;}
	#header .wrap #search-wrap {float:none; width:auto; max-width:380px; margin:0 auto; padding:15px 0;}
	#header .wrap #languages-wrap {float:none; max-width:380px; margin:0 auto; padding:15px 0;}
	#header .wrap #languages-wrap .languages-list {float:none; margin:0; font-size:0; text-align:center;}
	#header .wrap #languages-wrap .languages-list li {float:none; display:inline-block; margin:0 15px; font-size:14px;}
	#header .wrap #social-wrap {float:none; max-width:380px; margin:0 auto; padding:15px 0;}
	#header .wrap #social-wrap .social-list {float:none; font-size:0; text-align:center;}
	#header .wrap #social-wrap .social-list li, #header .wrap .social-wrap .social-list li:first-child {float:none; display:inline-block; margin:0 5px !important; font-size:14px;}
	
	#nav-wrap {padding:0; border:none;}
	#nav-wrap nav {max-width:380px; margin:0 auto;}
	#nav-wrap #menu-primary-nav li {display:block; width:100%; margin:0; font-size:15px; line-height:25px; text-align:left; border-top:1px solid #505050;}
	#nav-wrap #menu-primary-nav li:first-child {border-top:none}
	#nav-wrap #menu-primary-nav li a {padding:5px;}
	
	.link-wrap {display:none;}
	
	#banner-wrap {height:250px;}
	#banner-wrap.slides {height:150px;}
	.slides-wrap {z-index:1; position:relative; top:auto; right:auto; bottom:auto; left:auto; width:100%; height:150px;}
	.design-services .slides-wrap, .bespoke-interiors .slides-wrap {z-index:100; position:absolute; top:0; right:0; left:0; width:100%; height:250px;}
	
	#content-wrap {margin:0 !important; padding:0 !important;}
	
	.home #content-inner {padding:0;}
	.home #content {margin:0; padding:30px;}
	.home #side-col {padding:0 30px;}
	.home #side-col .col-1, .home #side-col .col-2 {float:none; width:auto; margin:0 0 30px 0; padding:0;}
	.home #side-col .col-1 {padding-top:30px;}
	.home #side-col .col-2 .button {float:none;}
	
	.about #content, .design-services #content, .bespoke-interiors #content, .single-projects #content, .category #content #cat-wrap, .single-post #content, .contact #content, .search #content, .post-type-archive-careers #content, .single-careers #content {float:none; width:auto; max-width:380px; margin:0 auto; padding:30px 0 20px 0;}
	.design-services #content, .bespoke-interiors #content, .contact #content {padding-bottom:0;}
	.design-services #content, .bespoke-interiors #content {padding-top:280px;}
	.team #content, .contact #content {padding-top:0;}
	.team #content, .post-type-archive-projects #content {padding-bottom:30px;}
	.category #content {border:none;}
	
	#content #services-list li h2 {padding:5px 0;}
	
	#content .header.projects, #content .header.team {margin:0 0 25px 0; padding:0;}
	#content .header .label {display:none;}
	#content .header .filter-list.primary {float:none; line-height:normal;}
	#content .header .filter-list.primary li {float:none; margin:0;}
	#content .header .filter-list.primary li .all {color:#FFF;}
	#content .header .filter-wrap {position:static; float:none; width:auto;}
	#content .header .filter-wrap .filter-list {display:block; position:static; top:auto; right:auto; left:auto; margin:0; padding:0; border:none; background:none;}
	#content .header .filter-wrap .filter-list li a {display:block; padding:0; line-height:normal; color:#FFF;}
	#content .header .filter-wrap .filter-list li a:hover, #content .header .filter-wrap .filter-list li a:active, #content .header .filter-wrap .filter-list li a:focus {color:#FFF; text-decoration:none;}
	
	#content .header .toggle, #content .header .filter-wrap .toggle {display:block; padding:0; color:#FFF; border:none !important; border-bottom:1px solid #242424 !important; text-decoration:none !important; background:#000;}
	#content .header .toggle span, #content .header .filter-wrap .toggle span {display:block; max-width:380px; margin:0 auto; padding:0; line-height:30px; background:url('../images/bg-toggle-arrow.png') right 0 no-repeat; background-size:30px 60px;}
	
	#content .header .filter-list, #content .header .filter-wrap .filter-list {display:none;}
	#content .header .filter-list li, #content .header .filter-wrap .filter-list li {display:block; font-size:13px; border-bottom:1px solid #242424; background:#000 !important;}
	#content .header .filter-list li a, #content .header .filter-wrap .filter-list li a {display:block; max-width:350px; margin:0 auto; padding:0 15px; line-height:30px;}
	#content .header .filter-list li a.active, #content .header .filter-wrap .filter-list li a.active {text-decoration:none !important; background:url('../images/bg-content-li.png') 2px 12px no-repeat;}
	#content .header .filter-list li a:hover, #content .header .filter-list li a:active, #content .header .filter-list li a:focus {text-decoration:none;}
	
	.post-type-archive-projects #content-inner {width:auto; padding:0;}
	#content #project-list {width:372px; margin:0 auto;}
	#content #project-list li {width:180px; margin:0 3px 6px 3px;}
	#content #project-list li .thumb img {height:180px;}
	#content #project-list li .thumb .details {margin-top:-60px; min-height:47px;}
	#content #project-wrap .col-1, #content #project-wrap .col-2 {float:none; width:auto; margin:0; padding:0;}
	#content #project-wrap .col-1 .footer {display:none;}
	
	.team #content-inner {width:auto; padding:0;}
	#content #team-list {width:370px; margin:0 auto;}
	
	.category #side-col {float:none; width:auto;}
	#content #cat-wrap .news-post {position:relative; min-height:100px;}
	#content #cat-wrap .news-post .thumb {float:none; position:absolute; top:0; left:0; width:100px;}
	#content #cat-wrap .news-post .details {float:none; width:auto; padding-left:115px;}
	#content #post-wrap h1 {padding-right:0;}
	#content #post-wrap .secondary {font-size:16px;}
	#content #post-wrap .date {margin:0 0 10px 0;}
	#content #post-wrap .social-list {position:static; top:auto; right:auto; margin:0 0 20px 0;}
	
	#content #offices-list li {float:none; width:auto; margin:0; border-top:1px solid #505050;}
	#content #offices-list li:first-child {border:none;}
	#content #offices-list li .details .enquiry {float:none; margin:0 0 15px 0;}
	#content #offices-list li .form-wrap .controls {padding:0 10px 15px 10px;}
	#content #offices-list li .map-wrap {padding:0;}
	
	.category #content-inner {width:auto; padding:0;}
	.category #content {float:none; width:auto; margin:0; padding:0; }
	.category #side-col {float:none; width:auto;}
	.category #side-col .cat-list .toggle {display:block; padding:0; color:#FFF; text-decoration:none; background:#000;}
	.category #side-col .cat-list .toggle span {display:block; max-width:380px; margin:0 auto; padding:0; line-height:30px; background:url('../images/bg-toggle-arrow.png') right 0 no-repeat; background-size:30px 60px;}
	.category #side-col .cat-list .cats {display:none;}
	.category #side-col .cat-list .cats li {display:block; font-size:13px; border:none; border-top:1px solid #242424; background:#000 !important;}
	.category #side-col .cat-list .cats li a {display:block; max-width:350px; margin:0 auto; padding:0 15px; line-height:30px; color:#FFF; background:none;}
	.category #side-col .cat-list .cats li a:hover, .category #side-col .cat-list .cats li a:active, .category #side-col .cat-list .cats li a:focus {color:#FFF; text-decoration:none; background:none;}
	
	#sub-footer {text-align:center;}
	#sub-footer .logo-list {float:none;}
	#footer {text-align:center;}
	#footer .cities-list {float:none;}
	#footer .copy {float:none; margin:0 0 10px 0;}
	#footer .credit {float:none;}

}


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

	.wrapper {width:100%; box-sizing:border-box;}
	
	#header .wrap #search-wrap {padding:15px 10px;}
	
	#nav-wrap #menu-primary-nav li {font-size:13px;}
	
	#content-wrap {min-height:1px;}
	.post-type-archive-projects #content-inner {padding:0;}
	
	.home #content {padding:20px;}
	.home #side-col {padding:0 20px;}
	
	.about #content, .single-projects #content, .category #content, .single-post #content {padding-right:10px; padding-left:10px;}
	.contact #content {padding-right:0; padding-left:0;}
	.design-services #content-inner, .bespoke-interiors #content-inner {padding:0;}
	
	#content .header .toggle, #content .header .filter-wrap .toggle {padding:0 20px;}
	#content .header .filter-list li a, #content .header .filter-wrap .filter-list li a {padding:0 35px;}
	#content .header .filter-list li a.active, #content .header .filter-wrap .filter-list li a.active {background-position:22px 12px;}

}


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

	#header #main-logo {margin:0 20px 15px 20px;}
	#header .mobile-nav-wrap #mobile-nav li.menu {right:20px;}

}


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

	#content #project-list {width:auto; max-width:220px; margin:0 auto;}
	#content #project-list li {width:220px; margin:0 0 10px 0;}
	#content #project-list li .thumb img {height:220px;}
	
	#content #team-list {width:auto; max-width:320px; margin:0 auto;}
	#content #team-list li {width:150px; margin:0 5px 10px 5px;}
	#content #team-list li .thumb {width:150px; height:192px;}
	#content #team-list li .details {min-height:52px; margin-top:-64px;}
	#content #team-list li .details .info {top:64px;}

}


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

	#content #team-list {width:160px; max-width:160px; margin:0 auto;}

}