/* Mobile Nav setup */
#hamburger.hidden { display:none; }
#mainNav.active { display:block; }

/* **********  Network  ********** */

@media screen and (max-width: 1000px) and (min-width: 569px) { 

.networkPair { width:31.73%; }
.networkItem { margin-bottom: 5%; }


.lastHalf .networkItem, .lastHalf .networkItem.grey .networkDetail { background:#999; }
.lastHalf .networkItem.grey, .lastHalf .networkItem .networkDetail { background:#7db713; }



}


/* **********  Tablet Portrait  ********** */

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

#mainNav li:last-child { margin:0; }

#servicesList li { margin-bottom:4px; }


.featuredProjectItem { width:48%; }
.featuredProjectItem.large { width:98%; }

.featuredProjectTitle { width:50%; }

.projectItem { width:48%; }


#servicesExamples a:first-child .serviceExampleItem { margin-right:0; }
#servicesExamples a:last-child .serviceExampleItem { float:none; margin-bottom:0; }

#servicesList a:last-child .serviceItem { float:none; }
#servicesList a:first-child .serviceItem { margin-right:0; }

}


/* **********  Mobile Landscape  ********** */

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


#headerInner.f-ms { padding-top: 10px; padding-bottom: 10px; }


#hamburgerclose.active { display:block; }

#mainNav { position:absolute; top: 50px; left: 0; width: 100%; padding: 0; background: rgba(0, 0, 0, 0.7); }
#mainNav ul { margin:0; }
#mainNav li { float: none; }
#mainNav a { color: #FFF; border-bottom: 1px solid #FFF; font-size:1.5em; padding: 15px 10px; }
#mainNav a.current, #mainNav a:hover {  }
#mainNav li:last-child a { border:none; }
#mainNav li:hover ul { display:none; }

.featuredProjectItem { width:98%; }

.projectItem { width:98%; }

.serviceItem.swap .serviceItemText, .serviceItem.swap .serviceItemImage { float:none; }

.networkPair { width:48.4%; }
.networkItem { margin-bottom: 3.1%; }



}