@charset "utf-8";
/* CSS Document */
input.resp-nav, label.resp-nav, input.resp-nav2, label.resp-nav2 { display:none; cursor:pointer; font-weight:400; }

#wrapper { min-width:320px; }
/* menu */
@media screen and (max-width: 900px), screen and (max-device-width: 900px), screen and (max-width: 900px) {
	#footer > div ul { white-space:normal; text-align:center; }
	#footer > div ul li { display:inline-block; text-align:center; margin-top:10px; width:25%; vertical-align:top; }
	#footer > div ul li.szep { width:100%; }
	#footer > div ul li.facebook { margin-top:20px; }
	#footer > div ul li img { width:100%; }
	#footer > div ul li.szep img { max-width:410px; margin-right:0px; }
	#footer > div ul li.partner img { max-width:133px; margin-top:-13px; }
	#footer > div ul li.facebook img { max-width:165px; margin-top:-25px; }
	#footer > div ul li a *{ transition:none; -webkit-transition:none; }
	#footer > div ul li.partner a { height:58px; overflow:hidden; display:inline-block; } 
	#footer > div ul li.facebook a { height:40px; overflow:hidden; display:inline-block; }
	#footer > div ul li:first-child span { margin-bottom:20px; }
	#footer > div ul li span { margin-bottom:0px; display:none; }
	#footer > div ul li::before { display:none; }
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px), screen and (max-width: 800px) {
	label.resp-nav { display:inline-block; background:url(../images/resp_nav_bg.jpg) #8b4c43; padding:0px 10px; z-index:999; color:#fff; line-height:30px; box-shadow:0px 5px 5px rgba(0,0,0,.25); text-shadow:1px 1px 2px #000; }
	#menu { position:fixed !important; right:10px !important; top:10px !important; background:none !important; width:auto !important; height:30px !important; z-index:1001; }
	#menu ul.menu > li { padding:0px; display:block; }
	#menu::after, #menu ul.menu::before, #menu ul.menu::after { display:none !important; }
	#menu ul.menu > li::before { display:none; }
	#menu ul.menu > li > a { line-height:28px; text-align:left; display:block; font-size:16px; }
	#menu ul.menu { visibility:hidden; position:absolute; opacity:0; background:#f1e9c5; top:30px; padding:10px 15px 10px 10px; width:auto !important; right:0px; box-shadow:0px 5px 15px rgba(0,0,0,.25); z-index:1000;}
	#menu ul.menu li a { display:block; white-space:nowrap; }
	#menu ul.menu li a::before { top:8px; background-size:100% 100%; width:12px; height:12px; left:2px; }
	#menu ul.menu > li.lang { display:block; }
	#menu input[class="resp-nav"]:checked ~ ul { visibility:visible; opacity:1; transition:all .3s; -webkit-transition:all .3s; }
	header div.menu { position:fixed; top:10px; right:10px; }
	#newsletter-lang { display:none; }
	#ns-to-top { display:none !important; }
	
	#footer > div ul li { display:inline-block; text-align:center; margin-top:10px !important; width:100%; vertical-align:top; }
	
	#header.fixed { margin-bottom:11px; }
	#slides { height:auto; padding-bottom:65px; }
	
	/* menu, drinks */
	div.cats::before, div.cats::after, div.cats h1 > span::after { display:none; }
	div.cats, div.cats h1 { float:none; width:100%; text-align:center; }
	div.cats { padding:0px 0px 20px 0px; }
	div.cats li { display:inline-block; padding:5px 20px; border-top:1px solid rgba(102, 83, 56, 0.1) !important; }
	div.cats li.sel::before { left:0px; }
	#content div.list { padding:0px; }
	#content div.list h2.title { text-align:center; }
	#content div.list h2.title span::before { left:-34px !important; right:auto; }
	#content div.list li > h3 { font-size:16px; line-height:normal; }
	#content div.list li:first-child { border:none; margin:0; padding:0; }
	#content div.list ul li { border-top:1px solid rgba(102, 83, 56, 0.1); background:none; padding-top:20px; padding-bottom:0px; margin-top:20px; }
	#content div.list ul li.img > div.i { top:14px; }
	#content div.list ul li:first-child > div.i { top:-6px; }
	/* gallery */
	#content div.c.albums h3 { font-size:16px; line-height:normal; }
	
	#ns-tooltip span::after { display:none; }
	#ns-tooltip span { margin-bottom:0px; }
}
@media screen and (max-width: 700px), screen and (max-device-width: 700px), screen and (max-width: 700px) {
	#content div.c.albums ul li { width:50%; }	
	#content div.c.photos ul li { width:33.33%; padding-top:33.33%; }
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px), screen and (max-width: 600px) {
	/* home */
	#content div.block div.services > div.service { width:100%; }
	#content div.contact div.info { float:none; width:100%; margin-bottom:20px; }
	#content div.contact div.map { padding:0px; width:100%; }
	#content div.reservation { text-align:center; padding:10px 30px 0px 30px; }
	/* forms */
	form > div, form div.col > div { width:100%; }
	form div.col { width:100%; }
	#footer div.newsletter::before { display:none; }
	#content div.newsletter > div, #footer div.newsletter > div { background:none; padding:0px 0px 40px 0px; }
	/* slides */
	#slides div.holder div.info span.title { font-size:18px; line-height:normal; }
}
@media screen and (max-width: 500px), screen and (max-device-width: 500px), screen and (max-width: 500px) {
	#content div.list li > div.price { text-align:left; float:none; padding:0; }
	#content div.list ul li.img > div.price { padding-left:65px; }
	#content div.c.albums ul li { width:100%; }	
	#content div.c.photos ul li { width:50%; padding-top:50%; }
	#content div.block > h2, #footer div.block > h2, h2.title { margin-bottom:15px; }
	#content div.block > h2 span, #footer div.block > h2 span, h2.title > span { font-size:32px; }
}