@media (max-width: 820px) {
	#boxes {
		max-width: 500px;
		margin: 100px auto;
		position: static;
		-webkit-transform: none;
		transform: none;
	}
	
	#boxes .box {
		margin-bottom: 15px;
	}
	
	#modal .box {
		position: relative;
		margin: 100px auto;
		top: auto;
		-webkit-transform: none;
		transform: none;
	}
	
	#booking.box .widget {
		float: none;
		height: auto;
	}
	
	#booking {
		padding: 0 !important;
	}

	#booking.box .mob-book-only {
		display: block;
	}
	
	#booking.box .desk-book-only {
		display: none;
	}
	
	#booking iframe {
		margin: 0 auto;
	}
}

@media (max-height: 650px) {
	#boxes {
		margin: 100px auto;
		position: static;
		-webkit-transform: none;
		transform: none;
	}
	
	#modal .box {
		position: relative;
		margin: 100px auto;
		top: auto;
		-webkit-transform: none;
		transform: none;
	}
}


@media (max-width: 480px) {
	.mobile {
		display: block;
	}
	
	.desktop {
		display: none;
	}

	#chochosan {
		width: 75px;
		position: static;
		margin: 25px;
	}
	
	#social {
		display: none;
	}
	
	#credits {
		display: none;
	}
	
	#boxes {
		position: static;
		-webkit-transform: none;
		transform: none;
		text-align: left;
		padding: 0px 25px;
		margin: 0;
	}
	
	#boxes .box {
		display: block;
		padding: 12px;
		margin: 5px 0;
		width: auto;
		height: auto;
		position: relative;
	}
	
	#boxes .box h1 {
		margin-bottom: 0px;
		font: 600 16px 'Gotham A', 'Gotham B';
	}
	
	#boxes .box h2 {
		margin-bottom: 0px;
		margin-top: 20px;
		font: 600 16px 'Gotham A', 'Gotham B';
		display: none;
	}
	
	#boxes .box p {
		font: 400 12px 'Gotham A', 'Gotham B';
		display: none;
		margin-top: 15px;
		margin-bottom: 0px;
		line-height: 1.2;
	}
	
	#boxes .box .corner {
		width: 12px;
		position: absolute;
		top: 16px; right: 14px;
		-webkit-transition: -webkit-transform 500ms;
	}
	
	#boxes .open .corner {
		-webkit-transform: rotate(-90deg);
	}
	
	#modal {
		position: absolute;
		top: 0; right: 0; bottom: auto; left: 0;
		width: 100%; height: auto;
		overflow: visible;
		-webkit-overflow-scrolling: auto;
		display: none;
		background-color: transparent;
	}
	
	#fade {
		position: fixed;
		top: 0; right: 0; bottom: 0; left: 0;
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%; height: 100%;
		display: none;
	}
	
	#modal .box {
		box-shadow: none;
		position: relative;
		padding: 25px;
		max-width: none;
		margin: 0;
		top: auto;
		-webkit-transform: none;
		transform: none;
		display: none;
	}
	
	#modal .x {
		top: 25px; right: 25px;
	}
	
	#menu {
		padding: 0px;
		margin: 0;
	}
	
	#menu .page {
		margin-top: 0px;
		box-shadow: none;
	}
	
	#menu .submenu {
		display: none;
	}
	
	#menu .images.food {
		display: block;
	}
	
	#menu .images.drinks {
		display: block;
	}
	
	#gallery.box {
		padding: 0px 0px;
		max-height: none;
		overflow: visible;
		background-color: transparent;
	}
	
	#gallery .images {
		margin: 0px 0px;
		padding: 125px 0px 0px 0px;
	}
	
	#gallery .item {
		margin: 0 5px;
	}
	
	#gallery .images img {
		width: 100%;
	}
	
	#gallery .arrow {
		margin-top: 50px;
	}

}