@charset "utf-8";
/* CSS Document */
img {
	border:none;
	-ms-interpolation-mode:bicubic;
	height: auto;
	max-width: 100%;
	outline:none;
}
@media only screen and (min-width: 1100px) and (max-width:1300px) {
#container_left {
width:17%;
}
}
 @media only screen and (min-width: 981px) and (max-width:1100px) {
}
 @media only screen and (min-width: 768px) and (max-width: 981px) {
 .contact_right {
float: none;
margin: 0 auto 10%;
width: 100%;
text-align: center;
display: block;
}
.contact_right_box {
 margin: 6px auto;
}
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
 .menu_right_container {
float: none;
margin: 2%;
width: 97%;
}
 .inner_container_right {
width: 93%;
float: none;
margin: 2% 2% 8%;
}
 .staff_container_right {
width: 90%;
float: none;
margin: 2% 2% 8%;
}
 .mbBgndGallery img {
height:900px!important;
}
}
 @media only screen and (max-width: 768px) {
 
 
 
 
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
.inner_container_right {
width: 93%;
float: none;
margin: 2% 2% 8%;
}
 .staff_container_right {
width: 90%;
float: none;
margin: 2% 2% 8%;
}
.mbBgndGallery img {
height:768px!important;
}
 .menu_right_container {
float: none;
margin: 2%;
width: 96%;
}
 .menu_left {
background-color: #fff;
border: 9px solid #dc6801;
min-height: 400px;
float: left;
margin: 6px 2% 0 0;
width: 25%;
}
.menu_right {
background-color: #fff;
border: 9px solid #dc6801;
min-height: 400px;
float: left;
margin: 6px 0 10% 0%;
width: 58%;
}
}
 @media only screen and (max-width: 640px) {
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
.inner_container_right {
width: 85%;
float: none;
margin: 2% 2% 24%;
}
 .staff_container_right {
width: 85%;
float: none;
margin: 2% 2% 24%;
}
 .mbBgndGallery img {
height:900px!important;
}
.icons {
float: left;
width:100%;
display:block;
text-align:center;
}
.icons ul li {
float: none;
list-style-type: none;
display: initial;
}
.footer_right {
width:100%;
display:block;
text-align:center;
}
.event_left {
 display:block;
 width:100%;
 padding:0 0 0 0%;
 text-transform:uppercase;
}
.event_right {
 display:block;
 width:100%;
 text-transform:uppercase;
}
.contact_right {
float: none;
margin: 0 auto 20%;
width: 100%;
text-align: center;
display: block;
}
.contact_right_box {
 margin: 6px auto;
}
 .menu_left {
background-color: #fff;
border: 9px solid #dc6801;
min-height: 400px;
float: left;
margin: 6px 2% 0 0;
width: 92%;
}
 .menu_right {
width: 92%;
}
 .menu_right_container {
float: none;
margin: 2% 2% 30%;
width: 96%;
}
}
 @media only screen and (max-width: 480px) {
 
 .gallery li {
background: none repeat scroll 0 0 #e9e9e9;
float: left;
margin: 10px;
padding: 10px;
text-align: center;
list-style:none;
width:63%;}

 .menu_right_container {
float: none;
margin: 2% 2% 50%;
width: 96%;
}

.menu_pic {
float: none; display:block;
margin: 3%; width:auto;
}
.menu_text {
float: none; display:block;
margin: 3%; width:auto;
}
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
.inner_container_right {
width: 93%;
float: none;
margin: 2% 2% 40%
}
.staff_container_right {
width: 80%;
float: none;
margin: 2% 2% 40%;
}
 .container_left {
width: 94%;
float: none;
margin: 2%;
}
 .container_right {
width: 96%;
float: none;
margin: 2% 2% 8%;
}
 .container_right img {
width:100%;
}
.mbBgndGallery img {
height:768px!important;
}
 .GASTROPOP img {
 float: none;
 width:100%;
}
.GASTROPOP ul {
margin:15px 0;
 float: none;
 width:100%;
}
 .GASTROPOP ul li {
margin:5px 0;
}
.contact_right {
float: none;
margin: 0 auto 30%;
width: 100%;
text-align: center;
display: block;
}
.contact_right_box {
width:90%;
padding:2%;
 margin: 6px auto;
}
.contact_form img {
width:100%
}
.contact_form {
text-align: center;
 margin: 2%;
width: 96%;
}
}
 @media only screen and (max-width: 320px) {
 
 #show {
text-decoration: none;
color: #fff;
}
 .contact_right {
 margin: 0 auto 50%;
}
 .contact_form img {
width:100%
}
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
.inner_container_right {
width: 93%;
float: none;
margin: 2% 2% 8%;
}
 .staff_container_right {
width: 75%;
float: none;
margin: 2% 2% 50%;
}
 .mbBgndGallery img {
height:768px!important;
}
.nav {
 background:#dc6801;
 height: 32px;
 border:1px solid #fff;
 position:relative;
}
 .nav a.nav-btn { text-align:left;
display: block;
font-size: 17px;
line-height: 32px;
padding: 0px;
padding-left: 10px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
 .nav a.nav-btn:hover {
text-decoration: none;
}
 .nav a.nav-btn span.arr {
background:url(images/nav-arr.png) no-repeat 0 0;
width: 13px;
height: 9px;
position: absolute;
right: 20px;
top: 20px;
}
 .nav a.nav-btn span.arr.active {
background: url(images/nav-arr.png) no-repeat 0 bottom;
}
 .nav ul {
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
left: -1px;
 display: none;
position: absolute;
top: 42px;
 z-index: 999;
 margin: 0px;
 padding: 0px;
 float: none;
 width:100%;
 text-align:left;
 background:#dc6801;
}
.nav ul li {
display: block;
list-style-type: none;
float: none;
margin: 0px;
position: relative;
padding: 1px 10px;
border-bottom: 1px solid #fff;
border-right: none;
}
 .nav ul li a {
 color: #fff;
 text-decoration: none;
 display: block;
 padding-top: 8px;
 padding-right: 10px;
 padding-bottom: 8px;
 padding-left: 5px;
 text-align:left;
 margin:4px 0px;
 font-size:14px;
}
 .nav ul li:hover ul {
background-color:#000;
position:relative;
left:0;
top:0px;
z-index:9999;
display: block;
}
.nav ul li ul {
 width:100%;
 position:relative;
left:0;
top:0px;
z-index:9999;
display:none;
}
.nav ul li ul li {
width:100%;
 list-style-type: none;
 padding:0px;
}
.nav ul li ul li a {
 color: #fff;
display: block;
padding-bottom:11px;
padding-top:0px;
margin:0px;
padding-left:25px;
}
.nav ul li a:hover {
color: #fff;
}
 .nav ul li ul li a:hover, .nav li a:hover {
color: #fff;
 text-decoration:none;
}
 .GASTROPOP ul li {
margin:5px 0;
display:block;
float:none;
width:100%;
}
}
 @media only screen and (max-width: 240px) {
 #container_left {position: inherit;
 float: none;
margin: 2%;
width: 96%;
}
.inner_container_right {
width: 93%;
float: none;
margin: 2% 2% 8%;
}
.staff_container_right {
width: 90%;
float: none;
margin: 2% 2% 8%;
}
}
