@charset "UTF-8";
@media only screen and (max-width: 47em){
/* All CSS will go here */

.mobile_responsive {
  position: fixed;
  top: 51px;
  min-height: 500px;
  background: #d9d2b2;
  z-index: 0;
  width: 250px;
  height:auto; 
  
}
mobile_responsive ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.top-bar {
  position: fixed;
  top:0;
  width: 100%;
  z-index: 5;
}
.top-bar label {
  display: block;
  width: 100%;
  position: inherit;
  padding: 10px 20px;
  color: #fff;
  background: #423f2c;
  font-size: 1.6em;
  text-align: left;
  cursor: pointer;
  height:31px;
  font-weight: normal;
}
.top-bar label span{
	font-size: 18px;
	display: block;
	position:absolute;
	top: 11px; left: 45px;
	font-family:'Open Sans', sans-serif;
}
#menu-toggle:checked ~ #content {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(250px,0,0);
  -moz-transform: translate3d(250px,0,0);
  -ms-transform: translate3d(250px,0,0);
  -o-transform: translate3d(250px,0,0);
  transform: translate3d(250px,0,0);
}
/*#menu-toggle ~ #content {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}*/
.mobile_responsive li a {
  color: #423f2c;
  text-transform:uppercase;
  font-size:14px;


}
.mobile_responsive ul li {  padding:5px 10px; border-bottom:1px solid #eae4c9; }
.mb_booknow { border-bottom:none !important; }
.mb_booknow > button { margin-top:15px;   }


.mobile_responsive ul li:hover a{
  cursor: pointer;
}

.mobile_responsive ul li ul { float:left; margin-bottom:10px; margin-top:7px; }
.mobile_responsive ul li ul li ul { width:160px !important; }
.mobile_responsive ul li ul li ul li { width:100% !important; }
.mobile_responsive ul li ul li {margin-left:15px;  float:left; width:175px; padding-left:20px; background: url("../images/sub_navarrow.png") no-repeat left 15px; }
.mMenuPostiong
{
    
    height:380px;
    overflow:auto;       
    position:relative;
}


.mobile_responsive ul li ul li a {font-size:12px;  color: #423f2c; } 

.mobile_responsive ul li ul li a:hover {
	color: #423f2c;
}

}

.menu-toggle {display: none;}
#content {background:#f6f6f6 url(../images/body_bg.jpg) no-repeat center bottom; }
.full{padding:30px;margin: 0 auto 0 auto;max-width:62.5em;}
.hero {padding: 100px 30px 30px 30px; background: #FF6CFD;}


.hero h1{font-size: 5em; line-height: 0.0001em; letter-spacing: -0.07em;}
.img{ display: block; width: 100%;}

@media only screen and (min-width: 48em){
.top-bar label {display:none}

.menu{width:100%;margin: 0 auto 0 auto; /*max-width:62.5em;*/}
.mobile_responsive {
	display: none;  
	width: 100%;
	position: absolute;
	z-index: 5;
	background: rgba(255, 215, 255, 0.5);
}
.mobile_responsive ul ul {display: none;}
.mobile_responsive ul li:hover > ul {display: block;}
.mobile_responsive ul {
	list-style: none;
	position: relative;
	display: inline-table;
	padding: 0;
	/*border-bottom: solid 1px #899097;*/
}
.mobile_responsive ul:after {content: ""; clear: both; display: block;}
.mobile_responsive ul li {float: left;}
/*nav ul li:hover {background: rgba(60, 68, 81, 0.3);}
nav ul li:hover a {color: #fff;}*/
.mobile_responsive ul li a {
	/*display: block; */
	color: #464d5a; text-decoration: none;
}
.mobile_responsive ul ul {
	background: rgba(45, 51, 61, 0.3); padding: 0;
	position: absolute; top: 100%;
	z-index: 100;
}
.mobile_responsive ul ul li {
	float: none; 
	border-top: 1px solid #899097;
}
.mobile_responsive ul ul li a {
	padding: 15px 25px;
	color: #899097;
}	
.mobile_responsive ul ul li a:hover {
	background: #rgba(60, 68, 81, 0.3);
	color: #fff;
}	
.mobile_responsive ul ul ul {position: absolute; left: 100%; top:0;}
  
}