#mobile_header, #mobile_bgs, #mobile_footer, div.opaque_overlay.mobile_only {
	display: none;
}


/* Styles for Smartphones 250px - 750px */
@media only screen and ( min-device-width: 250px ) and ( max-device-width: 650px ) {
	
	/*
	---------------------------------------------
	Smartphone Resets
	---------------------------------------------
	*/
	
	html {
		background: #000;
	}
	
	body {
		height: 100%;
	}
	
	div#header, ul#desktop_bgs, ul#nav, div#footer, ul.longtable_gallery, #sticky_footer_push, #seasonal, ul#supersized, body.contact #map-canvas, body.reservations #map-canvas {
		display: none;
	}
	
	#mobile_header, #mobile_bgs, #mobile_footer, div.opaque_overlay.mobile_only {
		display: block;
	}
	
	div#container, div#content, div.auto_height, div.padding, div#footer, #footer .left_col, ul#social_media, ul#social_media li, #footer .right_col, div#header div#mobile_brand {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	
	div#container, div#header .brand.mobile, ul#mobile_nav_footer {
		display: block;
	}
	
	div#container {
		padding: 0px 0px 0px 0px;
		margin: 0px;
		position: relative;
		background: none;
	}
	
	div#content {
		min-height: 100px;
	}
	
	div#content, body.food #content {		
		width: 84%;
		margin: 0px auto 65px auto;
		position: relative;
		padding: 0px;
	}
	
	body.home div#content {
		margin-bottom: 140px;
		margin-bottom: 0;
	}
	
	#mobile_bgs {
		
	}
	
	#footer {
		height: auto;
	}
	
	#footer .left_col, #footer .right_col {
		float: none;
	}
	

	/*
	---------------------------------------------
	Smartphone Master Styles
	---------------------------------------------
	*/
	
	#mobile_footer {
		background: #fff;
	}
	
	.wrapper {
		width: 84%;
		margin: 0px auto;
		padding: 0px;
		position: relative;
	}
	
	div#mobile_header {
		background: #fff;
		position: relative;
	}
	#mobile_header .wrapper{
		height:70px;
	}
	div#header .wrapper {
		position: relative;
	}
	
	div#mobile_header .brand.mobile {
		width: 110px;
		padding: 12px 0px 8px 0px;
		margin: 0px auto;
	}
	
	
	div#mobile_header .brand.mobile img {
		width: 100%;
	}
	
	div#header div#mobile_brand img {
		width: 100%;
	}

	div.inset_top_shadow {
		width: 110%;
		margin: 0px -5%;
		height: 20px;
		display: block;
		 -webkit-box-shadow: inset 0px 5px 10px 1px #000000;
		 box-shadow: inset 0px 5px 10px 1px #000000;
		 background: #B60000;
	}

	ul#mobile_nav_btn {
		margin: 0px;
		padding: 9px;
		width: auto;
		height: auto;
		float: right;
		display: block;
		background: #fff;
		position: absolute;
		right: 0px;
		top: 15px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px; /* future proofing */
		-khtml-border-radius: 2px; /* for old Konqueror browsers */
	}
	
	ul#mobile_nav_btn:hover {
		cursor: pointer;
	}
	
	ul#mobile_nav_btn li {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		display: block;
		background: #B60000;
		height: 5px;
		width: 27px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; /* future proofing */
		-khtml-border-radius: 4px; /* for old Konqueror browsers */
	}
	
	ul#mobile_nav_btn li:last-child {
		margin-bottom: 0px;
	}

	ul#mobile_nav_header{
		background: #000000;
		width: 100%;
		text-align: center;
		margin: 0;
		visibility: hidden;
		position: absolute;
		opacity:0;
		-webkit-transition: visibility 300ms;
		transition:visibility 300ms;
	}
	ul#mobile_nav_footer {
		background: #000000;
		width: 100%;
		text-align: center;
		margin: 0;
		
		-webkit-transition: visibility 300ms;
		transition:visibility 300ms;
	}
	
	ul#mobile_nav_footer {
		margin: 0px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	ul#mobile_nav_footer li {
		/* border-bottom: 1px solid #e1e1e1; */
		background: #000;
	}
	
	ul#mobile_nav_footer li:last-child {
		border-bottom: none;
	}
	
	div#mobile_nav_wrapper {
		background: #fff;
		position: relative;
		padding: 0px 0px;
	}
	
	div#mobile_nav_wrapper div.inset {
		position: absolute;
		width: 100%;
		height: 15px;
		z-index: 999;
		display: none;
	}
	
	div.inset.top {
		top: 0px;
		background: url(../img/master/mobile_gradient_top.png) repeat-x top;
	}
	
	div.inset.bottom {
		bottom: 0px;
		background: url(../img/master/mobile_gradient_bottom.png) repeat-x bottom;
	}
	
		
	ul#mobile_nav_header.toggled{
		visibility: visible;
		position: relative;
		opacity:1;
	}

	ul#mobile_nav_footer li {
		padding: 18px 0px;
	}
	
	ul#mobile_nav_footer li:first-child {
		/* border-top: 1px solid #B60000; */
	}
	
	ul#mobile_nav_header li.active {
		background: #B60000;
	}
	
	ul#mobile_nav_footer li.active {
	}

	#mobile_reservations { 
		display: block;
		width: 100%;
		position: absolute;
		background: rgba(0,0,0,0.50);
		border-bottom: 1px solid #B60000;
		z-index: 1;
	}
	
	div#body {
		padding: 70px 0px 0px 0px;
	}
	
	body.food #body, body.home #body {
		position: relative;
	}
	
	body.home #mobile_bgs li {
		display: block;
	}
	
	div#body div.padding {
		width: 84%;
		margin: 0px auto;
	}
	
	div#footer {
		background: #fff;
		overflow: hidden;
	}
	
	ul#mobile_social_media {
		display: block;
		text-align: center;
		height: auto;
		background: #B60000;
	}
	
	ul#mobile_social_media li {
		display: inline-block;
		width: 36px;
		height: 36px;
		vertical-align: top;
		margin: 20px 10px;
	}
	
	ul#mobile_social_media li img {
		width: 100%;
	}

	ul#mobile_contact_info {
		background: #B60000;
		margin: 0px;
		padding: 20px 0px;
		display: block;
		width: 100%;
		text-align: center;
		border-top: 1px solid #fff;
	}
	
	ul#mobile_contact_info li {
		display: block;
	}
	
	ul#mobile_contact_info li.google_maps {
		padding: 10px;
		margin: 20px auto;
		width: 266px;
		border: 1px solid #fff;
	}
	
	ul#mobile_contact_info li.google_maps img {
		width: 100%;
	}
	
	#footer .right_col {
		display: block;
		width: 100%;
		height: auto;
		background: #fff;
	}
	
	#mobile_footer div.brand {
		display: block;
		width: 95px;
		margin: 0px auto;
		padding: 14px 0px 10px 0px;
	}
	
	#mobile_footer div.brand img {
		width: 100%;
	}
	
	#footer .right_col div.brand img {
		width: 100%;
	}
	
	div#mobile_open_table {
		width: 169px;
		margin: 0px auto;
		padding: 20px 0px;
		direction: block;
	}
	
	/*
	---------------------------------------------
	Smartphone Food Section
	---------------------------------------------
	*/
	
	ul#menu {
		width: 75%;
		margin: 0px auto;
	}
	
	ul#menu li h1 {
		font-size: 13px;
		line-height: 140%;
		text-transform: uppercase;
		font-weight: normal;
		margin: 0px 0px 18px 0px;
		padding: 0px;
	}
	
	ul#menu li h2, ul#menu li p {
		line-height: 140%;
		text-transform: none;
		font-weight: normal;
	}
	
	ul#menu li h2 {
		font-size: 14px;
	}
	
	ul#menu li p {
		font-size: 13px;
		margin: 0px 0px 20px 0px;
	}
			
	ul.sub_nav.food {
		width: 100%;
		display: block;
		margin: 0px auto 20px auto;
		padding: 0px;
	}
	
	ul.sub_nav.food li {
		display: inline-block;
		width: 45%;
		border: 1px solid rgba(181,0,0,0);		
		background: rgba(0,0,0,0.57);
		margin: 0px 0px 20px 0px;
		padding: 8px 0px 10px 0px;
		line-height: 12px;
	}
	
	ul.sub_nav.food li a {
		font-size: 13px;
	}
	
	ul.sub_nav.food li a.active {
		border: none;
		color: #fff;
	}
	
	ul#mobile_bgs {
		position: absolute;
		margin: 0px auto;
		width: 100%;
		height: 100%;
		display: block;
		z-index: -2;
		top: 67px;
	}
	
	div.opaque_overlay.mobile_only {
		position: fixed;
		display: block;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.65);
		z-index: -1;
		top: 0px;
	}

	ul#mobile_bgs li {
		width: 100%;
		height: 100%;
	}
		
	ul#mobile_bgs li img {
		width: 100%;
	}
	
	ul.sub_nav.food li.active a {
		color: #fff;
	}
	
	ul.sub_nav.food li.active {
		border: 1px solid rgba(181,0,0,1);
	}
	
	.padding_for_subNav {
		padding: 0px;
	}
	
	#food .menu {
		padding: 0px 0px 0px 0px;
	}
	
	ul#menu li.section {
		margin: 0px 0px 00px 0px;
	}
	
	#food ul li>h1, #food ul li h2 {
		font-size: 16px;
	}
	
	#food ul li h2 {
		font-size: 14px;
		margin: 0px 0px 2px 0px;
	}
	
	#food ul li p, #food #cms_small_plates p {
		font-size: 14px;
		margin: 0px 0px 25px 0px;
	}
	
	#food .menu:last-child {
		padding: 0px 0px 0px 0px;
	}
	
	/* #cms_o p, #cms_cs p, #food #cms_small_plates p, #cms_mp_land p {
		margin: 0px 0px 25px 0px;
	} */
	
	#food {
		width: 84%;
		margin-left: auto;
		margin-right: auto;
	}
	
	ul.ocean_wise {
		display: block;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}
		
	li#large_plates ul.ocean_wise {
		margin-top: 20px;
	}
		
	ul.ocean_wise li {
		display: inline-block;
		vertical-align: top;
	}
	
	ul.ocean_wise li.logo {
		width: 30px;
		padding: 4px 6px 0px 0px;
	}
	
	ul.ocean_wise li.logo img {
		width: 100%;
	}
	
	ul.ocean_wise li.copy {
		font-size: 10px;
		line-height: 12px;
		width: 190px;
		text-align: left;
		padding: 0px 0px 0px 8px;
	}
	
	
	div#scroll_container_wrapper {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
	}

	div#scroll_container {
		height: 300px;
		width: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		padding: 5px 26px 0px 0px;
		/* background: rgba(255, 0, 0, 0.32); */
	}	
	
	ul#menu {
		width: 100%;
	}
	
	ul#menu .menu {
		padding: 0px;
	}
	
	/*
	---------------------------------------------
	Smartphone Cocktail Section
	---------------------------------------------
	*/
	
	body.cocktail #body {
		position: relative;
	}
	
	body.cocktail #mobile_bgs li {
		display: block;
	}
	
	/*
	---------------------------------------------
	Smartphone Longtable Section
	---------------------------------------------
	*/
	
	body.longtable #body {
		position: relative;
	}
	
	body.longtable #mobile_bgs li {
		display: block;
	}
	
	/*
	---------------------------------------------
	Rersvations Section
	---------------------------------------------
	*/
	
	body.reservations #content .left {
		width: auto;
		margin: 0px auto;
		float: none;
	}
	
	body.reservations #content .right, body.reservations #content #google_maps {
		display: none;
	}
	
	body.reservations #content .left.column, body.reservations #content .right.column {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		float: none;
	}
		
	body.reservations #content .right.column ul.contact_details {
		display: none;
	}
	
	body.reservations .btn.award, body.reservations .open_table_widget {
		display: inline-block;
		width: auto;
		margin: 0px auto;
	}
	
	body.reservations .open_table_widget {
		margin-bottom: 25px;
	}
	
	body.reservations .btn.award {
		width: 45%;
		margin-bottom: 25px;
	}
	
	/*
	---------------------------------------------
	Smartphone Typography
	---------------------------------------------
	*/
	
	body #content h1, body #content h2, body #content p {
		font-size: 14px;
		line-height: 140%;
		z-index: 9999;
	}
	
	div#body {
		text-align: center;
	}
	
	body.home #content p.last {
		margin: 0px 0px 0px 0px;
	}
	
	ul#mobile_nav_header li, ul#mobile_nav_footer li {
		font-size: 13px;
		line-height: 13px;
		padding: 22px 0px;
		display: block;
		width: 100%;
	}
	
	ul#mobile_nav_header a, ul#mobile_nav_footer a  {
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
	}
	
	ul#mobile_nav li.active a {
		color: #FFF;
	}
	
	ul#mobile_nav_footer li a {
		color: #fff;
	}
	
	ul#mobile_nav_footer a.active {
		color: #B60000;
	}
		
	#mobile_reservations {
		text-align: center;
		padding: 10px 0px;
	}
	
	#mobile_reservations a {
		font-size: 13px;
		line-height: 84%;
		color: #fff;
		text-transform: uppercase;
	}
	
	ul#mobile_contact_info li, ul#mobile_contact_info li a {
		font-size: 14px;
		color: #fff;
		line-height: 140%;
	}
	
	ul#mobile_contact_info li a, ul#mobile_contact_info li a:hover, ul#mobile_contact_info li a:active {
		color: #fff;
	}
	
	#content p a, #content p a:hover, #content p a:active {
		color: #fff;
		text-decoration: none;
	}
	
	#content p.desktop_only {
		display: none;
	}
	
	body.home #content h1 {
		margin-top: 10px;
	}
	
	ul#mobile_contact_info li.address, ul#mobile_contact_info li.number, ul#mobile_contact_info li.email {
		line-height: 170%;
	}
	
	body.reservations #content #OT_form h2.OT_subtitle {
		font-size: 8px;
	}	
	img.responsive{
		max-width:275px;
	}
}
/* end of  ( min-width: 250px ) and ( max-width: 650px ) */



/* 1024px and up */
@media only screen and ( min-width: 1120px ) { 
	
	#footer ul.two.columns li.column.right {
		display: inline-block;
	}
}


