@media all and (orientation:portrait) {
a#featured-primary-link {
	display: block;
	width: 100%;
	height: 70%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
}
body#home h2#project-title {
	bottom: 38%
}
body#home h4#project-location {
	bottom: 36%
}
div#right-content {
	width: 100%;
	position: absolute;
	background: #111 url(../images/bk/gradient_bg-dark.png) repeat-x;
	height: 30%;
	min-height: 250px;
	top: auto;
	left: 0;
	bottom: 0;
	border-top: 12px solid #fff;
	border-right: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
}
div#featured-secondary {
	height: 100%;
	border-bottom: 0;
	width: 48%;
	border-right: 12px solid #fff;
	float: left
}
div#featured-secondary img {
	min-height: 450px;
	margin-left: -4%;
	position: absolute;
	height: 100%; 
}
div#right-content div#about-content {
	color: #dedede;
	font-size: 14px;
	line-height: 23px;
	padding-left: 0%;/*6%*/
	padding-right: 0%;/*4%*/
	padding-top: 0%;/*3%*/
	float: left;
	width: 50%;
	height: 100%;
}
#about-text-wrap {
	position: relative;
	top: 50%;
	display: block;
	margin-top: -57px;
}
div#right-content div#about-content p {
	padding-top: 1%;
	padding-right: 1%;
	padding-left: 1%;
}
div#about-content img {
	margin-left: -6px;
	margin-bottom: -5px
}
div#backstretch, div#old-backstretch {
	border: 0px solid #FFF;
}
body#projects div#backstretch, body#projects div#old-backstretch {
	border: 0px solid #FFF;
}


}
@media all and (orientation:portrait) and (min-height:1000px) {
div#right-content div#about-content p {
	font-size: 16px;
	line-height: 26px
}

}
@media screen and (max-width:960px) {
div#featured-secondary img.strech {
	display: block;
	width: 61px;
	margin: 0 auto;
}
ul.list-staff  li{
	width:25%;
}
div#content-staff .col {
	display:block;
	width:100%
}

.col_noti_1 {
	width:25%
}

.col_noti_2 {
width:70%
}
}
 @media all and (orientation:landscape) and (min-height:800px) {
div#right-content div#about-content p {
/*font-size: 16px;
	line-height: 26px*/
}

}
@media screen and (max-width:798px) {
div#featured-secondary img.strech {
	display: block;
	width: 61px;
	margin: 0 auto;
}

ul.list-staff  li{
	width:33.33%;
}
}
@media all and (orientation:portrait) and (max-height:750px) {
body#home h2#project-title {
	bottom: 300px
}
body#home h4#project-location {
	bottom: 285px
}

.col_noti_1 {
	width:100%
}

.col_noti_2 {
	width:100%;
	margin-left:0;
}
}
@media screen and (max-width:683px) {

ul.list-staff  li{
	width:50%;
	
}
div#backstretch, div#old-backstretch {
	/*border: 0px solid #FFF;*/
	height: 100%; 
}
body#projects div#backstretch, body#projects div#old-backstretch {
	border: 0px solid #FFF;width: 100%;
}
div#backstretch img, div#old-backstretch img {
	width: 100% !important;
	left: 0 !important;
}
div#right-content div#about-content {/*padding-left: 14%; padding-right: 13%; padding-top: 11%;*/
}
div#right-content div#about-content p {
	padding-top: 0%;/**/
	padding-left: 1%;
	padding-right: 1%;
}
div#nav-container {
	margin-top: 25px;
	margin-left: 3px;
}
div#studio-holder, div#staff-holder, div#staff-detail-holder {
	margin: 0 13px 50px 196px;
	margin-top: -37px;
}
body#projects {
	padding: 25px 0 0 12px;
}

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

html {
	overflow-y: scroll;
}
body {
	padding-top: 20px
}
#bk-2{ display:none;}

body#studio{ border:0px solid #000; }
body#intro{overflow-y:hidden;}
#intro-wrapper{ width:96%; height: 600px !important;}
div#featured-secondary img.strech {
	display: inline;
	width: auto;
	margin: 0;
}
#nav-container {
	position: static;
	margin: 0 20px 20px 20px !important;
	height: auto;
	width: auto;
	display: visible!important;
	opacity: 1.0!important;
	background-color: #fffeff;
}
#nav-container ul {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-image: none;
}
#nav-container h1 {
	margin-left: 0px;
}
#nav-container h1 a {
	text-align: center;/*background: url(../images/bk/aw_logo-2x.png) no-repeat left top;
	-webkit-background-size: 126px auto;
	-o-background-size: 126px auto;
	-moz-background-size: 126px auto;
	-ms-background-size: 126px auto;
	background-size: 126px auto*/
}
#nav-container #wp {
}
#nav-container ul {
	margin-left: 0;
	background-color: #f4f4f4;
	padding-left: 0px;/*22px*/
	text-align: center;
}
#nav-container ul li {
	display: inline-block;
	margin-right: 2%
}
#nav-container ul li:last-child {
	margin-right: 0;
	border-right-style: none
}
#nav-container ul a:link, #nav-container ul a:visited {
	line-height: 34px;
	font-size: 10px;
	color: #444
}
#nav-container ul li ul {
	display: none;
}
body#studio #subnav {
	display: block;
}
body#studio #nav-container {
	margin: 0 20px 0px 20px !important;
}
li.redes .rds {
	padding-top: 0px;
}
li.redes span {
	color: #444;
}
ul#subnav {
	position: static;
	margin-top: 0;
	margin-left: 0px;
	margin-bottom: 20px;
	text-align: center;
}
ul#subnav li {
	display: inline-block
}
ul#subnav a {
	padding-left: 22px;
	display: block;
	font-size: 13px
}
#subnav a:hover, #subnav a#active-category {
	background: url(../images/bk/subnav_arrow.png) no-repeat 6px center
}
ul#subnav h4 {
	display: none
}
div#news-holder, div#studio-holder, div#monograph-holder, div#contact-holder, div#success-holder, div#staff-holder, div#staff-detail-holder{
	background-color: #fff;
	color: #555;
	padding-bottom: 30px;
	margin: 0 20px 20px
}
#news-holder h2, #studio-holder h2, #monograph-holder h2, #contact-holder h2, #success-holder h2, #staff-holder h2, , div#staff-detail-holder h2 {
	margin-left: 9%;
	padding-top: 27px;
	padding-bottom: 15px;
	font-size: 22px;
	/*margin-bottom: 40px;*/
	margin-right: 9%
}
a#featured-primary-link {
	width: auto;
	position: static;
	opacity: 1;
	text-indent: 0;
	margin-left: 20px;
	margin-right: 20px;
	height: auto;
	background-color: transparent;
	margin-top: 0;
	z-index: 9;
	line-height: 15px!important;
	padding-top: 13px;
	padding-bottom: 12px;
	-webkit-transition: none
}
body#home div#backstretch, body#home div#backstretch img {
	position: static!important;
	z-index: 0!important;
	visibility: visible!important;
	display: block!important;
	width: auto!important
}
body#home div#backstretch {
	margin-left: 20px;
	margin-right: 20px;
	visibility: visible!important;
	height: auto;
	margin-bottom: 0;
	overflow: visible!important;
	border: 0px solid #fff;
}
body#home div#backstretch img {
	width: 100%!important;
	height: auto!important
}
div#right-content {
	width: auto;
	background: transparent none no-repeat right bottom;
	height: auto;
	position: static;
	margin-left: 20px;
	margin-right: 20px;
	border: 0
}
a#featured-primary-link, #secondary-subhead, #secondary-title {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-family: "minion-pro-1", "minion-pro-2", "Times New Roman", serif;
	line-height: 11px;
	color: #555;
	text-align: left;
	letter-spacing: 0
}
a#featured-primary-link, a#featured-primary-link:hover, #featured-secondary a, #featured-secondary a:hover {
	display: block;
	padding: 12px 12px 12px 22px;
	/*padding-left: 22px;
	padding-right: 12px;*/
	background: #fff url(../images/news/source_link_arrow.png) no-repeat 8px center;
	opacity: 1;
	margin-bottom: 20px;
	position: static;
	width: auto
}
div#featured-secondary {
	overflow: auto;
	width: auto;
	border: 0;
	float: none;
	position: static;
	height: auto;
	margin-bottom: 20px;
}
#secondary-outer-wrap {
	height: auto;
	-webkit-transition: none;
	width: auto;
	position: static;
	background-color: #fff;
	padding: 10px 12px 12px 22px;
	opacity: 1;
	text-align: left
}
#secondary-text-wrap, #about-text-wrap {
	position: static;
	height: auto;
	width: auto;
	text-align: left;
	padding-right: 12px;
}
#secondary-text-wrap, #about-text-wrap {
	top: 0;
	margin-top: 0;
}
#about-text-wrap {
	padding-right: 0px;
}
#secondary-subhead {
	margin-bottom: 0;
	text-align: left;
	display: inline-block
}
#secondary-title {
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 0;
	line-height: 16px;
	text-align: left;
	float: none
}
#secondary-description {
	text-align: left
}
#secondary-description p, #secondary-award-short-title {
	color: #555;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 0;
	font: normal normal 11px/17px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 6px;
	padding-left: 0;
	padding-right: 0
}
div#featured-secondary img {
	min-height: 0;
	margin-left: 0;
	position: static;
	height: auto;
	width: 100%;
	display: block
}
div#featured-secondary img.strech {
	display: none;
}
div#right-content div#about-content {
	color: #dedede;
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	position: static;
	float: none;
	width: auto
}
div#right-content div#about-content p {
	background-color: #fff;
	padding: 15px 5% 25px 6%;
	color: #444;
	margin-top: 0
}
div#about-content img {
	display: none
}
body#studio div#content, body#studio div#content-staff{
	font-size: 15px;
	line-height: 24px;
}
body#studio div#contact-footer {
	margin-top: 30px
}
body#studio a#email-link, body#studio a#facebook-link {
	margin-bottom: 13px;
	padding-right: 5px
}
div#contact-footer p {
	font-size: 13px;
	line-height: 19px;
	width: auto;
	margin-left: 0;
	color: #616161
}
div#contact-footer p a {
	color: #777
}
body#studio img.principal-photo {
	width: 82%;
	max-width: 100%;
	float: left;
	margin-right: 9%;
	margin-left: 9%;
	margin-bottom: 30px
}
body#studio div.principal-info {
	width: auto;
	margin-left: 9%;
	margin-right: 9%;
	margin-bottom: 10px
}
.principal-info p {
	margin-top: 15px;
	font-size: 13px;
	line-height: 22px
}
div#team-content div.member {
	font-size: 13px;
	line-height: 21px;
	color: #444;
	margin-bottom: 25px;
	width: auto;
	float: none
}
div#team-content div.member.principal {
	margin-bottom: 25px
}
div.member h3 {
	font-size: 17px;
	color: #444;
	margin-bottom: 3px
}
div.member a {
	color: #444
}
div#team-content div#divider {
	height: 1px
}
div.news-item {
	margin-top: 20px;
	position: static
}
.news-item p.date {
	border: 1px solid #888;
	width: 50px;
	height: 42px;
	font-size: 9px;
	padding-top: 8px;
	position: static;
	display: none
}
.news-item p.date span {
	font-size: 21px;
	line-height: 23px
}
.news-item h3 {
	font-size: 17px;
	margin-left: 0;
	padding-top: 4px
}
.news-item p.item-details {
	margin-left: 0;
	text-transform: uppercase;
	color: #777;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}
.news-item img.thumbnail {
	float: none;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0
}
.news-item .item-description {
	margin-top: 20px;
	margin-bottom: 25px
}
.item-description p {
	line-height: 23px;
	font-size: 16px;
	margin-bottom: 16px
}
.news-item .item-sharing {
	float: none;
	margin-bottom: 30px
}
.item-sharing a.item-source {
	margin-right: 0;
	line-height: 15px;
	padding-top: 8px;
	padding-bottom: 7px
}
.item-sharing a.social-share {
	margin-right: 3px;
	margin-top: 9px;
	line-height: 29px;
	padding-left: 2px;
	padding-right: 2px
}
.item-sharing a.social-share:hover {
	background-color: #555
}
div#monograph-holder h2 span {
	font-size: 12px;
	margin-left: 0;
	display: block;
	line-height: 14px;
	margin-top: 11px
}
#monograph-holder img {
	width: 82%;
	float: none;
	margin-right: 9%;
	margin-left: 9%
}
div#monograph-info {
	width: auto;
	float: none;
	margin: 30px 9% 60px
}
#monograph-holder p#primary-content {
	font-size: 15px;
	line-height: 22px
}
#monograph-holder p#secondary-content {
	font: 12px/22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 25px;
	color: #5f5f5f
}
#monograph-holder a {
	line-height: 26px;
	display: inline-block;
	padding-left: 22px;
	padding-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	color: #555;
	background: #e8e8e8 url(../images/news/source_link_arrow.png) no-repeat 8px center;
	letter-spacing: 0;
	margin-right: 10px;
	float: left;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s
}
#monograph-holder a:hover {
	background-color: #d8d8d8;
	color: #333
}
body#contact div#contact-info {
	float: none;
	width: auto;
	font: 13px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0
}
div#contact-info h3 {
	font-size: 17px;
	color: #444;
	margin-bottom: 13px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-right: 9%;
	padding-bottom: 5px
}
div.tel span, div.fax span {
	font-size: 11px
}
div#contact-info a#facebook-link {
	font-size: 11px;
	line-height: 28px
}
body#contact div#form-holder {
	float: none;
	margin-top: 50px;
	margin-left: 9%;
	margin-right: 9%;
	width: auto
}
body#contact form {
	float: none
}
body#contact form label, body#contact form input, body#contact form textarea {
	float: none;
	width: 95%;
	display: block;
	margin-bottom: 25px
}
body#contact form label {
	font-size: 14px;
	margin-bottom: 9px
}
body#contact form input, body#contact form textarea {
	padding: 8px 9px;
	font-size: 12px;
	line-height: 16px
}
body#contact form div#news-subscribe-holder {
	float: none
}
body#contact form h4 {
	margin-top: 30px;
	font-size: 17px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 26px;
	padding-bottom: 9px;
	float: left;
	width: 104%;
	color: #444
}
body#projects {
	padding: 20px 0 0 0;
}
body#projects ul#subnav {
	display: none!important
}
div#backstretch {
	display: none!important
}
p#preloader {
	display: none!important
}
div#thumbs-holder {
	float: left;
	margin-top: 0;
	margin-left: 20px;
	padding-bottom: 20px;
	margin-right: 0
}
div.project-thumb {
	width: 134px;
	height: 134px;
	margin-right: 12px;
	margin-bottom: 12px
}
.project-thumb a {
	width: 120px;
	height: 120px;
	font-size: 14px;
	padding: 10px;
	line-height: 16px;
	text-indent: -9999px
}
.project-thumb a span {
	font-size: 9px;
	line-height: 13px;
	margin-top: 10px
}
.project-thumb img {
	width: 135px
}
h2#project-title {
	position: static;
	margin-left: 20px;
	display: visible!important;
	opacity: 1.0!important
}
h4#project-location {
	position: static;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	display: visible!important;
	opacity: 1.0!important
}
h2#project-title, h4#project-location {
	text-shadow: 1px 1px 3px #000
}
div#project-description {
	width: auto!important;
	height: auto!important;
	display: block!important;
	opacity: 1.0!important;
	position: static!important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	margin-bottom: 20px
}
#project-description h5, #project-description h6 {
	display: none!important
}
#project-description p {
	font-size: 15px;
	line-height: 22px;
	margin-left: 21px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block!important
}
div#project-description-controls {
	display: none!important
}
div#project-controls {
	position: static!important;
	font-size: 11px;
	display: block!important;
	width: 170px!important;
	margin-left: 20px;
	margin-bottom: 20px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none
}
#share-controls div#share-inner {
	width: auto;
	height: auto;
	position: static!important;
	display: none
}
#project-controls a#selection-link {
	margin-top: 10px
}
#project-controls div#image-controls {
	display: none!important
}
div#hidden-images {
	display: block!important;
	visibility: visible!important;
	width: auto;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: static
}
div#hidden-images img {
	width: 100%;
	display: block!important;
	visibility: visible!important;
	margin-bottom: 20px
}
html {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none
}
ul.list-staff  li{
	width:50%;
}

ul.list-staff  li img{
	width:100%;
}
}

@media screen and (max-width:350px) {
ul.list-staff  li{
	width:100%;
}

.col_noti_1 img {
	width:100%
}
}
@media print {

* {
	background: transparent!important;
	color: black!important;
	text-shadow: none!important;
	filter: none!important;
	-ms-filter: none!important
}
a, a:visited {
	color: #444!important;
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
@page {
margin:.5cm
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}