/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	body{
		font-size: 16px;
	}
	.boxOverview { display: flex; align-items: center; height: 680px; position: relative; }
	.innerOverview h1 {
		letter-spacing: 0.5rem;
		font-size: 160px;
		line-height: 8.7rem;
		margin-top: -6%;
		margin-left: -6%;
	}
	.Amenities-slider .owl-nav {
		margin-top: 0px;
		text-align: center;
		margin-left: 8%;
	}
}
/* ======================= Extra Large Desktop End ======================= */
/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px)  and (max-width: 1800px) {
	body{
		font-size: 15px;
	}
}
/* ======================= Large Desktop End ======================= */
/* ======================= Normal Start ======================= */
@media only screen and (min-width: 1200px) and (max-width: 1500px) {

}
/* ======================= Normal End ======================= */
/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: portrait) {
	body{
		font-size: 14px;
	}
	#lock{ display:none; }
	.wrapper{ display:block; }
	/* =========== Overview Start =========== */
	.innerOverview { background: #EFE6D8 !important;}
	.boxOverview { display: flex; align-items: center; height: auto; position: relative; }
	.innerOverview h1 { letter-spacing: 0.8rem; font-size: 140px; line-height: 6.6rem; margin-top: -4%; margin-left: -8%; margin-bottom: 0px; }
	/* =========== Overview End =========== */
	/* =========== Amenities Start =========== */
	.Amenities-slider .box-img { display: block; }
	.boxAmenitiess { padding-left: 0px; }
	/* =========== Amenities End =========== */
	/* =========== Footer form Start =========== */
	#inquiryForm { display: none; background-color: #18979a; }
	.inquireButton { display: block; background-color: #191a47; border: 1px solid #fff; margin-left: 12px; width: 50%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	.inquireButtoncall { display: block; background-color: #191a47; border: 1px solid #fff; margin: 0px; width: 50%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	/* =========== Footer form End =========== */
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
/* ======================= Tablet End ======================= */
/* ======================= Large Mobile Start ======================= */
@media only screen and (min-width: 481px) and (max-width: 767px) and (orientation: portrait) {
	body{
		font-size: 16px;
	}
	#lock{ display:none; }
	.wrapper{ display:block; }
        .section-head { font-size: 26px; }
        /* #home img { height: 80vh; } */
	/* =========== AboutUs Start =========== */
	.innerOverview { background: #EFE6D8 !important;}
	.innerOverview h1 { letter-spacing: 0.1rem; font-size: 95px; line-height: 4.6rem; margin-top: -7%; margin-left: -11%; }
	.boxOverview { height: auto; display: block; }
	.innerOverview .section-head { color: #000; letter-spacing: 0.2rem; }
	/* =========== AboutUs End =========== */
	/* =========== Amenities Start =========== */
	.Amenities-slider .box-img { display: block; }
	.boxAmenitiess { padding-left: 0px; }
	.Amenities-slider .owl-nav { margin-left: 0%; }
	/* =========== Amenities End =========== */
	/* =========== Gallery Start =========== */
	.innerGallery .nav-item { width: 35%; }
	/* =========== Gallery End =========== */
	/* =========== Location Start =========== */
	.location-text { justify-content: left; }
	/* =========== Location End =========== */
	/* =========== Footer form Start =========== */
	#inquiryForm { display: none; background-color: #18979a; }
	.inquireButton { display: block; background-color: #191a47; border: 1px solid #fff; margin-left: 15px; width: 50%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	.inquireButtoncall { display: block; background-color: #191a47; border: 1px solid #fff; margin: 0px 2px; width: 49%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	/* =========== Footer form End =========== */
}
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: portrait) {
	body{
		font-size: 15px;
	}
	#lock{ display:none; }
	.wrapper{ display:block; }
	.section-head { font-size: 26px; }
	#home { margin-top: 70px; }
        /* #home img { height: 73vh; } */
	/* =========== AboutUs Start =========== */
	.innerOverview { background: #EFE6D8 !important;}
	.innerOverview h1 { letter-spacing: 0.4rem; font-size: 95px; line-height: 3.9rem; margin-top: -7%; margin-left: -8%; }
	.boxOverview { height: auto; display: block; }
	.innerOverview .section-head { color: #000; letter-spacing: 0.1rem; }
	/* =========== AboutUs End =========== */
	/* =========== Amenities Start =========== */
	.Amenities-slider .box-img { display: block; }
	.boxAmenitiess { padding-left: 0px; }
	.Amenities-slider .owl-nav { margin-left: 0%; }
	/* =========== Amenities End =========== */
	/* =========== Gallery Start =========== */
	.innerGallery .nav-item { width: 35%; }
	/* =========== Gallery End =========== */
	/* =========== Location Start =========== */
	.location-text { justify-content: left; }
	/* =========== Location End =========== */
	/* =========== Footer form Start =========== */
	#inquiryForm { display: none; background-color: #18979a; }
	.inquireButton { display: block; background-color: #191a47; border: 1px solid #fff; margin-left: 15px; width: 50%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	.inquireButtoncall { display: block; background-color: #191a47; border: 1px solid #fff; margin: 0px 2px; width: 49%; position: fixed; bottom: 0px; color: #fff; padding: 10px; z-index: 99; }
	.inquireButtoncall a { text-decoration: none; }
	/* =========== Footer form End =========== */
}
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
/* ======================= Small Mobile End ======================= */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 320px) and (max-width: 640px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 600px) and (max-width: 960px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
	#lock{ display:block;text-align: center;position: relative;top: 50%;font-size: 34px;}
	.wrapper{ display:none; }
}
@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
	#lock{ display:none; }
	.wrapper{ display:block; }
}
