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

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

	.Header-Left { display: none; }
	.Header-Right {
		margin: 20px auto 0 auto;
		position: relative;
		top: 0;
		}

	.Header-Nav { display: none; }
	.Header-Nav-Menu { display: inline-block; }
}

@media
all and (max-width: 1010px),
all and (max-device-width: 1010px)
{
	.Entry-Text .alignwide {
		margin-left  : 0;
		margin-right : 0;
	}

	.slick-prev, .slick-next {
		display: none!important;
	}
}

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

	.Product { width: 48%; }

	.Entry-Optin-Main {
		max-width: 320px;
		left: 0;
		}

	.Entry-Optin form {
		margin: 20px auto 0 auto;
		display: block;
		}
}

@media
all and (max-width: 768px),
all and (max-device-width: 768px)
{
	.Header-Banner-Desktop { display: none; }
	.Header-Banner-Mobile { display: block; }

	.Footer { padding: 30px 10px; }
	.Footer-Bottom { margin: 30px auto 0 auto; }
	.Footer-Optin-Top img,
	.Footer-Optin-Top h2 {
		margin: auto;
		display: block;
		}

	.Footer-Optin-Top h2 {
		margin: 10px auto 0 auto;
		text-align: center;
		width: 100%;
		max-width: 500px;
		}

	.Footer-Optin form { margin: 20px auto 0 auto; }

	.Footer-Optin input {
		margin: 10px auto 0 auto;
		width: 100%;
		display: block;
		}

	.Excerpt {
		margin: 40px auto 0 auto;
		width: 100%;
		display: block;
		}

	.Excerpt-Title { min-height: 0; }
	.Excerpt-Text { min-height: 0; }

	.Product {
		margin: 30px auto 0 auto;
		width: 100%;
		display: block;
		}

	.Entry-Convo-Left {
		margin: auto;
		display: block;
		float: none;
		}

	.Entry-Convo-Button {
		margin: 20px auto 0 auto;
		float: none;
		}

	.Entry-Popular { padding: 30px 10px; }

	.Popup { display: none !important; }
}

@media
all and (max-width: 600px),
all and (max-device-width: 600px)
{
	.wp-block-image .alignleft, .wp-block-image .alignright {
		float: none;
		margin: 0 auto 1.5em;
	}

}

@media
all and (max-width: 450px),
all and (max-device-width: 450px)
{
	.Header-Nav-Menu { margin-bottom: 10px; }
}