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

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
	.hero { height: 300px; }
	.youtube { margin-top:50px; height: 200px;}
	.l_spacer2 { margin-left: 0px; }
	select.shipping { float:none; width: 250px;}
	select.giftwrap { float:none; width: 250px;}
	h2.product { padding-left:15px; }
	h3.product { padding-left:15px; margin-top: 0px; }
	.section-text p { padding: 0 15px; text-align: justify;  }
	.section-text { border:none; background-color:#FFFFFF;}
	span.price { float:none; font-size:32px; display:block; text-align:right; }
	input.quantity { float:none; }
	.section-1 { height: 350px; }
	.section-2 { height: 350px; }
	.section-3 { height: 350px; }
	.section-4 { height: 350px; }
	.section-5 { height: 350px; }
	.section-6 { height: 350px; }
	.section-7 { height: 350px; }
	.shop-image { display:block; float:none;}
	.font-holder-mobile { display: none; }
}

@media screen and (max-width:900px) {
	nav { 	height: 120px; width: 100%; background: none; margin: 70px 0 0 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%; float: left; position: relative; padding: 25px 0; 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; }
	.l_spacer2 { margin-left: 0px; }
    .responsive-logo { background: url(../img/gfx/ER-Logo_200.svg) no-repeat center center; width: 200px; height: 200px; position: absolute; top: 10px; left: 10px; }
	.logo-holder { display: none; }
	.font-holder { display: none; }
	.nav-line { display: none; }
	
}


@media screen and (max-width:1200px) {
    p{font-size: 14px; }
    .thin-sep { display: none; }
    .arrow { display: none; }
    .footer-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
}

@media only screen and (max-width:900px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 100%; text-align: right; padding: 20px 20px 0 0; }
    .pullcontainer a#pull { display: block; width: 100%; color: #242a2c; }

}

@media screen and (min-width:900px) {
	.font-holder-mobile { display: none; }
}