/* -- HD DISPLAY -- */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dppx) { 
    
    div#lightbox a.prev {
		background-image: url(../images/common/lightbox-prev-2x.png);
		background-size: 17px 33px;
	}
	
    div#lightbox a.next {
		background-image: url(../images/common/lightbox-next-2x.png);
		background-size: 17px 33px;
	}

	div#header .logo h1 a {
		background-image: url(../images/common/logo-2x.png);
		background-size: 305px 26px;
	}
	
	h2 {
		background-image: url(../images/common/divider-2x.png);
		background-size: 47px 1px;
	}

	div#footer-social a {
		background-image: url(../images/common/social-2x.png);
		background-size: 50px 17px;
	}

	.OT_searchDateField,
	.OT_searchTimeField,
	.OT_searchPartyField {
		background-image: url(../images/common/res-arrow-2x.png)!important;
		background-size: 24px 15px !important;
	}	    

}


/* -- NORMAL DISPLAY -- */

@media screen and (max-width: 1010px) {

	div#wrapper {
		min-width: 0;
	}
	
	div#content {
		min-width: 0;
	}
	
	div#content div.page-layout {
		width: auto;
		min-width: 0;
		padding-left: 82px;
		margin: 0;
	}
	
	div#header .address {
		display: none;
	}

} 


/* -- TABLET DISPLAY -- */

@media screen and (max-width: 830px) {


	div#header .place,
	div#header .phone {
		display: none;
	}
		
	div#nav a#nav-trigger {
		display: block;
		width: 100%;
		height: 1px;
		padding-top: 34px;
		overflow: hidden;
		background: url(../images/common/nav-trigger-2x.png) center center no-repeat;
		background-size: 35px 35px;
	}
	
	div#nav ul {
		display: none;
		margin-left: 0;
		padding-left: 0;
		position: absolute;
		z-index: 10;
		width: 100%;
		background: #569339;
	}
	
	div#nav ul li {
		display: block;
		float: none;
		padding: 4px;
	}

	div#nav ul li a {
		display: block;
	}

	div#nav ul li.selected a,
	div#nav ul li a:hover {
		border-top: 6px solid #569339;
	}
	
	div#content {
		height: auto;
		min-height: 0;
		padding-bottom: 150px;
	}

	div#content div.page-wide {
		width: 534px;
	}
	
	div#footer {
		position: absolute;
		width: 100%;
		min-width: 0;
		overflow: hidden;
		height: 250px;
		box-shadow: none;
	}
	
	div#footer-res {
		position: relative;
		height: auto;
		padding: 5px 6px;
		color: #FFF;
		text-align: center;
	}
	
	div#footer-res div#reservations {
		position: relative;
		width: auto;
	}
	
	div#footer-res div#res-widget {
		display: none;
	}
	
	div#footer-res div#res-button {
		display: block;
	}
	
	div#footer-res div#reservations div.label {
		float: none;
		width: auto;
		padding-top: 0;
		padding-right: 0;
		text-align: center;
	}
	
	div#footer-res div#reservations a.button {
		display: block;
		width: auto;
		background: #FFF;
		color: #F7911D;
		margin-top: 5px;
	}
	
	div#footer-hours {
		height: auto;
		padding: 5px;
		text-align: center;
		line-height: 20px;
	}
	
	div#footer-hours div {
		float: none;
		display: block;
	}

	div#footer-links {
		height: auto;
		text-align: center;
		line-height: 20px;
	}
	
	div#footer-links .left,
	div#footer-links .right {
		float: none;
		display: block;
		clear: both;
	}
	
	div#footer-social {
		float: none;
		width: 60px;
		height: 20px;
		padding: 8px 0 10px;
		margin: auto;
	}
	
	div#footer-links .right {
		width: auto;
		height: 20px;
		padding: 10px 0;
	}

	div#lightbox {
		width: 768px;
		height: 528px;
	}
	
	div#lightbox a.nav {
		padding-top: 527px;
	}

	
	div#lightbox div#lightbox-images {
		width: 704px;
		height: 528px;
	}
	
	div#lightbox div#lightbox-images div {
		width: 2112px;
		height: 528px;
		margin-left: -704px;
	}
	
	div#lightbox div#lightbox-images div img {
		width: 704px;
		height: 528px;
	}		

	/*
		
	div#landing-cols {
		height: auto !important;
		overflow: visible;
	}

	div#landing-cols div.location {
		float: none;
		width: 100%;
	}

	div#landing-cols div.location div.location-wrap {
		border: 0;
		border-bottom: 2px solid #FFF;
	}
	
	div#landing-cols div.location:first-child div.location-wrap {
		border-right: 0;
	}
	
	*/
	
	#landing div#content {
		padding-bottom: 35px;
	}
	
	#landing div#footer .right {
		padding-top: 0;
	}
	
	div#homepage-buttons {
		width: 310px;
		padding-bottom: 52px;
	}
	
	div#homepage-buttons a:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}


	div#gallery {
		width: 534px;
	}
	
	div#gallery ul {
		width: 550px;
		overflow: hidden;
	}
	
}


/* -- PHONE DISPLAY -- */

@media screen and (max-width: 420px) {

	div#content {
		min-width: 0;
		height: auto;
	}
		
	div#content div.page-layout {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 100px;
	}

	div#content div.page,
	div#content div.page-wide {
		width: auto;
	}

	div#content div.page img {
		width: 100%;
		height: auto;
	}
	
	div#footer-hours {
		font-size: 11px;
		letter-spacing: 0;
	}
	
	/*

	div#landing-cols div.location div.info {
		height: auto;
	}
	
	div#landing-cols div.location div.info-address {
		width: auto;
		height: auto;
		padding-bottom: 20px;
	}
	
	*/

	div#gallery {
		width: 100%;
	}
	
	div#gallery ul {
		width: 100%;
	}

	div#gallery ul li {
		padding: 0 0 15px;
	}

	div#gallery ul li a {
		display: none;
	}
		
	div#gallery ul li img.full {
		display: block;
		width: 100%;
		height: auto;
	}

}