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

@media screen and (max-width:640px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
}
@media screen and (max-width:1200px) {
	body{font-size-adjust: 0.5;}
    p{font-size:1em; padding: 8%;}
    .thin-sep { display: none; }
    .arrow { display: none; }
    nav { height: auto; width: 100%; background: none; margin: 0; }
    .nav-wrapper { background-color: #fff; }
    nav ul { width: 100%; display: block; height: auto; padding: 0; }
    nav li { width: 100%!important; float: left; position: relative; text-align: center; }
    nav ul li a { width: 100%!important;  display: block; 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; }
    .responsive-logo { display: inline-block;  }
	.responsive-logo img{max-width: 180px!important; margin: 5% 0 0 5%;}
    .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-leftcol p, .footer-rightcol p { text-align: center; }
    .footer-midcol ul { margin-top: 40px; }
    .submit-btn { margin-top: 10px; }
	.headContact{text-align: center;}
	.responsiveHide{display: none!important;}
	.priceWraper{padding: 4%;}
	.hero {  margin-top: -20% !important;  height: auto !important;  padding-top: 20%;}
	.intro, #testimonials, #contact{padding: 2% 0;}
	
	.flexslider{margin: 0;}
	
	
	.footer-leftcol{width: 48%; float: left; padding-right: 0;}
	.footer-leftcol p{text-align: left; padding: 0.1%;}
	
	.footer-rightcol{width: 48%; float: right; padding-left: 0;}
	.footer-rightcol p{text-align: rght; padding: 0.1%;}
	
	.openingTimes{padding: 0; margin: 0;}
	
}
@media only screen and (max-width:1200px) {
    nav { border-bottom: 0; }
    nav ul { display: none; height: auto; }
    .pullcontainer { width: 30%; text-align: right; padding: 20px 20px 0 0; float: right; }
    .pullcontainer a#pull { display: block; width: 100%; color: #fff; }
}