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

	.section-head {
		font-size: 40px;
	}
	/* #ContactForm {
    background-color: #fff;
    padding: 210px 20px;
    border: 1px solid #0a7e3c;
	font-size: 24px;
} */

	/* ============ 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;
		bottom: 8%;
		right: 8%;
	}

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




@media (max-width: 575.98px) {
  .scrollup {
    width: 40px !important;
    height: 40px !important;
    font-size: 12px;
    right: 3%;
    bottom: 5%;
  }

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


@media (min-width: 576px) and (max-width: 767.98px) {
  .scrollup {
    width: 42px !important;
    height: 42px !important;
    font-size: 13px;
    right: 2%;
    bottom: 5%;
  }

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

@media (min-width: 768px) and (max-width: 991.98px) {
  .scrollup {
    width: 45px !important;
    height: 45px !important;
    font-size: 14px;
  }

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

@media (min-width: 992px) {
  .scrollup {
    width: 45px !important;
    height: 45px !important;
  }

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

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

}

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

/* ======================= 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; }*/
	/* ============ 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 {
		background: #0a7e3c;
		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;
	}
}

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

	/* ============ 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 ==================== */
	/* .innerAddress {
		   background: linear-gradient(45deg, #359A8F, #72B857, #B2D71E);
		color: #fff;
	} */

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

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

	.footer-form {
	    background: linear-gradient(135deg, #189949, #106A38);
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99;
		border-top: 1px solid #fff;

	}

	#price .modal-dialog {
		max-width: unset;
		width: 95%;
	}

	.enquieryrap {
		top: 25%;
	}

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

	.mobaddbar-border {
		border-bottom-style: dashed;
		border-bottom-color: #fff;
	}

	.addbar-border:nth-child(3) {
		border-left-style: dashed;
		border-left-color: #fff;

		border: none;
	}

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

	.enquieryrap {
		top: 60%;
	}
}

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

	/* ============ 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 ==================== */
	@media (max-width: 767px) {
		.innerAddress {
			background-image: url(../img/newteturegreen01.jpg);

		}
	}

	/* .innerAddress { background: #0a7e3c; color: #fff; } */
	.siteaddress {
		border-right: none;
		/* border-bottom: 1px dotted #fff; */
	}

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

	.footer-form {
   background: linear-gradient(135deg, #189949, #106A38);
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 99;
		border-top: 1px solid #fff;
	}

	#price .modal-dialog {
		max-width: unset;
		width: 95%;
	}

	.enquieryrap {
		top: 25%;
	}

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

	.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: 90%;
	}

	/* ============ 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 {
 background: linear-gradient(135deg, #189949, #106A38);
		text-align: center;
		color: #fff;
		padding: 10px;
		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: 20px;
	}
}

@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) {

	.mobaddbar-border {
		/* border-bottom-style: dashed; */
		border-right-color: #fff;
	}

	.addbar-border:nth-child(3) {
		border-left-style: dashed;
		border-left-color: #fff;

		border: none;
	}

	.addbar-border {
		border-left-style: dashed;
		border-left-color: #fff;

	}

	.addbar-border:nth-child(3) {
		border-left-style: dashed;
		border-left-color: #fff;

		border: none;
	}

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

/*==================== All Large Devices Start=============================*/
@media only screen and (max-width: 991px) {

	.mobaddbar-border {
		/* border-right-style: dashed; */
		border-right-color: #fff;
	}

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

	.addbar-border {
		border-left-style: dashed;
		border-left-color: #fff;
		height: 50%;
	}

	.addbar-border:nth-child(3) {
		border-left-style: dashed;
		border-left-color: #fff;
		border: none;
	}

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

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

}

@media (min-width: 768px) {
	#masterplan-slider .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	#masterplan-slider .swiper-slide {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}

	.masterplan-next,
	.masterplan-prev,
	.swiper-pagination {
		display: none !important;
	}
}


/* footertop media */
@media (max-width: 768px) {
	.partner-item {
		width: 180px;
	}

	.partner-logo {
		height: 80px;
	}

	.partner-title {
		font-size: 14px;
	}
}

@media (max-width: 576px) {
	.partner-item {
		width: 160px;
	}
}

@media (max-width: 768px) {
	.configuration-leaf-top {
		width: 40%;
		top: -3%;
		left: -14%;
		transform: rotate(-205deg);
		/* width: 40%;
        top: -4%;
        right: -11%;
   transform: rotate(246deg); */
	}

	.overview-leaf-top {
		width: 40%;
		top: -4%;
		right: -11%;
		transform: rotate(246deg);
	}

	.amenites-leaf {
		width: 40%;
		bottom: -3%;
		right: -14%;
		transform: rotate(-30deg);
	}

	.amenites-leaf-top {
		width: 40%;
		top: -4%;
		left: -14%;
		transform: rotate(-205deg);
	}

	.gallery-leaf {
		width: 40%;
		bottom: -3%;
		right: -14%;
		transform: rotate(-30deg);
	}

	.gallery-leaf-top {
		width: 40%;
		top: -5%;
		right: -11%;
		transform: rotate(246deg);
	}



	.location-leaf {
		width: 40%;
		top: -4%;
		right: -11%;
		transform: rotate(246deg);
	}

	.floorplan-top-leaf {
		width: 40%;
		top: -3%;
		left: -14%;
		transform: rotate(149deg);

	}

	.contact-leaf {
		display: none !important;

	}

	.footer-leaf {
		width: 40%;
		bottom: 2%;
		right: -14%;
		transform: rotate(-28deg);
	}

	.innerDisclaimer {
		padding: 10px;
	}


}

@media (min-width: 820px) and (max-width: 1180px) {
	.custom-list li {
		margin-bottom: 0px !important;
		padding: 0;
		font-size: 0.65rem;
	}

	.custom-list {
		margin: -10px;
	}

	.list-icon {
		width: 8px;
		margin-right: 8px;
		margin-top: 4px;
	}
}

@media (min-width: 1024px) {

	.gallery-slider-wrapper .gallery-prev,
	.gallery-slider-wrapper .gallery-next,
	.gallery-slider-wrapper .gallery-pagination {
		display: none !important;
	}
	/* .navbar-brand1 img {
  width: 33% !important;
  padding-right: 20px ;
} */
}























/* Medium devices (landscape phones, tablets) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .innerLocation {
    background-position: center;
  }

  .locdetails {
    padding: 8px;
    margin: 8px 0;
    border-right: none;
    border-bottom: 1px solid #b98e33;
  }

  .locationicon {
    width: 26px;
    margin-right: 15px;
  }
}

/* Tablets and small laptops */
@media (min-width: 768px) and (max-width: 991.98px) {
  .innerLocation {
    background-position: center;
  }

  .locationicon {
    width: 28px;
    margin-right: 18px;
  }
}

/* Large devices (desktops) */
@media (min-width: 992px) {
  .innerLocation {
    background-attachment: fixed;
  }

  .locationicon {
    width: 30px;
    margin-right: 20px;
  }

  .locdetails {
    border-right: 1px solid #b98e33;
  }
}
@media (min-width: 2000px) {
  .innerContactUs {
    background-size: cover;
    background-position: center;
    padding: 100px 0; /* Example: more vertical space on large screens */
  }

  .contact-form-box {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px;
    font-size: 18px;
  }

  #submitf {
    font-size: 18px;
    padding: 12px 50px;
  }

  .clientlogo {
    width: 12%;
  }

  iframe {
    height: 600px;
  }
}