/******************************************  
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/


/* Tablet Landscape */
@media screen and (max-width: 1142px) {
 
	body { min-width: 100%; }
	#header { margin-bottom: 5%; }
	#head-wrap { width: 90%; }
	.inner-wrap { width: 90%; }
	#footer { padding: 0 4% 3%; }
	
	.one_col,
	.three_col { padding: 3% 5%; }
	
	.home #content .one_col,
	.home #content .three_col { padding: 2% 5% 3%; }
	
	h1.archive_title { padding: 2% 5% 0; }
	#content .post .post-content { padding: 5% 5% 3%; }
	#content .three_col .post { width: 31%; margin: 0 2% 2% 0; }
	
	.galleria-container { max-width: 100% !important; width: auto !important; }
	.gallery-slider .galleria-container img { max-width: 100% !important; height: auto !important; top: 0 !important; }
	.gallery-slider { height: auto; }
	.gallery-slider .galleria-thumbnails-container { height: 90px; }
	.gallery-slider .galleria-thumbnails .galleria-image { height: 75px !important; }
	.gallery-slider .galleria-stage { bottom: 110px; }
	.gallery-slider .galleria-carousel .galleria-thumb-nav-left, .gallery-slider .galleria-carousel .galleria-thumb-nav-right { top: 25px; }
	
	.post-thumb img { max-width: 100%; height: auto; }
	.post-video { position: relative; padding-bottom: 56.25%; display: block; padding-top: 30px; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
	.post-video iframe,
	.post-video object,
	.post-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	#content .one_col .post .post-thumb { width: 47%; margin: 0 3% 0 0; }
	#content .one_col .post .post-video { margin: 0 3% 0 0; position: relative; padding-bottom: 0; display: inline; padding-top: 0; height: auto; overflow: hidden; width: 47%; max-width: 47%; }
	#content .one_col .post .post-video iframe,
	#content .one_col .post .post-video object,
	#content .one_col .post .post-video embed { position: relative; top: 0; left: 0; width: 100%; height: 250px; }
	
	#footer div.column { margin-right: 5%; width: 47%; }
	#footer #footermenu { width: 100%; margin: 0 0 15px; }
	#footer #copyright { width: 100%; float: left; text-align: left; }

	.fullimg { width: 112%; margin: 0 0 30px -6% !important; }
	.fullimg img { max-width: 100%; height: auto; }
 
}
 

/* Tablet Portrait */
@media screen and (max-width: 768px) {


 	body { font-size: 14px; }
 	#selectnav1 { display: inline-block; font-size: 16px; padding: 5px; margin: 0 0 30px; }
	#mainmenu { display: none; }
	#logo img { max-width: 100%; width: 100%; height: auto; }

	#content .post .pubdate { display: block; width: 100%; text-align: left; }
	#content .post .meta .right { float: left; }

	#content .one_col .post .post-thumb { width: 100%; margin: 0 0 2%; background: none; text-align: left; }
	#content .one_col .post .post-video { margin: 0 0 2%; position: relative; padding-bottom: 56.25%; display: block; padding-top: 30px; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
	#content .one_col .post .post-video iframe,
	#content .one_col .post .post-video object,
	#content .one_col .post .post-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#content .one_col .post .post-content { overflow: visible; }
 
	h1.archive_title { font-size: 22px; }
	#content .post .title { font-size: 24px; margin-bottom: 15px; }
	.widget_archive li { width: 100%; }
 	#content .one_col .post .title { font-size: 18px; }
	#content .three_col .post .meta { display: none; }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {	

	#head-wrap { text-align: left; }

	#content .one_col .post .post-thumb, #content .one_col .post .post-video { width: 100%; margin:0 0 2%;}
	#content .one_col .post .post-content { overflow: visible; }

	h1.archive_title { font-size: 16px; }

	#content .post .title { font-size: 20px; }
	#content .three_col .post { width: 100%; margin:0 0 2% 0;}

	.post-thumb { text-align: left; background: none !important;}
  	
  	#respond #formLabels input { width: 80%; }
  	#respond .comment-form-comment textarea { width: 80%; }

	.commentlist #respond .comment-form-comment textarea { width: 80%; }
 
    #footer div.column { margin-right: 0;  width: 100%; }
	#footer .column .widget { width:100%; }

}