@charset "utf-8";
* {
	margin: auto;
}

body{
	height:  100vh;	background-color: #f4f4f4;
	}

.bodi{
	background-color: #f4f4f4;
		
	}

#wrapper {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
}

#footer {
	clear: both;
	float: none;
	height: auto;
	width: 100%;
	background-color: #934F38;
}


.wrapperTable{
		width: 80%;
		}
		
@media only screen and (max-width: 768px){
		.wrapperTable{
		width: 100%;
		}	
	}


.footer_titles {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: normal; 
	color: white;
	font-size: 14px;
}

.footer_normalTexts {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; 
	color: black;
	font-size: 14px;
	font-weight: normal;
}

.holderTables {
width: 90%;
}

.postHolder {
width: 75%;
}

.roomLeftArea{
	width: 70%;
	float: left;
}
.roomRightArea{
	width: 30%;
	float: right;
	
}

.signupTbl{
	width: 80%;
	padding-top: 10px;
}
.signupBtn{
	height:40px; 
	min-width:200px; 
	background-color:#934F38; 
	color:#FFFFFF; 
	font-weight:bold;	
	padding: 5px;
}

.bookingFormsLeftArea{
	width: 61%;
	float: left;
	clear: left;
}
.bookingFormsRightArea{
	width: 37%;
	float: right;
	clear: right;
}


.missedOutLeftArea{
width: 25%;
float: left;
clear: left;
}

.missedOutRightArea{
width: 73%;
float: right;
clear: right;
}
@media only screen and (max-width: 768px) {
.footer_titles {
	font-size: 14px;
}
.footer_normalTexts {
	font-size: 12px;
 }
	
.holderTables {
width: 95%;
}

.postHolder {
width: 100%;
}
.roomLeftArea{
	width: 100%;
}
.roomRightArea{
	width: 100%;
	padding: 10px;
}

.signupTbl{
	width: 100%;
	padding: 0%;
	align-self: center;
}

.signupBtn{
	width:100%; 
}
.bookingFormsLeftArea{
	width: 100%;
	float: none;
	clear: none;
}
.bookingFormsRightArea{
	width: 100%;
	float: none;
	clear: both;
}	
.missedOutLeftArea{
width: 100%;
float: none;
clear: both;
}

.missedOutRightArea{
width: 100%;
float: none;
clear: both;
}	
	
}
	
.amenities{
		display: block;
	}
	.amenitiesPhone{
		display: none;
	}
	
	@media only screen and (max-width: 768px){
	.amenities{
		display: none;
	}
	.amenitiesPhone{
		display: block;
	}	
		
	}