/**********************************************************
// Media Queries
**********************************************************/
@media
all and (max-width: 1100px),
all and (max-device-width: 1100px)
{
	.Header-Left {
		margin: 20px 6px 0 0;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		left: 0;
		top: 0;
		}

	.Header-Right {
		margin: 20px 0 0 6px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		right: 0;
		top: 0;
		}
}

@media
all and (max-width: 1000px),
all and (max-device-width: 1000px)
{
	.Content-Left {
		margin: auto;
		max-width: 100%;
		float: none;
		}

	.Content-Right {
		margin: 20px auto 0 auto;
		float: none;
		}
}

@media
all and (max-width: 900px),
all and (max-device-width: 900px)
{
	.Content { padding: 20px 10px; }

	.Footer-ASI li { width: 18%; }

	.Footer-Main-Left {
		margin: auto;
		width: 100%;
		display: block;
		}

	.Footer-Main-Right {
		margin: 20px auto 0 auto;
		padding-left: 0;
		width: 100%;
		display: block;
		}

	.Excerpt {
		width: 48%;
		max-width: 250px;
		}
}

@media
all and (max-width: 800px),
all and (max-device-width: 800px)
{
	.Header-Inner { padding: 20px 10px; }
	.Header-Nav { display: none; }
	.Header-Nav-Menu {
		margin: 20px 0 0 20px;
		display: inline-block;
		vertical-align: middle;
		}
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Header-Optin-Main { margin: auto; }
	.Post-Optin-Main { margin: auto; }

	.Entry-NP-Prev {
		margin: auto;
		width: 100%;
		float: none;
		}

	.Entry-NP-Next {
		margin: 20px auto 0 auto;
		width: 100%;
		float: none;
		}
}

@media
all and (max-width: 600px),
all and (max-device-width: 600px)
{
	.Excerpt {
		margin: 40px auto 0 auto;
		width: 100%;
		display: block;
		}

	.Post-Book-Image {
		margin: 0 auto -16px auto;
		width: 100%;
		display: block;
		}

	.Post-Book-Main {
		padding-left: 0;
		width: 100%;
		display: block;
		}
}

@media
all and (max-width: 500px),
all and (max-device-width: 500px)
{
	.Header-Optin input {
		width: 100%;
		display: block;
		}

	.Header-Optin input[type="email"] { margin: 10px auto 0 auto; }
	.Header-Optin input[type="submit"] { margin: 10px auto 0 auto; }

	.Footer-ASI li { width: 48%; }

	.Post-Optin input {
		width: 100%;
		display: block;
		}

	.Post-Optin input[type="email"] { margin: 10px auto 0 auto; }
	.Post-Optin input[type="submit"] { margin: 10px auto 0 auto; }
}
