/****** for iPhone and android  *****/
	@media only screen and (max-width: 700px) { 
		
		body { overflow-x: hidden; overflow-y:hidden; }
		/* TopRep */
		.topRep { height:28px; background:url(../images/smallTopRep.jpg) 0px 0px repeat; }
		
		/* header */
		.header { margin:20px 10px 0 10px; text-align:center; }
		.logo { width:100%; float:none; text-align:center; }
		.logo img { width:211px; }
		
		.topRight { width:100%; padding-top:39px; }
		.topNav { padding-top:11px; text-align:center; }
		.topNav ul { padding:0; display:inline-block; }
		.topNav ul li { float:left; padding:0; border-right:1px solid #0dba86; }
		.topNav ul li:last-child { border-right:none; }
		.topNav ul li a { font-size:16px; color:#0dba86; margin:0 10px; }
		.topNav ul li a:hover { color:#4a4a4a; }
		
		.bookNow { width:auto; padding-top:25px; margin-left:0px; text-align:center; display:block; }
		.bookNow a { display:block; width:230px; height:34px; font-size:20px; color:#fff; padding-top:6px; text-align:center; background:url(../images/bookNow.jpg) no-repeat; margin:0 auto; }
		.bookNow a:hover { background:url(../images/bookNowHover.jpg) no-repeat; }
		
		.nav { height:auto; background-color:#05a671; width:100%; }
		.nav ul { padding:0; }
		.nav ul li { float:none; width:100%; padding:0; border-right:none; margin-top:0px; }
		.nav ul li:last-child { border-right:none; }
		.nav ul li a { font-size:24px; font-weight:bold; color:#fff; padding:15px 0 20px 0; margin:0 0px 0 0px; text-transform:uppercase; display:block; text-align:center; }
		.nav ul li a:hover { color:#fff; background:url(../images/smallNavHover.jpg) repeat-x; }
		.nav ul li a.active { color:#fff; }
		
		/* slider */
		.sliderMain { background:none; height:auto; }
		.slider	{ position: relative; padding:0 10px 0 15px; display:none; }
		.rslides_home { display:block; margin: 15px 10px 0 !important; width: 95% !important; }
		
		/* body */
		.body { padding:0 10px; }
		
		.leftBar { width:21.2%; background-color:#4a4a4a; display:none; }
		
		.welcomeBar { width:99%; background-color:#fff; border:2px solid #05a671; margin-left:0px; padding-bottom:20px; }
		.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 30px ; text-align:center; }
		.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
		.welcomeBar p { padding:20px 10px; text-align:justify; }
		.welcomeBar a { background:url(../images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
		.welcomeBar a:hover { background:url(../images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }
		
		.rightBar { width:21.2%; background-color:#4a4a4a; display:none; }
		
		/* footer */
		.footerMain { background:#257c62 url(../images/smallfooterRep.jpg) repeat-x; margin-top:14px; }	
		.footer { padding:42px 3px 0 10px; }
		
		.newsletter { width:59%; padding-top:0px; }
		.newsletter span { width:70%; display:block; padding-top:0px; color:#FFF; margin-bottom:7px; font-size:12px; }
		.newsletter input[type="text"] { float:left; width:70%; height:23px; padding:5px 10px; background:url(../images/newsletterSearch.jpg) no-repeat; font-size:14px; color:#257c62; }
		.newsletter input[type="submit"] { width:33px; height:33px; padding:0px; background:url(../images/newsletterSubmit.jpg) no-repeat; cursor:pointer; }
		
		.ftSocialMedia { width:30%; padding-top:13px; }
		.ftSocialMedia img { float:left; width:25%; margin-right:7px; }
		.footerBottom { padding-top:100px; padding-bottom:20px; }
		.footerBottom p { text-align:center; }
		.ftNav { text-align:center; padding:107px 0 45px 0; display:none; }
		
		/* accommodation */

		.accommodation { padding-top:20px; }
		.accommodationLeft { float:none; width:100%; padding-top:0px; }
		.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		.accommodationLeft p { padding-top:20px; text-align:justify; }
		
		.accommodationRight { float:none; width:98.5%; padding:20px 10px 0 10px; }
		.accommodationBox { width:100%; padding-bottom:20px; }
		
		.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
		.accommodationBox img { width:100%; height:auto; margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		
		/* guest */
		.guestRight { width:75%; padding-left:25px; }
		.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }
		
		
		/* gallery */
		.galleryLeft { float:none; width:100%; padding-top:0px; }
		.galleryLeftBox { width:28%; margin:15px 0px 0 15px;  }
		.galleryLeftBox img { width:95%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }
		
		.galleryRight { float:none; width:100%; padding-top:20px; }
		
		/* Contact */
		.contactBox { float:none; width:100%; padding-top:0px; }
		.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:20px; }
		
		.contactBox ul { padding-top:0px; }
		.contactBox ul li { float:left; width:100%; padding-top:10px; }
		.contactBox ul li label { float:left; width:90%; padding:11px 20px 10px 0; font-size:12px; font-weight:bold; text-align:left; }
		.contactBox ul li input[type="text"] { float:left; width:95%; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
		.contactBox ul li textarea { float:left; width:95%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }
		
		.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }
		
	}

	/****** for iPod and iPad Portrait  *****/
	@media only screen and (min-width: 701px) and (max-width:1024px) and (orientation : portrait) { 
		body { overflow-x: hidden; overflow-y:hidden; }
		/* TopRep */
		.topRep { height:26px; background:url(../images/meidumTopRep.jpg) 0px 0px repeat; }
		
		/* header */
		.header { margin:12px 23px 0 23px; position:relative; }
		
		.nav { height:50px; background-color:#4a4a4a; width:100%; margin-top:20px; }
		.nav ul { padding:0; }
		.nav ul li { float:left; padding:0; border-right:1px solid #fff; margin-top:16px; }
		.nav ul li:last-child { border-right:none; }
		.nav ul li a { font-size:12px; color:#fff; margin:0 14px; text-transform:uppercase; }
		.nav ul li a:hover { color:#07ca90; }
		.nav ul li a.active { color:#07ca90; }
		
		/* slider */
		.sliderMain { background:none; height:auto; }
		.slider { position: relative; margin:0 23px 0 23px; paddng:0; display:none; }
		.rslides_home { display:block; margin:0 23px 0 23px !important; width:auto !important; }
		
		/* body */
		.body { padding:0 20px 0 22px; }

		.leftBar { width:21.2%; background-color:#4a4a4a; }
		
		.welcomeBar { width:51.1%; background-color:#fff; border:2px solid #05a671; margin-left:12px; padding-bottom:20px; min-height:490px; }
		.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 0px ; text-align:center; }
		.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
		.welcomeBar p { padding:20px 15px; text-align:justify; line-height:20px; }
		.welcomeBar a { background:url(../images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
		.welcomeBar a:hover { background:url(../images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }
		
		.rightBar { width:22%; background-color:#05a671; margin-left:12px; padding:20px 7px 20px 4px;}
		
		/*Vertical Orientation CSS Starts*/
		.jscarousal-contents-vertical > div > div
		{
			width: 90%;
			height: 147px;
			margin: 0px;
			padding:0px 10px 10px 10px;
			border-bottom:1px solid #fff;
		}
		.jscarousal-contents-vertical > div > div span
		{
			display: block;
			width: 100%;
			text-align: left;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			padding-top:10px;
		}
		.jscarousal-contents-vertical > div > div p
		{
			display: block;
			width: 100%;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:14px;
			text-align:none;
			padding:10px 0;
		}
		.jscarousal-contents-vertical > div > div a { background:url(../images/leftArrow.jpg) no-repeat right 5px; font-size:12px; color:#00c58a; text-transform:uppercase; padding-right:15px; }
		.jscarousal-contents-vertical > div > div a:hover { background:url(../images/leftArrow.jpg) no-repeat right 5px; text-decoration:underline; padding-right:15px; }
		
		/*.jscarousal-contents-vertical img
		{
			width: 110px;
			height: 80px;
			border: solid 1px #7A7677;
		}*/
		/*Vertical Orientation CSS Ends*/
		
		
		
		
		/* footer */
		.footer { padding:22px 13px 0 20px; }
		
		.footerBottom { padding-top:130px; }
		.ftNav {display:none; }
		
		
		
		/* accommodation */

		.accommodation { padding-top:20px; }
		.accommodationLeft { width:63.3%; padding-top:0px; }
		.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		.accommodationLeft p { padding-top:20px; text-align:justify; }
		
		.accommodationRight { width:32.2%; padding-right:10px; }
		.accommodationBox { width:100%; padding-bottom:20px; }
		
		.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
		.accommodationImg { margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
.accommodationImg img { width:100%; padding:0; }
		
		/* guest */
		.guestRight { width:79%; padding-left:25px; }
		.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }
		
		/* gallery */
		.galleryLeftBox { width:29%; margin:20px 20px 0 0;  }
		.galleryLeftBox img { width:93%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }
		
		/* Contact */
		.contactBox { float:none; width:100%; padding-top:0px; }
		.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:20px; }
		
		.contactBox ul { padding-top:0px; }
		.contactBox ul li { float:left; width:100%; padding-top:10px; }
		.contactBox ul li label { float:left; width:90%; padding:11px 20px 10px 0; font-size:12px; font-weight:bold; text-align:left; }
		.contactBox ul li input[type="text"] { float:left; width:60%; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
		.contactBox ul li textarea { float:left; width:97%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }
		
		.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }
		
		
		
	 }


	/****** for iPod and iPad Portrait  *****/
	@media only screen and (min-width: 701px) and (max-width:1024px) and (orientation : landscape) { 
		body { overflow-x: hidden; overflow-y:hidden; }
		/* TopRep */
		.topRep { height:26px; background:url(../images/meidumTopRep.jpg) 0px 0px repeat; }
		
		/* header */
		.header { margin:12px 23px 0 23px; position:relative; }
		
		.nav { height:50px; background-color:#4a4a4a; width:100%; margin-top:20px; }
		.nav ul { padding:0; }
		.nav ul li { float:left; padding:0; border-right:1px solid #fff; margin-top:16px; }
		.nav ul li:last-child { border-right:none; }
		.nav ul li a { font-size:12px; color:#fff; margin:0 14px; text-transform:uppercase; }
		.nav ul li a:hover { color:#07ca90; }
		.nav ul li a.active { color:#07ca90; }
		
		/* slider */
		.sliderMain { background:none; height:auto; }
		.slider { position: relative; margin:0 23px 0 23px; paddng:0; display:none; }
		.rslides_home { display:block; margin:0 23px 0 23px !important; width:auto !important; }
		
		/* body */
		.body { padding:0 20px 0 22px; }

		.leftBar { width:21.2%; background-color:#05A671; padding: 20px 0; }
		
		.welcomeBar { width:51.1%; background-color:#fff; border:2px solid #05a671; margin-left:18px; padding-bottom:20px; min-height:490px; }
		.welcomeBar h1 { font-size:20px; font-weight:bold; background-color:#05a671; padding:15px 0px ; text-align:center; }
		.welcomeBar img { width:100%; border-bottom:1px solid #05a671; height:auto; }
		.welcomeBar p { padding:20px 15px; text-align:justify; line-height:20px; }
		.welcomeBar a { background:url(../images/arrow.jpg) no-repeat right 4px; font-size:14px; color:#00c58a; text-transform:uppercase; padding-right:15px; margin-left:10px; }
		.welcomeBar a:hover { background:url(../images/arrow.jpg) no-repeat right 4px; text-decoration:underline; padding-right:15px; }
		
		.rightBar { width:22%; background-color:#05a671; margin-left:18px; padding:20px 7px 20px 4px;}
		
		/*Vertical Orientation CSS Starts*/
		.jscarousal-contents-vertical > div > div
		{
			width: 90%;
			height: 147px;
			margin: 0px;
			padding:0px 10px 10px 10px;
			border-bottom:1px solid #fff;
		}
		.jscarousal-contents-vertical > div > div span
		{
			display: block;
			width: 100%;
			text-align: left;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			padding-top:10px;
		}
		.jscarousal-contents-vertical > div > div p
		{
			display: block;
			width: 100%;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:14px;
			text-align:none;
			padding:10px 0;
		}
		.jscarousal-contents-vertical > div > div a { background:url(../images/leftArrow.jpg) no-repeat right 5px; font-size:12px; color:#00c58a; text-transform:uppercase; padding-right:15px; }
		.jscarousal-contents-vertical > div > div a:hover { background:url(../images/leftArrow.jpg) no-repeat right 5px; text-decoration:underline; padding-right:15px; }
		
		/*.jscarousal-contents-vertical img
		{
			width: 110px;
			height: 80px;
			border: solid 1px #7A7677;
		}*/
		/*Vertical Orientation CSS Ends*/
		
		
		
		
		/* footer */
		.footer { padding:22px 13px 0 20px; }
		
		.footerBottom { padding-top:130px; }
		.ftNav {display:none; }
		
		
		
		/* accommodation */

		.accommodation { padding-top:20px; }
		.accommodationLeft { width:63.3%; padding-top:0px; }
		.accommodation-slider { padding-top:0px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
		.accommodationLeft p { padding-top:20px; text-align:justify; }
		
		.accommodationRight { width:32.2%; padding-right:10px; }
		.accommodationBox { width:100%; padding-bottom:20px; }
		
		.accommodationBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; }
		.accommodationImg { margin-top:10px; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px; }
.accommodationImg img { width:100%; padding:0; }
		
		/* guest */
		.guestRight { width:79%; padding-left:25px; }
		.guestRight p { padding:0px 0px 15px 0px; text-align:justify; }
		
		/* gallery */
		.galleryLeftBox { width:29%; margin:20px 20px 0 0;  }
		.galleryLeftBox img { width:93%; border: 1px solid #b2b3b3;  background-color:#fff;  padding:5px;  }
		
		/* Contact */
		.contactBox { float:none; width:100%; padding-top:0px; }
		.contactBox h2 { font-size: 18px; color:#07ca90; text-transform:uppercase; font-weight:normal; margin-top:20px; }
		
		.contactBox ul { padding-top:0px; }
		.contactBox ul li { float:left; width:100%; padding-top:10px; }
		.contactBox ul li label { float:left; width:90%; padding:11px 20px 10px 0; font-size:12px; font-weight:bold; text-align:left; }
		.contactBox ul li input[type="text"] { float:left; width:60%; padding:5px 10px; height:23px; font-size:12px; color:#919191; border:1px solid #cecece; }
		.contactBox ul li textarea { float:left; width:97%; padding:10px; height:123px; font-size:12px; color:#919191; border:1px solid #cecece; resize:none; }
		
		.contactBox ul li input[type="submit"] { float:right;padding:10px 20px; background-color:#257c62; font-size:12px; color:#fff; border:1px solid #044934; font-weight:bold; cursor:pointer; }
		
		
		
	 }