/* ====================================================================
   1100
   ==================================================================== */

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

/* -------------------[ Branding ]------------------- */

#portfolio-main { 
  width: 70%;
}

/* -------------------[ About ]------------------- */

#team-excerpts ul li,
#team-excerpts ul li img,
#team-excerpts ul li .team-info {
  width: 280px; height: 282px; 
}





}

/* ====================================================================
   1020
   ==================================================================== */

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

/* -------------------[ Layout ]------------------- */

#post { 
  width: 72%; max-width: 740px; 
}

/* -------------------[ Header ]------------------- */

.nav-header a {
  font-size: 14px; 
}

/* -------------------[ About ]------------------- */

#team-excerpts ul li,
#team-excerpts ul li img,
#team-excerpts ul li .team-info {
  width: 250px; height: 252px; 
}

/* -------------------[ Footer ]------------------- */

#follow-along ul li { 
  width: 220px; height: 220px;  
}

#follow-along ul li .follow-along-label { 
  line-height: 230px; 
}

#follow-along ul img { 
  width: 220px; height: 220px;
}








}

/* ====================================================================
   960
   ==================================================================== */

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

/* -------------------[ Layout ]------------------- */

#post { 
  width: 56%; 
}

#content,
#content-audit { 
  padding: 120px 0 30px 0; 
}

#content-home { 
  padding: 30px 0 30px 0; 
}

#footer { 
  clear: both; position: relative; bottom: 0;
  height: auto; padding: 15px 0 0 0;
}

/* -------------------[ Newsletter ]------------------- */

#cta-bar-wrap { 
  clear: both; position: relative; overflow: auto;
  height: auto; margin-top: -15px;
}

#cta-bar { 
  width: 85%; height: auto; padding: 15px 5%; 
}

#cta-bar .copy,
#cta-bar .copy span,
#cta-bar input.cta-email { 
  clear: both; float: none; display: block;
  margin: 7px auto;
  line-height: 20px; text-align: center;
}

#cta-bar input.cta-email { 
  position: relative; top: 5px;
}

#cta-bar input.cta-submit { 
  display: none;
}

/* -------------------[ Header ]------------------- */

.nav-header li {
  margin: 0 20px; 
}

.nav-header a {
  font-size: 13px; 
}

/* -------------------[ Home ]------------------- */

.home-meet { 
  left: 100px;
  width: 70%; padding: 30px 5%;
}

.home-meet:before {
  left: -55%; 
}

/* -------------------[ Audit ]------------------- */

#audit-well .audit-well-overlay { 
  bottom: 0;  
}

#audit-well .audit-well-overlay .audit-title { 
  font-size: 50px; line-height: 50px; 
}

#audit-well .audit-well-overlay .audit-byline { 
  font-size: 20px; line-height: 25px;  
}

.audit-details-d1,
.audit-details-d2, 
.audit-details-d3,
.audit-details-d4,
.audit-details-d5 { 
  clear: both; float: none;
  width: auto; padding: 0 0 0 60px;
}

/* -------------------[ Consulting ]------------------- */

.consulting-1 .consulting-text,
.consulting-2 .consulting-text,
.consulting-3 .consulting-text {
  margin-top: 65px;
}

/* -------------------[ Branding ]------------------- */

.portfolio-nav li {
  display: inline-block; 
  margin: 0 10px; 
}

#portfolio-main { 
  width: 65%;
}

/* -------------------[ About ]------------------- */

.heidi-text { 
  float: right;
  width: 45%; margin-top: 80px;
}

#team-excerpts ul li,
#team-excerpts ul li img,
#team-excerpts ul li .team-info {
  width: 210px; height: 212px; 
}

#content #team-excerpts ul li .team-info:hover .team-name { 
  margin-top: 35%;
}

/* -------------------[ Footer ]------------------- */

.nav-footer-left a,
.nav-footer-right a {
  margin: 0 15px 0 0;  
}

#follow-along ul { 
  max-width: 500px; 
}






}

/* ====================================================================
   900
   ==================================================================== */

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

/* -------------------[ Footer ]------------------- */

.footer-dmca {
  float: none; display: block;
  margin: 10px 0 0 0;
}




}

/* ====================================================================
   850
   ==================================================================== */

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

/* -------------------[ Layout ]------------------- */

#post { 
  width: 68%; max-width: 740px; 
}

/* -------------------[ Header ]------------------- */

.nav-header li {
  margin: 0 15px; 
}

/* -------------------[ Home ]------------------- */

.home-meet { 
  left: 80px;
  padding: 30px 6%;
}

.home-meet:before {
  left: -58%; 
}

/* -------------------[ Branding ]------------------- */

#portfolio-desktop { 
  display: none;
}

#portfolio-mobile { 
  display: block;
}

#portfolio-side,
#portfolio-main { 
  clear: both; float: none;
}

#portfolio-main { 
  width: 100%; margin: 0 auto;
}

.portfolio-side-back-mobile { 
  width: 135px; margin: 0 auto; padding: 0 0 30px 0;
}

.portfolio-side-back { 
  background: url(images/portfolio_icon-back.png) no-repeat 0 5px;   
}

#portfolio-main h1 { 
  font-size: 32px; text-align: center;
}

#portfolio-side { 
  float: none;
  width: 200px; margin: 60px auto 40px auto; 
  text-align: center;
}

/* -------------------[ About ]------------------- */

.heidi-text { 
  float: right;
  width: 45%; margin-top: 40px;
}

/* -------------------[ Press ]------------------- */

#press-side { 
  float: none;
  width: 85px; margin: 0 auto 40px auto; 
  text-align: center;
}

/* -------------------[ Footer ]------------------- */

.footer-left,
.footer-right { 
  width: 42%; 
}






}

/* ====================================================================
   800
   ==================================================================== */

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

/* -------------------[ Blog ]------------------- */

#post { 
  width: 65%; 
}

/* -------------------[ Audit ]------------------- */

#audit-well .audit-well-overlay { 
  display: none;
}





}

/* ====================================================================
   768
   ==================================================================== */

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

/* -------------------[ Layout ]------------------- */

html { 
  overflow-x: hidden; 
}

#header,
#header-home { 
  position: fixed; top: 0; z-index: 100;
  width: 100%; height: 70px; margin: 0 0 70px 0;
}

#post,
#side { 
  clear: both; float: none; 
  margin: 0 auto 20px auto;  
}

#post { 
  width: 100%; max-width: 800px;
}

.scroll-to-top { 
  right: -9999px;
}

/* -------------------[ Header ]------------------- */

ul#menu-top,
ul#menu-home { 
  display: none; 
}

#click-menu,
#header-home #click-menu,
.is-sticky #header-home #click-menu { 
  position: fixed; top: 18px; right: 20px; z-index: 200;
}

.mobile-logo { 
  display: block; position: fixed; top: 0; z-index: 1;
  width: 100%; height: 75px; 
  text-align: center;
}

.mobile-logo img { 
  width: auto; height: 55px; margin: 5px 0 0 0;
}

#header-well img { 
  margin-bottom: -80px;
}

/* -------------------[ Home ]------------------- */

.home-well {
  top: 70px; 
  min-height: 220px;
}

.home-well img { 
  width: auto !important; min-width: 100%; height: 280px !important; 
}

.home-well .home-well-logo img { 
  display: none; 
}

.home-welcome { 
  z-index: 1; overflow: hidden;
  width: 90%; padding: 15px 5% 10px 5%;
}

.home-welcome:before {
  z-index: -1; left: 0; top: 0; bottom: 0; right: 0;
  width: 100%; height: 100%;
  background: none;
  content: "";
}

.home-welcome:after {
  display: none; 
}

.home-services-3 { 
  left: 0px;
}

.home-meet { 
  top: 70px; left: 0;
  width: 70%; height: auto; margin: 0 auto 200px auto; padding: 10px 15%;
}

.home-meet:before {
  position: absolute; z-index: -1; left: 0; top: -90px;
  width: 320px; height: 257px;
  background: url(images/home-meet_mobile_background-top.png) no-repeat left top; 
  content: "";
}

.home-meet:after {
  position: absolute; z-index: -1; right: 0; top: auto; bottom: -150px;
  width: 307px; height: 220px;
  background: url(images/home-meet_mobile_background-bottom.png) no-repeat right bottom; 
  content: "";
}

.home-meet-text { 
  padding: 0;
}

.home-meet-text h4:nth-child(1n) { 
  margin-left: 5%;
}

.home-meet-text h4:nth-child(2n) { 
  margin-right: 5%;
}

/* -------------------[ Audit ]------------------- */

ul#audit-who-list {
  width: 150px; margin: 0 auto 10px auto; 
}

ul#audit-details-list {
  width: auto; margin: 0 0 0 20px; 
}

ul#audit-who-list,
ul#audit-details-list {
  column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; 
  text-align: left;
}

ul#audit-who-list li,
ul#audit-details-list li {
  padding: 0 0 3px 0;
  list-style-position: outside; 
  list-style: disc; 
}

/* -------------------[ Consulting ]------------------- */

.consulting-1 .consulting-text,
.consulting-2 .consulting-text,
.consulting-3 .consulting-text {
  margin-top: 55px;
  line-height: 23px;
}

/* -------------------[ Branding ]------------------- */

.portfolio-nav li {
  margin: 0 5px; 
}

.portfolio-nav a {
  font-size: 12px; 
}

#portfolio-excerpts ul li {
  width: 220px; margin: 0 15px 15px 15px; 
}

#portfolio-excerpts ul li div,
#portfolio-excerpts ul li img {
  width: 220px; height: auto; 
}

/* -------------------[ Speaking ]------------------- */

.speaking-topics-list {
  column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; 
  text-align: center;
}

.speaking-topics-list ul { 
  margin: 0 0 10px 0; 
}

.speaking-topics-list ul li {
  list-style: none; 
}

/* -------------------[ About ]------------------- */

.heidi-image,
.heidi-text { 
  float: none; 
  width: 100%; margin: 20px auto;
}

#team-excerpts ul li,
#team-excerpts ul li img,
#team-excerpts ul li .team-info {
  width: 200px; height: 202px; 
}

/* -------------------[ Contact ]------------------- */

#content .contact-side { 
  margin-top: 50px;
  text-align: center;
}

#content .contact-side .social-side { 
  text-align: center;
}

/* -------------------[ Blog ]------------------- */

.comment-form-author label, 
.comment-form-email label, 
.comment-form-url label,
.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input { 
  clear: both; float: none; 
  width: 90%; 
}

#respond textarea { 
  clear: both; 
  width: 90%; margin: 25px 0 0 0; 
} 

#submit {
  margin: 15px 0 0 0; 
}

/* -------------------[ Footer ]------------------- */

#footer { 
  position: relative; 
  width: 100%; height: auto; padding: 0;
}

#footer-bar-wrap { 
  height: auto; padding: 20px 0;
}

.footer-left,
.footer-right { 
  clear: both; float: none; 
  width: 98%; max-width: 320px; margin: 0 auto; 
  text-align: center; 
}

.nav-footer-left a,
.nav-footer-right a {
  margin: 0 12px;  
}

.nav-footer-right { 
  margin-top: -20px;
}

.footer-social { 
  margin: 20px 0 40px 0;
}

.footer-copy-mobile { 
  display: block;
  margin: 0 0 20px 0;
  font-style: italic; text-transform: none; text-align: center;
}

.footer-logo,
.footer-logo a,
.footer-copy,
.footer-right hr { 
  display: none;
}

.footer-dmca {
  margin: -15px 0 15px 0;
}





}

/* ====================================================================
   640
   ==================================================================== */

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

/* -------------------[ Contact ]------------------- */

.content-ty .ty-cta { 
  clear: both; display: block; 
  width: auto; margin: 0 auto; 
}






}

/* ====================================================================
   568
   ==================================================================== */

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

/* -------------------[ Header ]------------------- */

.home-well img { 
  width: auto !important; height: 220px !important; margin-left: -30% !important;
}

.home-meet { 
  width: 88%; padding: 10px 6%;
}

.home-meet-text h4:nth-child(1n),
.home-meet-text h4:nth-child(2n) { 
  clear: both; float: none;
  margin: 0 0 25px 0;
}

/* -------------------[ Branding ]------------------- */

.portfolio-nav ul {
  margin-top: -10px; 
}

.portfolio-nav li {
  display: block; 
  margin: 0; 
}

#portfolio-excerpts ul li {
  width: 300px; margin: 0 0 15px 0; 
}

#portfolio-excerpts ul li div {
  width: 300px; height: 232px; 
}

#portfolio-excerpts ul li img {
  width: 300px; height: 232px; 
}

.portfolio-intro { 
  display: none;
}

/* -------------------[ Footer ]------------------- */

#follow-along ul { 
  max-width: 300px;
}

#follow-along ul li { 
  width: 140px; height: 140px;  
}

#follow-along ul li .follow-along-label { 
  font-size: 15px; line-height: 140px; 
}

#follow-along ul img { 
  width: 140px; height: 140px;
}





}

/* ====================================================================
   480
   ==================================================================== */

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

/* -------------------[ Post ]------------------- */

#post .postbottom .sharing { 
  clear: both; float: none;
  margin-top: 10px;
}

#post .postbottom .sharing a { 
  margin: 0 10px 0 0;
}

/* -------------------[ Home ]------------------- */

.home-well img { 
  margin-left: -60% !important;
}

#home-services { 
  margin: 40px auto 0 auto; 
}

#home-services img,
.home-services-2 h2 { 
  display: none;
}

h2.services-mobile-h2 {
  display: block;
  margin-bottom: 40px; 
}

.home-services-1,
.home-services-2,
.home-services-3 { 
  clear: both; 
  top: 0; left: 0;
  width: 46%; margin: 0 0 30px 0;
}

.home-services-1 { 
  margin: 0 0 30px 0;
}

.home-services-2 { 
  margin: 0 0 20px 0;
}

.home-services-3 { 
  margin: 0 0 80px 0;
}

.home-services-1 h4:after,
.home-services-3 h4:after,
.home-services-2 h4:after {
  width: 100%;  margin: 10px 0 0 0;
}

.home-meet:after {
  right: -70px;
}

/* -------------------[ Consulting ]------------------- */

.consulting-image { 
  display: none;
}

.consulting-1 .consulting-text,
.consulting-2 .consulting-text,
.consulting-3 .consulting-text { 
  float: none;
  width: 90%; margin: 40px auto 0 auto;
}






}

/* ====================================================================
   360
   ==================================================================== */

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

/* -------------------[ Footer ]------------------- */

#follow-along ul li { 
  width: 120px; height: 120px;  
}

#follow-along ul li .follow-along-label { 
  line-height: 120px; 
}

#follow-along ul img { 
  width: 120px; height: 120px;
}

.nav-footer-left a,
.nav-footer-right a {
  margin: 0 6px;  
}





}