@charset "utf-8";
/* CSS Document */

body { background-color:#fff;}
#container { width:100%; margin:0 auto;}
.header { margin:8px 0px 10px 0px; padding:0px; overflow:hidden;}
.wrapper { width:85%; margin:0 auto;}
.logo    { width:13%; float:left;}
.logo img  { width:100%; height:auto;}
.nav     { font-size:16px; float:right; margin-top:20px;}

.nav ul li { float:left; list-style-type:none; padding:0px 12px;}
.nav ul li.end { border-right:none; padding:0px 0px 0px 12px;}
.nav ul li a:hover { color:#C00;}
.banner  { margin:0px;}
.banner img { width:100%; height:auto;}
.middle-container { width:100%; padding:25px 0px; overflow:hidden; margin:0 auto;}
.footer { border-top:1px solid #ccc; overflow:hidden; padding:10px 0px 30px 0px;}
.footer-nav { width:700px; float:left; font-size:12px;}
.footer-nav ul { margin:0px; padding:0px;}
.footer-nav ul li { float:left; list-style-type:none; padding:0px 7px; font-size:13px; font-weight:bold;}
.footer-nav ul li.first { padding:0px 10px 0px 0px;}
.developed-by { float:right; text-align:right; width:250px; font-size:11px; padding-right:12px;}


@media only screen and (min-width : 768px) and (max-width : 1024px) {

.wrapper { width:95%; margin:0 auto;}	
.nav  { font-size:14px;}
}

@media only screen and (max-width : 767px) {
	.nav  { display:none;}
	.header  { width:100%; text-align:center; }
	.logo  { width:100%;}
	.logo img { width:25%; }
	
	.online_hotel_landing  { width:80%; background-image:none; background-color:#900; ; text-align:center; padding:10px 0px 10px 0px;; margin:0 auto; border-radius:30px;}
	#right_block { width:100%; margin: 0 auto;}
	.left_block { width:70%; float:right; display:none;}
	.developed-by { text-align:center; width:100%;}
	.footer-nav { width: 100%; margin: 0 auto;}
	.footer-nav ul li { font-size:70%; text-align:center; padding:0px 3px 0px 2px;}
	.contant_area { width:99%; padding:0px !important;}
	h1 { font-size:22px;  }
}