/* ==========================================================================
CSS Queries
========================================================================== */

@media screen and (max-width:840px) {
	.shop-btn { padding: 15px 25px; font-size: 10px; }
	.hero {  }
	.acuity-iframe-container { margin-top: -30px; }
	h3.mptt-column-title { font-size: 30px; font-weight: 700; }
	#vsel .vsel-image { max-width: 100%!important; width: 100%!important; }
	footer, .footer, .footer-leftcol p, .footer-rightcol p { text-align: center; }
	.footer .standard-btn { margin: 0px 0px 20px 0px; }
	footer li { padding: 10px 0; }
	footer li a { font-size: 18px; }
	.standard-btn { display: block; width: 100%; text-align: center;}
	.hero { background-position: 50% 50%; }
	.hero .hero-title { padding: 60px 0 0 0; font-size: 40px }
	.hero h1 { padding: 20px 0 70px 0; font-size: 22px }
}
@media screen and (max-width:1200px) {
	p { }
	.thin-sep { display: none; }
	.arrow { display: none; }
	nav { height: auto; width: 100%; background: none; margin: 0px; }
	.nav-wrapper { background-color: #fff; }
	nav ul { width: 100%; display: block; height: auto; padding: 0; }
	nav li { width: 100%!important; float: left!important; position: relative!important; text-align: center!important; }
	nav ul li a { width: 100%; float: left; position: relative; padding: 0px; text-align: center; border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin: 0px; }
	nav ul li a.last { border-bottom: none; }
	nav ul li.dot { display: none; }
	.responsive-logo { background: url(../img/respirayoga-responsive-logo.png) no-repeat center center; width: 150px; height: 24px; background-size: cover; position: absolute; top: 18px; left: 50%; margin-left: -75px; }
	.logo-1 { position: absolute; left: 50%; top: 50%; }
	.logo-holder { display: none; }
	.logo-2 { position: absolute; left: 50%; top: 50%; }
	.logo-3 { position: absolute; left: 50%; top: 50%; }
	.footer-midcol ul { margin-top: 40px; }
	.submit-btn { margin-top: 10px; }
	.page-header { background-color: #000; border: none; color: #fff; padding: 0px; margin: 0px -15px; text-transform: uppercase; background-size: 200px, 200px; background-position: calc(0% - 110px) 50px, calc(100% + 110px) 50px;}
	.page-header h1 { line-height: 30px; padding: 60px 40px; text-align: center; font-size: 30px; font-weight: normal; letter-spacing: 4px; margin: 0px;}
	.page-content { padding: 35px 10px; }
	.class-thumbnail { display: block; margin-bottom: 25px; }
}
@media only screen and (max-width:1200px) {
	nav { border-bottom: 0; }
	nav ul { display: none; height: auto; }
	.pullcontainer { width: 100%; text-align: right; padding: 15px; }
	.pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }
}
@media screen and (min-width:840px) {
	.acuity-iframe-container { background-color: #dfdfdf; }
}
@media screen and (min-width:1200px) {
	.page-header { background-color: #000; border: none; color: #fff; padding: 0px; margin: 0px; text-transform: uppercase; height: 200px; background-size: 300px, 300px; background-position: calc(0% - 160px) 50px, calc(100% + 160px) 50px;}
	.page-header h1 { line-height: 200px; text-align: center; font-size: 30px; font-weight: normal; letter-spacing: 4px; margin: 0px; }
	.page-content { padding: 35px 0px; }
}
.mptt-shortcode-wrapper th, .mptt-shortcode-wrapper td { border: 1px solid #ddd!important; }
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container { outline: none; }