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

@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}

@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.
	{
		width:auto; padding-left:20px; padding-right:20px;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.header-top
	{
		padding: 10px 20px;
	}
	.navbar
	{
		padding: 0 20px;
	}
	.nav ul li
	{
     	margin-right: 20px;
	}
	.section-home
	{
		margin: 30px 20px;
	}
	.section-home-left
	{
		padding-right: 20px;
	}
	.section-achivement
	{
		padding: 50px 20px;
	}
	.section-facilities ul
	{
		padding: 0 10px;
	}
	.section-facilities ul li
	{
		padding: 0 10px;
	}
	.section-photos h2
	{
		margin: 30px 20px;
	}
	.section-pages
	{
		margin: 15px 20px;
	}
	.section-pages-left
	{
		padding-right: 10px;
	}
	.section-pages-right
	{
		padding-left: 10px;
	}
	.footer_marg
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.gallery ul li
	{
		width: 33.333333%;
		border: solid 5px #fff;
	}
	.facilities-page
	{
		padding: 5px;
	}
	.facilities-page ul li
	{
		width: 33.333333%;
		padding: 10px;
	}
	.booking-page
	{
		padding: 30px 20px;
		overflow:auto;
	}
	.booking-page-split
	{
		width: auto;
		float:none;
	}
	.contact
	{
		padding: 20px;
	}
}
@media only screen and (max-width:768px)
{
	.nav
	{
		position: absolute;
		top: 0;
		left:0;
		z-index:9999;
		float:none;
		padding: 0 0;
	}
	.nav ul li
	{
		margin: 0;
	}
	.nav ul li a
	{
		background:rgba(0, 0, 0, 0.8);
		padding-top: 12px;
		padding-bottom: 12px;
		color:#fff;
	}
	.section-home-left
	{
		padding-right: 0;
		width: auto;
		float:none;
	}
	.section-home-right
	{
		position: static;
		width: auto;
		float:none;
		margin-top:30px;
	}
	.news marquee
	{
		height: 50vw;
	}
	.section-achivement-left, .section-achivement-right
	{
		width: auto;
		float:none;
		text-align:center;
	}
	.section-facilities ul li
	{
		width:50%;
	}
	.section-photos-left
	{
		width: auto;
		float:none;
		clear:both;
	}
	.section-photos-right
	{
		width: auto;
		float:none;
		position: relative;
		top:0;
		clear:both;
		height:500px;
	}
	.section-video-left-inner
	{
		width: auto;
		float:none;
		position: static;
		display:block;
	}
	.cloned
	{
		display:none;
		visibility:hidden;
	}
	.banner-text h2
	{
		font-size: 8vw;
	}
	.section-pages-left, .section-pages-right
	{
		width: auto;
		float:none;
		padding:0;
	}
	.committe-members ul li
	{
		width: 50%;
		padding: 10px;
	}
	.committe-members h2
	{
		margin: 30px 0 30px 15px;
	}
	.gallery ul li
	{
		width: 50%;
	}
	.facilities-page ul li
	{
		width: 50%;
	}
	.gallery-img ul li
	{
		width: 48%;
	}
	.contact-left, .contact-right, .split
	{
		width: auto;
		float:none;
		padding:0;
	}
}
@media only screen and (max-width:480px)
{
	.header-top h1 img
	{
		width:60px;
	}
	.booking
	{
		margin: 34px 0;
	}
	.booking a
	{
		padding: 10px 20px;
	}
	.section-achivement-right ul li
	{
		width: auto;
		float:none;
		margin:15px 0;
	}
	.section-facilities ul li
	{
		width: auto;
		float:none;
	}
	.section-photos-right
	{
		height:300px;
	}
	.banner-text h2
	{
		font-size: 12vw;
	}
	.committe-members ul li
	{
		width: auto;
		float:none;
	}
	.committe-heading h3
	{
		font-size: 18px;
	}
	.facilities-page ul li
	{
		width: auto;
		float:none;
	}
	.contact-button
	{
		padding: 12px 0px;
	}
}
@media only screen and (max-width:320px)
{
	.gallery ul li
	{
		width: auto;
		float:none;
	}
	.gallery-img ul li
	{
		width: auto;
		float:none;
		margin:0;
	}
}