/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	body {
		font-size: 20px;
	}

	.section-head {
		font-size: 40px;
	}

	/* ============ Navbar start ============ */
	.navbar-brand1 img {
		width: 60%;
	}

	/* ============ Navbar End ============ */
	/* ============ Location Start ============ */
	.accordion-button {
		font-size: 20px;
	}

	/* ============ Location End ============ */
	/* ============ Popup Form End ============ */
	#price .input-group {
		padding: 10px 0px;
	}

	/* ============ Popup Form End ============ */
	.scrollup {
		width: 43px;
		height: 43px;
	}

	i.fa-solid.fa.fa-angle-up {
		font-size: 38px;
	}

	.navbar .navbar-nav .nav-link {
		font-size: 20px !important;
	}

	.aboutpara p {
		font-size: 23px !important;
		letter-spacing: 2.5px !important;
	}
}

/* ======================= Extra Large Desktop End ======================= */
/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 2001px) {
	body {
		font-size: 22px;
	}

	.section-head {
		font-size: 40px;
	}

	/* ============ Navbar start ============ */
	.navbar-brand1 img {
		width: 60%;
	}

	/* ============ Navbar End ============ */
	/* ============ Location Start ============ */
	.accordion-button {
		font-size: 20px;
	}

	/* ============ Location End ============ */
	/* ============ Popup Form End ============ */
	#price .input-group {
		padding: 20px 0px;
	}

	/* ============ Popup Form End ============ */
	.scrollup {
		width: 43px;
		height: 43px;
	}

	i.fa-solid.fa.fa-angle-up {
		font-size: 38px;
	}

	.aboutpara p {
		font-size: 23px !important;
		letter-spacing: 2.5px !important;
	}

}

/* ======================= Extra Large Desktop End ======================= */
/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
	body {
		font-size: 18px;
	}

	.section-head {
		font-size: 35px;
	}

	.navbar .navbar-nav .nav-link {
		font-size: 16px;
	}

	.aboutpara p {
		font-size: 16px;
		letter-spacing: 1.5px;
	}
}

/* ======================= 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: 16px;
	}

	.container {
		max-width: unset;
		width: 100%;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* ============ Overview Start ============ */
	/*.innerHighlights { border-right: none; border-bottom: 1px solid #b98e33; margin: 10px 0px; }*/
	.innerOverviewBox {
		padding: 0px 10px;
	}

	/* ============ Overview End ============ */
	/* ============ Configuration Start ============ */
	/* .innerconfiguration {
		margin-bottom: 35%;
	} */

	/* ============ Configuration End ============ */
	/* ============ Location Start ============ */
	.locdetails {
		border-right: none;
		border-bottom: 1px solid #000;
	}

	/* ============ Location End ============ */
	/* ============ About Developer Start ============ */
	.clientlogo {
		width: 35%;
		margin: 0px auto 10px;
	}

	/* ============ About Developer Start ============ */
	/* ============ Footer Form Start ============ */
	#inquiryForm {
		display: none;
	}

	.footer-form {
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99;
		border-top: 1px solid #fff;
	}

	/* ============ 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;
	}
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.navbar .navbar-nav .nav-link {
		font-size: 12px !important;
	}
}

/* ======================= Tablet End ======================= */
@media only screen and (max-width: 991px) {
	#Amenities .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

	#Amenities .slick-prev {
		top: 100%;
		left: 49%;
		transform: translateX(-100%);
	}


	#Amenities .owl-item {
		position: relative;
		transform: unset;
	}

	#Amenities button.owl-prev {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Amenities button.owl-next {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Gallery .swiper-button-next {
		position: unset !important;
	}

	#Gallery .swiper-button-prev {
		position: unset !important;

	}

	#Amenities .owl-theme .owl-nav {
		margin-top: 40px;
	}

	.innerOverviewBox2 p {
		margin-bottom: 0px !important;
	}

	.innerOverview {
		background-attachment: unset;
	}

	#price .modal-dialog {
		margin-top: 40px;
	}

	.aboutpara p {
		line-height: 25px;
		letter-spacing: 1.5px;
	}
	.innerconfiguration {
		background-color: #fff !important ;
	}


}

/* ======================= Large Mobile Start ======================= */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
	body {
		font-size: 16px;
	}

	.container {
		max-width: unset;
		width: 100%;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* ============ Overview Start ============ */
	.innerHighlights {
		border-right: none;
		border-bottom: 1px solid #000;
		margin: 10px 0px;
	}

	.innerOverviewBox {
		padding: 0px 10px;
	}

	/* ============ Overview End ============ */
	/* ============ Configuration Start ============ */
	.innerconfiguration {
		margin-bottom: unset;
		padding-bottom: 3rem !important;
	}

	.configareasection {
		position: relative;
		left: unset;
		transform: unset;
	}

	.Configurationbox {
		margin: 0px;
	}

	/* ============ Configuration End ============ */
	/* ============ Location Start ============ */
	.locdetails {
		border-right: none;
		border-bottom: 1px solid #000;
	}

	/* ============ Location End ============ */
	/* ============ About Developer Start ============ */
	.clientlogo {
		width: 50%;
		filter: invert(1);
		margin: 0px auto 10px;
	}

	/* ============ About Developer Start ============ */
	/* ==================== Address Start ==================== */


	/*.siteaddress { border-right: none; border-bottom: 1px dotted #fff; }*/

	/* ==================== Address End ==================== */
	/* ============ Footer Form Start ============ */
	#inquiryForm {
		display: none;
	}

	.footer-form {
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99;
		border-top: 1px solid #fff;
		background: #e0b041 !important;
	}

	#price .modal-dialog {
		max-width: unset;
		width: 85%;
		margin: 30px
	}

	.enquieryrap {
		top: 25%;
	}

	/* ============ Footer Form End ============ */
	/* =========== Amenities Start =========== */


	#Amenities .nav-item {
		width: 63%;
	}

	#Amenities .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

	#Amenities .slick-prev {
		top: 100%;
		left: 49%;
		transform: translateX(-100%);
	}

	#Amenities .AmenitiesSlider .slick-slide,
	#Amenities .AmenitiesSlider1 .slick-slide {
		transform: translate(0, 0) scale(1);
	}

	/* =========== Amenities End =========== */
	#Gallery .swiper::before {
		height: 54px !important;
	}

	#Gallery .swiper::after {
		height: 54px !important;
	}
	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	/* .innerconfiguration {
		margin-bottom: 20px;
	} */

	.innerconfiguration {
		padding-bottom: 1.5rem !important;
	}

}

@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;
	}

	.add-para {
		color: #fff;
		/*font-size: 18px;*/
		/*font-weight: 600;*/
	}

	.enquieryrap {
		top: 60%;
	}

	#Amenities .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

	#Amenities .slick-prev {
		top: 100%;
		left: 49%;
		transform: translateX(-100%);
	}

	#Amenities .AmenitiesSlider .slick-slide,
	#Amenities .AmenitiesSlider1 .slick-slide {
		transform: translate(0, 0) scale(1);

	}

	#Amenities .owl-item {
		position: relative;
		transform: unset;
	}

	#Amenities {
		& .owl-item {
			&.big {
				&.active {
					transform: unset;
					-ms-transform: unset;
					position: relative;
					left: unset;
				}
			}
		}
	}

	#Amenities button.owl-prev {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Amenities button.owl-next {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Gallery .swiper-button-next {
		position: unset;
	}

	#Gallery .swiper-button-prev {
		position: unset;

	}

	#Amenities .owl-theme .owl-nav {
		margin-top: 40px;
	}
}

/* ======================= Large Mobile End ======================= */
/* ======================= Small Mobile Start ======================= */
@media only screen and (min-width: 300px) and (max-width: 480px) and (orientation: portrait) {
	body {
		font-size: 15px;
	}

	.container {
		max-width: unset;
		width: 100%;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* ============ Overview Start ============ */
	.innerHighlights {
		border-right: none;
		margin: 10px 0px;
	}

	.innerOverviewBox {
		padding: 0px 10px;
	}

	/* ============ Overview End ============ */
	/* ============ Configuration Start ============ */
	.innerconfiguration {
		margin-bottom: unset;
		padding-bottom: 3rem !important;
	}

	.configareasection {
		position: relative;
		left: unset;
		transform: unset;
	}

	.Configurationbox {
		margin: 0px;
	}

	/* ============ Configuration End ============ */
	/* ============ Location Start ============ */
	.locdetails {
		border-right: none;
		border-bottom: 1px solid #000;
	}

	/* ============ Location End ============ */
	/* ============ About Developer Start ============ */
	.clientlogo {
		width: 50%;
		margin: 0px auto 10px;
	}

	/* ============ About Developer Start ============ */
	/* ==================== Address Start ==================== */

	/* .siteaddress { border-right: none; border-bottom: 1px dotted #fff; } */
	/* ==================== Address End ==================== */
	/* ============ Footer Form Start ============ */
	#inquiryForm {
		display: none;
	}

	.footer-form {
		background: #755143 !important;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99;
		border-top: 1px solid #fff;
	}

	#price .modal-dialog {
		max-width: unset;
		width: 85%;
		margin: 30px
	}

	.enquieryrap {
		top: 25%;
	}

	/* ============ Footer Form End ============ */

	#Amenities .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

	#Amenities .slick-prev {
		top: 100%;
		left: 49%;
		transform: translateX(-100%);
	}

	#Amenities .AmenitiesSlider .slick-slide,
	#Amenities .AmenitiesSlider1 .slick-slide {
		transform: translate(0, 0) scale(1);

	}

	#Amenities .owl-item {
		position: relative;
		transform: unset;
	}

	#Amenities {
		& .owl-item {
			&.big {
				&.active {
					transform: unset;
					-ms-transform: unset;
					position: relative;
					left: unset;
				}
			}
		}
	}

	#Amenities button.owl-prev {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Amenities button.owl-next {
		position: static;
		left: 20%;
		bottom: 0px;
	}

	#Gallery .swiper-button-next {
		position: unset;
	}

	#Gallery .swiper-button-prev {
		position: unset;

	}

	#Amenities .owl-theme .owl-nav {
		margin-top: 40px;
	}

	.section-head {
		font-size: 21px;
	}

	#Gallery .swiper::before {
		height: 54px;
	}

	#Gallery .swiper::after {
		height: 54px;
	}
	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	/* .innerconfiguration {
		margin-bottom: 20px;
	} */

	.innerconfiguration {
		padding-bottom: 1.5rem !important;
	}

}

@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;
	}

	.enquieryrap {
		top: 60%;
	}
}

/* ======================= 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: none;
	}

	.wrapper {
		display: block;
	}

	body {
		font-size: 13px;
	}

	.section-head {
		font-size: 30px;
	}

	/* ============ Navbar start ============ */
	.navbar-brand1 img {
		width: 60%;
	}

	/* ============ Navbar End ============ */
	/* ============ Configuration Start ============ */
	/* .Configurationbox {
		margin: 15px;
	} */

	/* .innerconfiguration {
		margin-bottom: 20%;
	} */

	/* ============ Configuration End ============ */
	/* ============ Location Start ============ */
	.innerLocation img {
		height: 100%;
	}

	.accordion-button {
		font-size: 16px;
	}

	/* ============ Location End ============ */
	/* ============ Popup Form End ============ */
	#price .input-group {
		padding: 20px 0px;
	}

	/* ============ Popup Form End ============ */
	.scrollup {

		text-align: center;
		color: #fff;
		padding: 2px;
		width: 30px;
		height: 30px;
		position: fixed;
		bottom: 6%;
		right: 3%;
		cursor: pointer;
		color: #fff;
		border-radius: 30px;
		z-index: 9999999;
		display: none;
	}

	i.fa.fa-arrow-circle-up {
		font-size: 27px;
	}
}

@media screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}
}

/*==================== Tablet Devices Start=============================*/
@media only screen and (min-width : 768px) and (max-width: 991px) {


	.add-para {
		color: #fff;
		/*font-size: 18px;*/
		/*font-weight: 600;*/
	}

	.innerOverviewBox {
		padding: 0px 10px;
	}

	.footer-form {
		background-image: url(../img/bg1.webp);
		background-repeat: no-repeat;
		background-size: cover;
		background-repeat: no-repeat;

	}

	tbody {
		font-size: 16px !important;
	}

}

/*==================== All Large Devices Start=============================*/
@media only screen and (max-width: 991px) {
	.mobaddbar-border {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.addbar-border {
		border: unset;

	}


	.mobaddbar-border {
		border-bottom: 1px solid #fff !important;
	}

	.innerOverviewBox {
		padding: 0px 10px;
	}

	.add-para {
		color: #fff;
		/*font-size: 16px;*/
		/*font-weight: 600;*/
	}

	.addbar-border:nth-child(3) {
		border-right: 1px solid #fff;
	}

	.add-head-text {
		color: #fff;
		font-size: 27px;
		font-weight: 600;
	}

	/* ================ amenities Start ============== */
	.amenities {
		padding-top: 2rem;
	}

	.amenities .amenitiesbox {
		max-width: 94%;
		margin: auto !important;
	}

	.amenities .amenitiesimg {
		padding-right: 0%;
	}

	.amenities .amenitiesimg .overlaypath {
		height: 110px;
		padding: 0 15px;
		position: unset;
		width: unset;
		justify-content: unset;
	}

	.amenities .amenitiesimg .overlaypath .amenhead {
		font-size: 20px;
		text-align: left;
	}

	/* ================ amenities End ============== */
	#Gallery .btnposition {
		display: flex !important;
		align-items: center;
	}

	.innerOverviewone {
		background: linear-gradient(to right, #fef5ec 55%, #fef5ec 55%);
	}

	.innerOverview {
		height: 80vh;
	}

	tbody {
		font-size: 13px;
	}

	.colpadding {
		padding: 10px;
	}

	#AboutUs {
		background: linear-gradient(to right, #fef5ec 45%, #fef5ec 45%);

	}

	.contactbgimg .input-group {
		width: unset;
		padding: 0px 15px;
		max-width: unset;
	}

	#ContactUs .contactpara {
		font-size: 17px;
	}

	#ContactUs .contactbgimg .input-group {
		width: 100%;
		margin: auto;
	}
	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	.innerconfiguration {
		padding-bottom: 1.5rem !important;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
	/* .mobaddbar-border {
		border-bottom-style: dashed;
		border-bottom-color: #fff;
	} */

}