@media only screen and (max-width: 1020px) {
	header .logo				{ left: 20px; }
	header nav.social-links		{ margin-right: 20px; }
}

@media only screen and (max-width: 1000px) {
	
}

@media only screen and (min-width:901px) and (max-width:1020px) {
	.restaurant-preview { width: 50%; }	
}

@media only screen and (max-width: 960px) {
	.restaurant-listing h1	{ width: auto; }
	
	.menuOptionsPopup		{ width: 100%; min-width: 600px; }
}

@media only screen and (max-width: 900px) {
	.content-wrapper.minor	{ width: 100% !important; float: none; top: auto !important; right: auto !important; position: relative !important; margin-top: -25px; }
	.content-wrapper.major	{ width: 100% !important; padding-right: 0 !important; float: none; left: auto !important; }
	#content-wrapper		{ padding-bottom: 30px; }
	
	.menu-listing tr.menu-item-options label span	{ float: none; margin-left: -30px; padding-left: 30px; }
}

@media only screen and (max-width: 810px) {
	.body-home h1			{ margin-top: 0; }
	.body-home .button		{ margin-bottom: 40px; }
	
	.login-screen-section	{ width: 100% !important; max-width: 450px; margin: 0 auto !important; float: none !important; }
	.content .login-screen-section-middle span	{ padding: 0 0 10px; }
}

@media only screen and (max-width: 750px) {
	 #site-wrapper				{ padding-top: 60px; }
	#content-wrapper			{ padding-top: 130px; }
	
	.main-nav ul				{ display: none; }
	.mean-container .mean-bar	{ position: absolute !important; background: rgba(0,0,0,.6) !important; border-bottom: 9px solid #FFFFFF; }
	.mean-container .mean-nav	{ background: rgba(0,0,0,.85) !important; margin-top: 46px !important; margin-bottom: -3px !important; }
	.meanmenu-reveal			{ background: transparent url(images/mean-menu-menu.png) no-repeat top left; width: 90px !important; height: 46px; padding: 13px 13px 11px 13px !important; }
	.meanmenu-reveal.meanclose	{ background: none; text-align: right !important; padding: 13px 26px 11px 0 !important; font-size: 20px !important; }
	.meanmenu-reveal span		{ display: none !important; }
	.mean-container .small-screen-only	{ display: block !important; }
	.mean-container .mean-nav ul li a	{ font-size: 15px !important;; font-family: 'Ubuntu',sans-serif !important;; text-transform: none !important; }
	header .top-nav		{ display: none; }
	
	.restaurant-preview { width: 50%; }
/* 	.restaurant-preview .restaurant-info		{ position: absolute; top: 5px; right: 5px; } */
	/*
.restaurant-buttons			{ float: left; margin-top: 0 !important; margin-left: 0 !important; }
	.restaurant-buttons .button	{ margin-left: 0 !important;; }
*/
	.body-menu h1				{ clear: both; }
	
	.restaurant-overview table	{ width: 100%; }
	
	.account-info .payment-option				{ width: 100%; float: none; clear: both; min-height: 1px; }
	
	.payment-form div.contain, .payment-form label	{ width: 47%; }
	.major-credit-cards		{ position: relative !important; color: #000; top: auto; right: auto; float: none !important; margin: -5px -10px 15px 0; }
	.major-credit-cards p	{ color: #000; }
	
	.menuOptionsPopup		{ width: 100%; min-width: 500px; }
	
	#quantityForm			{ margin-bottom: 20px; }
}

@media only screen and (max-width: 530px) {
	.body-home h1				{ margin: 0 0 20px !important; font-size: 55px; display: block !important; width: 100% !important; }
	.body-home h2				{ font-size: 26px; }
	.body-home .button			{ font-size: 26px; margin-bottom: 60px; }
	
	#home-banners-outside-wrapper	{ border-width: 5px; }
	#home-banners					{ border-width: 5px; }
	
	.restaurant-preview-image	{ width: 100%; border-right: none; }
	.restaurant-preview-info	{ width: 100%; clear: both; margin-top: 10px; }

	.major-credit-cards p	{ line-height: 1em; }
	.payment-form div.contain, .payment-form label	{ width: 97% !important; }
	
	.menuOptionsPopup		{ width: 100%; min-width: 450px; }
	
	#content-wrapper .gimmeSomeRoom:first-child { margin: 0 -10px; padding: 0; }
	.body-home #content-wrapper .gimmeSomeRoom:first-child { margin: 0; padding: 0 15px; }
	
	.restaurant-preview { width: 100%; min-height: 0; } 
/* 	.restaurant-preview a:first-child { min-height: 0; padding-bottom: 80px; } */
	
	.restaurant-preview a { display: block !important; padding: 6px !important; }
	.restaurant-preview .restaurant-preview-inner,
	.restaurant-preview.full-width .restaurant-preview-inner { display: block; }
	.restaurant-preview a .restaurant-preview-image,
	.restaurant-preview.full-width a .restaurant-preview-image { width: 100% !important; max-width: 100%; border: none;  }
	.restaurant-preview .restaurant-preview-info,
	.restaurant-preview.full-width .restaurant-preview-info { padding: 0 15px; text-align: center; }
	.restaurant-preview.full-width .restaurant-preview-name { text-align: center; }
	.restaurant-preview.full-width .button-wrapper .button { margin-bottom: 0 !important; }
	.restaurant-preview.full-width .button { float: none; display: inline-block; } 
	.restaurant-preview.full-width .restaurant-preview-info .restaurant-preview-name { padding-right: 0 !important; }
	.restaurant-preview.full-width .restaurant-info { z-index: 9; width: 30px; height: 30px; line-height: 30px; right: auto; top: 5px; left: 17px; }
}


@media only screen and (max-width: 400px) {
	.gimmeSomeRoom				{ padding: 0 15px; }
	
	header .logo				{ left: 15px; }
	header nav.social-links		{ margin-right: 15px; }
	
	.body-home h1				{ margin: 0 0 15px !important; font-size: 50px; }
	.body-home .button			{ font-size: 22px; padding: 12px 24px; }
	
	.back-to-restaurants span	{ display: none; }
	
	.body-contact .content			{ padding-right: 35px; }
	.body-account-login .content	{ padding-left: 12px; padding-right: 12px; }
	
	.contact-form label.contain,
	.contact-form div.contain,
	.contact-form label.half select, 
	.contact-form div.half, 
	.contact-form label.half			{ width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
	
	.menuOptionsPopup		{ width: 100%; min-width: 300px; }
	
	.restaurant-overview img	{ float: none; margin: 0 auto 10px; }
	.restaurant-overview table	{ font-size: .85em; }
	.menu-listing tr.menu-item-options label	{ width: 100%; margin-right: 0; }
	
	#quantityForm			{ font-size: .75em; margin-left: -30px; margin-right: -30px; }
	
	.major-credit-cards		{ background-position: center top; margin-right: 0; margin-left: 0; padding-top: 30px; padding-right: 0; } 
	.major-credit-cards p	{ text-align: center; }
}