/* ==============================================
	// MEDIA QUERY STYLES
============================================== */
/* Media Queries from width > 767px */
@media only screen and (max-width: 1200px){
  .v2 #main-content .outer-wrap .wrap section aside.gen_content_text{ margin-right: 0; }
}
@media only screen and (max-width: 1024px) {
  .ios .projects #main-wrapper #main-image span {
    bottom: 30px;
  }

  .about #main-content .outer-wrap .wrap #staff .content {
    min-height: 600px;
  }
  .about #main-content .outer-wrap .wrap #staff .content .details {
    min-height: 310px;
  }
}
@media only screen and (max-width: 768px) {
  .ios .projects #main-wrapper #main-image span {
    bottom: 16px;
  }

  #page-head {
    padding: 27px 0px 0px 20px;
  }
  #page-head .branding.site-logo {
    width: 186px;
    height: 18px;
    background-size: 186px 45px;
  }

  .projects.ajax #page-head .branding.site-logo ,
  .projects.loaded #page-head .branding.site-logo ,
  #page-head .branding.site-logo ,
  .home.v2 #page-head .branding.site-logo {
    background-size: 100px 46px;
    width: 103px;
    height: 48px;
  }

  .home #maximage-slider .mc-image .slide-desc {
    left: 0px;
    width: 100%;
    bottom: 0px;
    z-index: -1;
    padding: 20px 0px;
    text-align: center;
    background: rgba(51, 51, 51, 0.7);
  }
  .home #maximage-slider .mc-image .slide-desc .slide-title {
    width: 70%;
    line-height: 1.43;
  }
  .home #maximage-slider .mc-image .slide-desc .link-text {
    width: 70%;
    line-height: 1.43;
  }
  .home #slider-controls {
    top: inherit;
    bottom: 32px;
    height: 20px;
  }
  .home #slider-controls .direction {
    height: 20px;
    position: relative;
  }
  .home #slider-controls .direction div {
    width: 12px;
    height: 20px;
    background: url(../img/sprite-slider-controls.png) no-repeat;
    background-size: 29px 20px;
  }
  .home #slider-controls .direction div.prev {
    left: 20px;
    background-position: 0px 0px;
  }
  .home #slider-controls .direction div.next {
    right: 15px;
    background-position: -17px 0px;
  }

  .home.v2 #slider-controls .direction div.prev {
    left: 20px;
    background-size: 10px 20px;
  }
  .home.v2 #slider-controls .direction div.next {
    right: 15px;
    background-size: 10px 20px;
  }

  .projects.project #main-wrapper #main-content .project-team .team-member {
    width: 50%;
    margin-bottom: 20px;
  }

  .projects.project #main-wrapper #main-content .project-team .bx-wrapper {
    position: relative;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager {
    top: 55px;
    z-index: 0;
    width: 100%;
    padding-top: 48%;
    position: absolute;
  }
  .touch .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager {
    z-index: -2;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager .bx-pager {
    text-align: center;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager .bx-pager .bx-pager-item {
    margin-left: 5px;
    display: inline-block;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager .bx-pager .bx-pager-item:first-child {
    margin-left: 0px;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager .bx-pager .bx-pager-item a {
    width: 10px;
    height: 11px;
    display: block;
    text-align: left;
    text-indent: -999em;
    text-decoration: none;
    background: url(../img/sprite-team-pagerv2.png) no-repeat;
    background-position: 0px 0px;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager .bx-pager .bx-pager-item a.active {
    background-position: 0px -13px;
  }

  .about #main-content .outer-wrap {
    width: 92.19%;
  }
  .about #main-content .outer-wrap .wrap section {
    padding-right: 20px;
  }
  .about #main-content .outer-wrap .wrap #services aside,
  .about #main-content .outer-wrap .wrap #services article {
    width: 100%;
  }
  .about #main-content .outer-wrap .wrap #services article {
    margin-top: 30px;
  }
  .about #main-content .outer-wrap .wrap #services aside ul li {
    width: 50%;
    float: left;
  }
  .about #main-content .outer-wrap .wrap #staff aside {
    width: 30%;
  }
  .about #main-content .outer-wrap .wrap #staff article {
    width: 70%;
  }

  .projects.project #main-wrapper #main-content,
  #main-wrapper #subhead .wrap {
    width: 92.19%;
  }

  .press #main-content .outer-wrap {
    width: 92.19%;
  }
  .press #main-content .outer-wrap .wrap section {
    width: 100%;
  }
  .press #main-content .outer-wrap #pubs #articles,
  .press #main-content .outer-wrap #news #posts {
    margin-right: -15px;
  }
  .press #main-content .outer-wrap #pubs #articles li,
  .press #main-content .outer-wrap #news #posts li {
    width: 50%;
    float: left;
    min-height: 175px;
    padding-right: 15px;
  }
  .press #main-content .outer-wrap #pubs #articles li:first-child + li + li,
  .press #main-content .outer-wrap #news #posts li:first-child + li + li {
    clear: left;
  }
  .press #main-content .outer-wrap #pubs #articles:before, .press #main-content .outer-wrap #pubs #articles:after,
  .press #main-content .outer-wrap #news #posts:before,
  .press #main-content .outer-wrap #news #posts:after {
    content: " ";
    display: table;
  }
  .press #main-content .outer-wrap #pubs #articles:after,
  .press #main-content .outer-wrap #news #posts:after {
    clear: both;
  }
  .press #main-content .outer-wrap #awards #recs {
    margin-right: -15px;
  }
  .press #main-content .outer-wrap #awards #recs li {
    width: 50%;
    float: left;
    min-height: 85px;
    padding-right: 15px;
  }
  .press #main-content .outer-wrap #awards #recs li:first-child + li + li {
    clear: left;
  }
  .press #main-content .outer-wrap #awards #recs:before, .press #main-content .outer-wrap #awards #recs:after {
    content: " ";
    display: table;
  }
  .press #main-content .outer-wrap #awards #recs:after {
    clear: both;
  }

  .contact #main-content .outer-wrap {
    width: 92.19%;
  }
  .contact #main-content .outer-wrap .wrap {
    margin-right: 0px;
  }
  .contact #main-content .outer-wrap .wrap .connect,
  .contact #main-content .outer-wrap .wrap .hello-form {
    width: 100%;
    padding-right: 0px;
  }
  .contact #main-content .outer-wrap .wrap .hello-form {
    margin: 30px 0px;
  }
}
/* Media Queries from width < 767px */
@media only screen and (max-width: 568px) {
  .projects #main-wrapper #main-image span {
    bottom: 8px;
    font-size: 0.8125em;
  }

  .projects.project #main-wrapper #main-image .table-center .table-row .table-cell div {
    width: 85%;
  }
}
@media screen and (min-width: 481px) {
  #page-head .branding.site-logo {
    display: block !important;
  }
}
@media only screen and (max-width: 480px) {
  #page-head {
    padding: 20px 0px 0px 20px;
  }

  #main-wrapper #main-content .push {
    height: 120px;
  }

  #main-wrapper #subhead, #main-wrapper #subhead .wrap {
    height: 180px;
  }
  #main-wrapper #subhead .wrap .info {
    width: 100%;
  }
  #main-wrapper #subhead .wrap .info .branding {
    float: left;
  }
  #main-wrapper #subhead .wrap .info .social-buttons {
    float: right;
    margin-top: 0px;
  }
  #main-wrapper #subhead .wrap .info .social-buttons li {
    margin-right: 0px;
    margin-left: 10px;
  }
	#main-wrapper #subhead .wrap .contact-details {
		width:120px;
	}

  .nav-toggle-button {
    
    margin: 18px 15px 0px 0px;
  }

  .projects #main-wrapper #projects-menu {
    width: 100%;
  }
  .projects #main-wrapper #main-image .table-center {
    display: none;
  }
  .projects #main-wrapper #main-image .table-center .table-row {
    display: none;
  }
  .projects.project #close-project {
    bottom: 12px;
    font-size: 0.875em;
  }
  .projects.project .info-toggle-button {
    right: 15px;
    bottom: 10px;
  }
  .projects.project #main-wrapper #main-image .table-center {
    display: table;
    padding-top: 30px;
  }
  .projects.project #main-wrapper #main-image .table-center .table-row {
    display: table-row;
  }
  .projects.project #main-wrapper #main-image .table-center .table-row .table-cell h2 {
    line-height: 1.5;
    font-size: 1.75em;
  }
  .projects.project #main-wrapper #main-image .table-center .table-row .table-cell .project-location {
    font-size: 0.875em;
  }
  .projects.project #main-wrapper #main-content {
    padding-bottom: 20px;
    margin: 0px auto -120px;
  }
  .projects.project #main-wrapper #main-content .project-gallery img {
    margin-top: 15px;
  }
  .projects.project #main-wrapper #main-content .project-gallery img.half {
    width: 100%;
  }
  .projects.project #main-wrapper #main-content .project-team {
    margin-right: 0px;
  }
  .projects.project #main-wrapper #main-content .project-team .team-member {
    width: 100%;
    padding-right: 0px;
  }
  .projects.project #main-wrapper #main-content .project-team .team-member p,
  .projects.project #main-wrapper #main-content .project-team .team-member a {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper {
    position: relative;
  }
  .projects.project #main-wrapper #main-content .project-team .bx-wrapper .bx-controls.bx-has-pager {
    width: 100%;
    padding-top: 100%;
  }
  .projects.project #main-wrapper #project-info {
    width: 270px;
    right: -270px;
    padding: 15px 20px;
  }
  .projects.project #main-wrapper #project-info .wrap .project-details {
    margin: 25px 0px;
  }
  .projects.project #main-wrapper #project-info .wrap .project-details .detail p {
    line-height: 2;
  }
  .projects.project #main-wrapper #project-info .wrap .project-details .detail p.keyword {
    width: 70px;
  }
  .projects.project #main-wrapper #project-info .wrap .project-details .detail p.keyword + p {
    padding-left: 70px;
  }
  .projects.project #main-wrapper #project-info .wrap .project-description {
    margin-top: 25px;
  }
  .projects.project #main-wrapper #project-info .wrap .project-description p {
    letter-spacing: 0.02em;
  }

  .about #main-wrapper #main-image {
    height: 270px;
  }
  .about #main-wrapper #main-image .table-center {
    padding-top: 30px;
  }
  .about #main-wrapper #main-image .table-center .table-row .table-cell h2 {
    font-size: 1.625em;
    letter-spacing: 0.06em;
  }
  .about #main-wrapper #main-content {
    padding-bottom: 20px;
    margin-bottom: -120px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap {
    margin-right: 0px;
  }
  .v2 #main-content .outer-wrap .wrap section aside.gen_content_text,
  .v2 #main-content .outer-wrap .wrap section aside.gen_content_text:nth-child(even){
	max-width: 100%;
	width: 100%;
	float: none;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section h2 {
    font-size: 0.875em;
    margin: 30px 0px 12px;
    letter-spacing: 0.15em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section h4 {
    font-size: 0.8125em;
    margin-bottom: 19px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section aside ul,
  .about #main-wrapper #main-content .outer-wrap .wrap section article ul {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section aside ol,
  .about #main-wrapper #main-content .outer-wrap .wrap section article ol {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section aside ul li a,
  .about #main-wrapper #main-content .outer-wrap .wrap section article ul li a {
    letter-spacing: 0em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap section aside p,
  .about #main-wrapper #main-content .outer-wrap .wrap section article p {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #services h2 {
    margin-top: 30px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #services aside ul li {
    width: 100%;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff aside {
    width: 100%;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff aside ul li {
    width: 50%;
    float: left;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content {
    width: 100%;
    font-size: 1em;
    margin-top: 45px;
    min-height: 520px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content h3 {
    font-size: 0.8125em;
    margin-bottom: 15px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content .details {
    min-height: 300px;
    padding-bottom: 15px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content .details p {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content .links {
    padding: 13px 0px;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #staff .content .links p {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content .outer-wrap .wrap #hello p {
    line-height: 1.82;
    font-size: 0.6875em;
  }
  .about #main-wrapper #main-content #strategy .outer-wrap .wrap section .content h4 {
    font-size: 0.8125em;
  }
  .about #main-wrapper #main-content #strategy .outer-wrap .wrap section .content .column {
    padding-right: 0px;
    width: 100% !important;
  }

  .press #main-wrapper #main-image {
    height: 270px;
  }
  .press #main-wrapper #main-image .table-center {
    padding-top: 30px;
  }
  .press #main-wrapper #main-image .table-center .table-row .table-cell h2 {
    font-size: 1.625em;
    letter-spacing: 0.06em;
  }
  .press #main-wrapper #main-content {
    padding-bottom: 20px;
    margin-bottom: -120px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap {
    margin-right: 0px;
    overflow-x: hidden;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap section {
    overflow-x: hidden;
    padding-right: 0px;
    padding-bottom: 5px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap section h2 {
    font-size: 0.875em;
    margin: 30px 0px 8px;
    letter-spacing: 0.15em;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #pubs #articles,
  .press #main-wrapper #main-content .outer-wrap .wrap #news #posts {
    margin-right: 0px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #pubs #articles li,
  .press #main-wrapper #main-content .outer-wrap .wrap #news #posts li {
    width: 100%;
    min-height: 0px;
    line-height: 1.82;
    padding-right: 0px;
    font-size: 0.6875em;
    margin-bottom: 10px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #pubs #articles li img,
  .press #main-wrapper #main-content .outer-wrap .wrap #news #posts li img {
    margin: 0px 15px 4px 0px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #awards #recs {
    margin-right: 0px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #awards #recs li {
    width: 100%;
    min-height: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
  }
  .press #main-wrapper #main-content .outer-wrap .wrap #awards #recs li h5,
  .press #main-wrapper #main-content .outer-wrap .wrap #awards #recs li h6 {
    line-height: 1.82;
    font-size: 0.6875em;
  }

  .contact #main-wrapper #page-head .branding.site-logo {
    background-position: 0px -28px;
  }
  .contact #main-wrapper #main-content {
    padding: 65px 0px 0px;
    margin-bottom: -120px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .group-head {
    font-size: 0.875em;
    margin-bottom: 22px;
    letter-spacing: 0.15em;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .connect .info .location,
  .contact #main-wrapper #main-content .outer-wrap .wrap .connect .info .branding {
    line-height: 1.82;
    font-size: 0.6875em;
    letter-spacing: 0px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .connect .contact-details p {
    line-height: 1.82;
    font-size: 0.6875em;
    letter-spacing: 0px;
    margin: 11px 0px 18px;
    padding: 10px 0px 12px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form {
    margin-top: 40px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form .group-head {
    margin-bottom: 10px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form p {
    line-height: 1.82;
    font-size: 0.6875em;
    letter-spacing: 0px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p label {
    width: 40%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p input,
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p textarea {
    width: 58%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p textarea {
    height: 90px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p input[type="file"] {
    padding: 2px 0px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #hello p input[type="submit"] {
    width: 98px;
    float: right;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm {
    line-height: 1.82;
    font-size: 0.6875em;
    letter-spacing: 0px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap label {
    width: 40%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap .elWrap {
    width: 58%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap textarea {
    height: 90px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap input[type="file"] {
    padding: 2px 0px;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap.formSegWrap_submit {
    padding-left: 40%;
    padding-right: 2%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap.formSegWrap_submit .elWrap {
    width: 100%;
  }
  .contact #main-wrapper #main-content .outer-wrap .wrap .hello-form #ContactForm .formSegWrap.formSegWrap_submit .elWrap input[type="submit"] {
    float: right;
  }
  .contact #main-wrapper #main-content #gmap {
    height: 350px;
  }
}
@media only screen and (max-width: 400px) {
  .about #main-content .outer-wrap .wrap #staff .content .details {
    min-height: 250px;
  }
}
/* RETINA */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #page-head .branding.site-logo {
    /*background: url(../img/sprite-logo@2x.png) no-repeat 0 0;*/
    background-size: 206px 83px;
    width: 206px;
  }
  .contact #page-head .branding.site-logo {
    background-position: 0px -29px;
  }

  #main-wrapper #subhead .wrap .info .social-buttons li {
    background: url(../img/sprite-social@2x.png) no-repeat;
    background-size: 16px 124px;
  }
  #main-wrapper #subhead .wrap .info .social-buttons li.sb-facebook {
    background-position: 0px -61px;
  }
  #main-wrapper #subhead .wrap .info .social-buttons li.sb-linkedin {
    background-position: 0px -77px;
  }
  #main-wrapper #subhead .wrap .info .social-buttons li.sb-twitter {
    background-position: 0px -109px;
  }
  #main-wrapper #subhead .wrap .info .social-buttons li.sb-pinterest {
    background-position: 0px -93px;
  }

  .projects #main-wrapper #projects-menu .project-categories li h2 a {
    background-size: 9px 37px;
    background-position: 0px -11px;
  }
  .projects #main-wrapper #projects-menu .project-categories li h2.opened a {
    background-position: 0px -24px;
  }

  .nav-toggle-button {
  }
  .contact .nav-toggle-button, .nav-toggle-button.opened, .nav-toggle-button.orange {
    /*background-position: -23px -0px;*/
    background: url(../img/sdg-nav-pink.png) no-repeat;
    -webkit-background-size: 34px 22px;
    background-size: 34px 22px;
  }

  .projects.project .info-toggle-button {
    background: url(../img/sprite-info-new@2x.png) no-repeat;
    background-position: -28px 0;
    background-size: 52px 24px;
    height: 24px;
    width: 24px;
  }
  .projects.project .info-toggle-button.opened, .projects.project .info-toggle-button.orange {
    background-position: 0 0;
  }
  .projects.project #main-wrapper #close-project {
    width: 24px;
    height: 24px;
    bottom: 10px;
    background-size: 24px 37px;
    background-position: 0px -13px;
  }

  .contact #main-content .outer-wrap .wrap .connect .social-buttons li {
    background: url(../img/sprite-social@3x.png) no-repeat;
    background-size: 22px 177px;
  }
  .contact #main-content .outer-wrap .wrap .connect .social-buttons li.sb-facebook {
    background-position: -7px -1px;
  }
  .contact #main-content .outer-wrap .wrap .connect .social-buttons li.sb-linkedin {
    background-position: -1px -24px;
  }
  .contact #main-content .outer-wrap .wrap .connect .social-buttons li.sb-twitter {
    background-position: -1px -67px;
    background-size: 23px 184px;
  }
  .contact #main-content .outer-wrap .wrap .connect .social-buttons li.sb-pinterest {
    background-position: -4px -47px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px) {
  #page-head .branding.site-logo {
    background-size: 186px 43px;
  }
  .contact #main-wrapper #page-head .branding.site-logo {
    background-position: 0px -27px;
  }

  .projects.ajax #page-head .branding.site-logo ,
  .projects.loaded #page-head .branding.site-logo ,
  #page-head .branding.site-logo ,
  .home.v2 #page-head .branding.site-logo {
    background-size: 100px 46px;
    width: 103px;
    height: 48px;
  }
}