@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.formobile
	{
		display:block!important;
	}
	.nav ul li
	{
		margin: 0 10px;
	}
	.wrapper:after
	{
		display: none;
	}
}
@media only screen and (max-width:1024px)
{
	.container
	{
		padding: 35px 20px;
	}
	.nav
	{
		margin-left: auto;
		margin-right: 60px;
	}
	.nav ul li
	{
		margin: 0 5px;
	}
}
@media only screen and (max-width:960px)
{
	.nav
	{
		display: none;
	}
	.nav, .nav__content h1, .nav__content_details
	{
		display: none;
	}
	.nav__content .nav
	{
		display:  block!important;
	}
	.nav__content .nav
	{
		margin-left: auto;
		margin-right: 0px;
	}
	.nav ul li
	{
		display: block;
	}
	.intro:after
	{
		right: -50px;
		width: 300px;
		height: 300px;
	}
}
@media only screen and (max-width:768px)
{
	.alignmiddle, .menu-list, .ambience-page article
	{
		display: block;
	}
	.container h2
	{
		font-size: 30px;
	}
	.container h3
	{
		font-size: 24px;
	}
	.intro figure, .intro aside, .reservation figure, .reservation fieldset, .aboutus figure, .aboutus aside, .vision figure, .vision aside, .menu-list figure, .menu-list aside, .ambience-page article figure, .ambience-page article aside, .contact aside, .contact .formfield
	{
		width: auto;
		float: none;
	}
	.intro figure:after
	{
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
	}
	.partners ul li figure
	{
		padding: 10px;
	}
	.page-title h2, .page-title-only h2
	{
		font-size: 34px;
		text-align: center;
	}
	.page-title h3
	{
		font-size: 22px;
	}
	.page-title-only nav
	{
		position: static;
	}
	.page-title-only nav ul li
	{
		display: inline-block;
		float: none;
	}
	.ratings ul li
	{
		width: 100%;
	}
	.ratings ul li article
	{
		padding: 15px 30px;
	}
	.virtual-menu ul li
	{
		width: 50%;
	}
	.menu-list aside
	{
		padding: 20px 30px;
		border-radius: 0 0 50px 50px;
	}
	.menu-list aside:after
	{
		display: none;
	}
	.ambience-page article figure img
	{
		height: 300px;
	}
}
@media only screen and (max-width:580px)
{
	.partners ul
	{
		display: block;
	}
	.partners ul li
	{
		width: 100%;
		margin: 0 0 10px 0 !important;
	}
	.partners ul li figure
	{
		padding: 10px;
	}
	.ambience aside, .ambience figure
	{
		width: auto;
		float: none;
	}
	.ambience figure
	{
		margin-top: 10px;
	}
	.virtual-menu ul li
	{
		width: 100%;
	}
}
@media only screen and (max-width:320px)
{
	
}