@media only screen and (min-width: 320px) {
body{
	min-width:280px;
}
img{
	max-width:100%; 
	height:auto;
}
.wrapper{
	width:280px;
	margin:0 auto;
}
.headerbg{
	width:100%;
	background:#fff;
}
.header {
	width:280px;
	margin:0 auto;
}
.header h1{
	text-align:center;
	float:none;
	padding:10px 0 10px 0px;
}
.header p{
	float:none;
	font-size:16px;
	margin:0px;
	padding:0 0 10px 0;
}
.header p span{
	display:block;
}
.header p span a{
	color:#309a9a;
}
.bannerbg{
	width:100%;
	padding:25px 0 25px 0;
}
.banner{
	width:320px;
	background:#fff;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.res{
	display:none;
}
.resver{
	width:100%;
	margin:0 auto;
}
.resver p{
	color:#fff;
	font-size:14px;
	display:block;
	padding:10px 0 0px 40px;
	overflow:hidden;
	float:none;
}

.contant{
	width:100%;
}
.contant h2{
	font-size:48px;
	color:#000;
}
.contant h2 span{
	display:block;
	color:#206540;
	font-size:26px;
}
.contant p{
	line-height:24px;
	padding:10px 20px 10px 20px;
}
.home-gallery{
	width:100%;
}
.home-gallery h2{
	font-size:48px;
	color:#000;
}
.home-gallery ul{
	border:1px solid #d1d1d1;
	margin:0 20px 0 20px;
	padding:0;
}
.home-gallery li{
	text-align:center;
	float:none;
}
.home-gallery li p{
	color:#fff;
	font-size:22px;
	text-align:center;
	background:#d1ab6b;
	padding:10px 14px 7px 14px;
	width:134px;
	margin:0 0 0 29px;
}
.social{
	width:100%;
}
.social p span{
	width:100%;
	display:block;
}
.social p a{
	color:#fff;
}
.footerbg{
	width:100%;
	background:#444444;  
}
.footer{
	width:320px; 
	margin:0 auto; 
}

.menu{
	width:280px;
	margin:0 auto;
}
.nav-mobile {
	display:block; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background: url(../images/nav.svg) no-repeat center center;
	height:40px;
	width:40px;
}
.gallery li{
	float:left;
	margin:10px 0px 0px 10px;
}
.gallery li a img{
	float:left;
	width:110px; 
	background:#e5e5e5;
	padding:4px 4px;
	border:1px solid #cecece;
	margin:10px 0 0px 0;
}
.contactus-left,.about-left{
	width:100%;
	float:none;
}
.contactus-right{
	width:100%;
	float:none;
}
.about-left span{
	width:100%;
	display:block;
	margin:20px 0px 0 0px;
}
.contactus p label{
	display:block;
}
.contactus p:last-child label{
	display:none;
}
.contactus p input[type="text"]{
	width:220px;
}
.contactus p textarea{
	width:220px;
}
.resvervation-left{width:100%; float:none;}
.resvervation p label{
	display:block;
	float:left;
}
.resvervation p input[type="text"]{
	width:200px;
}
.resvervation p textarea{
	width:200px;
}
.resvervation p select{
	width:210px;
}
.resvervation h6{
	font-size:18px;
	color:#fff;
	margin:20px 20px 0 20px;
}
.resvervation h6 a{
	color:#fff;
	display:block;
	margin:0 0px 20px 0;
}
.sele{
	width:80px;
	border:1px solid #cacaca;
	padding:5px;
	display:block;
}


/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
.about table{
	margin:20px 0px 20px 0px;
	 background:#eee;
	 width:100%;
}
.about th{
	color:#fff; 
	font-size:12px; 
	font-weight:bold;
	text-align:center;
}
.about td{
	color:#000; 
	padding:10px 10px 10px 10px;
	text-align:center; 
}
.about h4 span{
	float:none;
	display:block;
	vertical-align:top;
	margin:0 0px 0 0px;
	margin-top:0px;
}


 


}
@media only screen and (min-width: 360px) {
body{
	min-width:320px;
}
img{
	max-width:100%; 
	height:auto;
}
.wrapper{
	width:320px;
	margin:0 auto;
}
.headerbg{
	width:100%;
	background:#fff;
}
.header {
	width:320px;
	margin:0 auto;
}
.header h1{
	text-align:center;
	float:none;
	padding:10px 0 10px 0px;
}
.header p{
	float:none;
	font-size:16px;
	margin:0px;
	padding:0 0 10px 0;
}
.header p span{
	display:block;
}
.header p span a{
	color:#309a9a;
}

.bannerbg{
	width:100%;
	padding:25px 0 25px 0;
}
.banner{
	width:360px;
	background:#fff;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.res{
	display:none;
}
.resver{
	width:100%;
	margin:0 auto;
}
.contant{
	width:100%;
}
.contant h2{
	font-size:48px;
	color:#000;
}
.contant h2 span{
	display:block;
	color:#206540;
	font-size:26px;
}
.contant p{
	line-height:24px;
	padding:10px 20px 10px 20px;
}
.home-gallery{
	width:100%;
}
.home-gallery h2{
	font-size:48px;
	color:#000;
}
.home-gallery li{
	text-align:center;
	float:none;
	padding:10px 0 10px 0px;
}
.home-gallery li p{
	margin:0 0 0 58px;
}
.social{
	width:100%;
}
.social p span{
	width:100%;
	display:block;
}
.social p a{
	color:#fff;
}
.footerbg{
	width:100%;
	background:#444444;  
}
.footer{
	width:320px; 
	margin:0 auto; 
}

.menu{
	width:320px;
	margin:0 auto;
}
.resvervation-left{width:100%; float:none;}
.gallery li{
	float:left;
	margin:10px 0px 0px 10px;
}
.gallery li a img{
	float:left;
	width:130px; 
	background:#e5e5e5;
	padding:4px 4px;
	border:1px solid #cecece;
	margin:10px 0 0px 0;
}
.contactus-left,.about-left{
	width:100%;
	float:none;
}
.contactus-right{
	width:100%;
	float:none;
}
.contactus p input[type="text"]{
	width:180px;
}
.contactus p textarea{
	width:180px;
}
.contactus p:last-child label{
	display:block;
}

}
@media only screen and (min-width: 480px) {
body{
	min-width:430px;
}
img{
	max-width:100%; 
	height:auto;
}

.wrapper{
	width:430px;
	margin:0 auto;
}
.headerbg{
	width:100%;
	background:#fff;
}
.header {
	width:430px;
	margin:0 auto;
}
.header h1{
	float:none;
	padding:10px 0 10px 0px;
}
.header p{
	float:none;
	font-size:19px;
	margin:0px;
	padding:0 0 10px 0;
}
.header p span{
	display:block;
}
.header p span a{
	color:#309a9a;
}
.bannerbg{
	width:100%;
	padding:25px 0 25px 0;
}
.banner{
	width:480px;
	background:#fff;
	margin:0 auto;
	padding:10px 10px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.res{
	display:none;
}
.resver{
	width:100%;
	margin:0 auto;
}
.contant{
	width:100%;
}
.contant h2{
	font-size:48px;
	color:#000;
}
.contant h2 span{
	display:block;
	font-size:32px;
	color:#206540;
}
.contant p{
	line-height:24px;
	padding:10px 20px 10px 20px;
}
.home-gallery{
	width:100%;
}
.resvervation-left{width:100%; float:none;}
.home-gallery h2{
	font-size:48px;
	color:#000;
}
.home-gallery li{
	float:left;
	padding:10px 0 10px 18px;
}
.home-gallery li p{
	margin:0 0 0 0px;
}
.social{
	width:100%;
}
.social p span{
	width:25%;
	display:block;
	float:left;
	padding:15px 0 15px 0;
}
.social p a{
	color:#fff;
}

.footerbg{
	width:100%;
	background:#444444;  
}
.footer{
	width:430px; 
	margin:0 auto; 
}

.menu{
	width:430px;
	margin:0 auto;
}
.gallery li{
	float:left;
	margin:10px 0px 0px 15px;
}
.gallery li a img{
	float:left;
	width:110px; 
	background:#e5e5e5;
	padding:4px 4px;
	border:1px solid #cecece;
	margin:10px 0 0px 0;
}
.contactus-left,.about-left{
	width:100%;
	float:none;
}
.contactus-right{
	width:100%;
	float:none;
}

.contactus p label{
	display:block;
	float:left;
}
.contactus p input[type="text"]{
	width:280px;
}
.contactus p textarea{
	width:280px;
}
.contactus p:last-child label{
	display:block;
}

}
/* Iphone End */