.mobile { display:none; }

.folioItem.double { width:38.8%; }


/* **********  Artist Grid  (4 cols) ********** */

@media screen and (max-width: 2200px) { .gridItem { width:20%; } }
@media screen and (max-width: 1800px) { .gridItem { width:25%; } }
@media screen and (max-width: 1400px) { .gridItem { width:33.33%; } }
@media screen and (max-width: 1000px) { .gridItemX { width:50%; } }
@media screen and (max-width: 480px) { .gridItemX { width:100%; } }



/* **********  Portfolio Grid  (3 cols) ********** */

@media screen and (max-width: 2400px) { .folioItem { width:23.5%; } .folioItem.double { width:49%; } }
@media screen and (max-width: 1800px) { .folioItem { width:32%; } .folioItem.double { width:66%; } }
@media screen and (max-width: 1250px) { .folioItem { width:49%; } .folioItem.double { width:100%; } }
@media screen and (max-width: 600px) { .folioItem { width:100%; } .folioItem.double { width:100%; } }



/* **********  Video Grid  (2 cols) ********** */

@media screen and (max-width: 1800px) { .motionItem { width:48%; } }
@media screen and (max-width: 1000px) { .motionItem { width:98%; } }



/* **********  Mural Grid  (2 cols) ********** */

@media screen and (max-width: 1800px) { .mural-item { width:48%; } }
@media screen and (max-width: 1000px) { .mural-item { width:98%; } }




/* **********  Physical Grid  ( 4 cols) ********** */

@media screen and (max-width: 2400px) { .physicalItem { width:23%; } }
@media screen and (max-width: 1800px) { .physicalItem { width:31.33%; } }
@media screen and (max-width: 1250px) { .physicalItem { width:48%; } }
@media screen and (max-width: 600px) { .physicalItem { width:98%; } }



/* **********  News Grid  ( 4 cols) ********** */

@media screen and (max-width: 2400px) { .news-item { width:23.87%; } }
@media screen and (max-width: 1800px) { .news-item { width:32.33%; } }
@media screen and (max-width: 1250px) { .news-item { width:49.25%; } }
@media screen and (max-width: 600px) { .news-item { width:100%; } }






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

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


}



/* **********  Mobile nav & layout  ********** */

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

.mobile { display:block; }
.desktop { display:none; }
span.mobile { display:inline; }

#subNav a { margin:0; }
#subNav a.spaceBefore { margin-top:0px; }
#subNav a.policyLink.spaceBefore { margin-top:20px; }
#subNav a.policyLink { font-size: 1.08em; }

.light  #subNav { background:#F1F0ED; }
.mid  #subNav { background:#F8F8F6; }
.dark #subNav { background:#8B896F; }




}



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

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

#mainNav.active { display:block; }




}