/* =============================================================================
   Primary styles
   Author: Chad Roberts Design
   ========================================================================== */


/* =============================================================================
   MEDIA QUERIES

   MOBILE - PORTRAIT 1-col with 1-col
   MOBILE - LANDSCAPE 1-col with 2-col
   TABLET - PORTRAIT 3-col with 5-col
   TABLET - LANDSCAPE 3-col with 5-col

   ========================================================================== */


/* iphone - PORTRAIT */
@media screen and (max-device-width: 320px) and (orientation: portrait){ 
	#wrapper {width: 90%;}	
	#home .gallery-grid .gallery-thumb { width:33.33333333%; padding: 1% 0;}
	#home #post-grid .post-thumb { width:18.675%; padding: 0 1.225% 0 0!important;}
	#home #post-grid .last-mobile {padding:0!important;}
	#home #post-grid .last { visibility: hidden; display: none;}
	#home .gallery-grid .divider-lg { visibility: hidden; display: none;}

}

/* iphone - LANDSCAPE*/
@media screen and (max-device-width: 480px) and (orientation: landscape){ 
	#wrapper {width: 90%;}	
	#home .gallery-grid .gallery-thumb { width:33.33333333%; padding: 1% 0;}
	#home #post-grid .post-thumb { width:18.675%; padding: 0 1.225% 0 0!important;}
	#home #post-grid .last-mobile {padding:0!important;}
	#home #post-grid .last { visibility: hidden; display: none;}
	#home .gallery-grid .divider-lg { visibility: hidden; display: none;}

}

/* ipad - PORTRAIT */
@media screen and (max-device-width: 768px) and (orientation: portrait){ 
	#wrapper {width: 90%;}	
	#home .gallery-grid .gallery-thumb { width:33.33333333%; padding: 1% 0;}
	#home #post-grid .post-thumb { width:18.675%; padding: 0 1.225% 0 0!important;}
	#home #post-grid .last-mobile {padding:0!important;}
	#home #post-grid .last { visibility: hidden; display: none;}
	#home .gallery-grid .divider-lg { visibility: hidden; display: none;}

}

/* ipad - LANDSCAPE */
@media screen and (max-device-width: 1024px) and (orientation: landscape){ 
	#wrapper {width: 90%;}	
	#home .gallery-grid .gallery-thumb { width:33.33333333%; padding: 1% 0;}
	#home #post-grid .post-thumb { width:18.675%; padding: 0 1.225% 0 0!important;}
	#home #post-grid .last-mobile {padding:0!important;}
	#home #post-grid .last { visibility: hidden; display: none;}
	#home .gallery-grid .divider-lg { visibility: hidden; display: none;}

}