/* Small Screen Mobile */

@media only screen and (max-width: 800px) {
/* Start of Media Query */

/* 
  Layout/Container
-----------------------------*/
.container { width: 100%; min-width: 0; }
.siteHeader, header, nav, .menu, .content, .article, footer, .siteFooter, .footerWrapper { overflow: hidden; width: 100%; min-width: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; height: auto; }


/* 
  Header
-----------------------------*/
.siteHeader { height: 95px; margin: 0 auto; padding: 15px 20px 0; }

.siteLogo { position: absolute; }  /* Added 1/12/15 */


/* 
  Site Navigation - Changed/Added 1/12/15
-----------------------------*/
.navwrapper { position: absolute; background: rgba(50,63,72,0.97); }

.btnNavigation { position: absolute; top: 18px; right: 20px; display: block; width: 30px; height: 22px; background: url(/files/images/buttons/btn-navigation.png) no-repeat 50% 50%; background-size: 30px auto; text-indent: -200px; clip: rect(auto,auto,auto,auto); }

  html.touch .btnNavigation { position: absolute; }  

.menu, .menu:hover { height: 40px; } /* Changed 10/20/14 */
.menu { padding: 60px 20px 0; }

.expandMenu, .expandMenu:hover { height: auto; padding: 100px 20px 10px; } /* Changed 10/20/14 */ 

/* Added 10/20/14 */
.mobileMenu .navwrapper { position: absolute; }
.mobileMenu .btnNavigation { position: absolute !important; }

.primaryNav { float: none; width: auto; } 

  .menu .subNav { margin: 12px 0 20px; } 


/* 
  Content
-----------------------------*/

/* Breadcrumbs */
.breadCrumb { margin-left: 20px; }


/* 
  Article
-----------------------------*/
.article { float: none; width: 100%; padding: 0 20px 30px; }

/* Contact List */
  .contactList dl { float: none; width: auto; padding-right: 0; }  

/* Expertise/Clients */
  .boxLister li { display: block; margin-left: 0; margin-bottom: 45px; }  

/* Interior (Solutions) */
.interiorLister li { margin-left: 0 !important; }

/* PDF List */
    .downloadItem [type="submit"] { margin-top: 10px; }  
    .downloadItem [type="text"] { padding-right: 10px; }      
    .downloadItem em { display: block; } 
      .downloadItem em span { overflow: hidden; display: inline-block; width: 100%; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; }
      .downloadItem div a { position: relative; left: 30px; }   

/* Clients */
  .clientLister { padding: 0 30px; }
  .clientLister li { float: left; width: auto; height: auto; padding: 30px 0; }
    .clientLister li:nth-child(odd) { clear: both; }
    .clientLister li:nth-child(even) { float: right; }
  .clientLister img { position: static; max-width: none; margin-top: 0; }

/* 
  Sidebar
-----------------------------*/
.sidebar { float: none; width: 100%; padding-bottom: 40px; }

/* GeoInsight */
.sidebar > .geoinsight { max-width: 240px; }  
  .geoinsight img { max-width: 320px; }

/* Contact Address/Widget */
  .sidebar > .widget { margin: 0; text-align: center; }


/* 
  Footer
-----------------------------*/
.siteFooter { padding: 30px 20px 0; }
    .footerColumns > div { float: none; width: 100%; }

  .siteFooter dl { margin: 0 0 40px; }    
  
  .copyRight em { display: block; margin-bottom: 15px; }
      .copyRight em:after { display: none; }    

/* Social Media */
  .socialMedia img { max-width: none; }
    .siteFooter .socialMedia { margin-top: -20px; } 

/* 
  Forms
-----------------------------*/

/* Do Not Mail List */
  .mailForm li, .mailForm .two-thirds { display: block; margin: 0; padding: 0 0 15px 0; } 


/* 
  Common Link/Button Styles
-----------------------------*/
.btnLink { top: 105px; left: 30px; float: left; background: #ff8b00 url(/files/images/buttons/btn-submit.png) no-repeat 85% 50%; padding: 5px 40px 5px 10px; border: 0; border-right: 4px solid #e36b00; border-bottom: 4px solid #e36b00; font-weight: bold; font-size: 15px; font-size: 1.5rem; color: #fff; text-transform: uppercase; text-decoration: none; }      


/* End of Media Query */
}