/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1850px) {
	body {
		font-size: 16px;
	}
	i.fa.fa-bars {
    color: #fff;
    /* width: 15px; */
}
	.slickHighlights .slick-slide {
		height: 400px !important;
		position: relative;
	}

	.navbar .navbar-nav .nav-link {
		color: #000;
		padding: 2.2em 1.4em;
	}
	a.nav-link.scroll-top.activeHover {
		color: #fff !important;
	}
	.nav-item a {
		font-size: 16px;
		font-weight: 500;
	}

	.highlightsinfo p {
		font-size: 15px;
	}

	.highlightsinfo h5 {
		font-size: 20px;
	}

	.section-head {
		font-size: 40px;
	}
	#Amenities .nav-item {
		/* margin: 0px -75px;
		width: 17%; */
		text-align: center;
	  }
	.Highlights {
		margin: 20px 25px !important;
	}
	  .container{
		max-width: unset;
		width: 90%;
	  }
	  
}

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

	.slickHighlights .slick-slide {
		height: 320px !important;
		position: relative;
	}

	.nav-item a {
		font-size: 16px;
		font-weight: 500;
	}

	.navbar .navbar-nav .nav-link {
		color: #000;
		padding: 1.8em 1.2em;
	}

	.highlightsinfo p {
		font-size: 14px;
	}

	.highlightsinfo h5 {
		font-size: 19px;
	}

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

/* ======================= Large Desktop End ======================= */
/* ======================= Normal Start ======================= */
@media only screen and (min-width: 1200px) and (max-width: 1500px) {}

@media only screen and (min-width: 1024px) {
	.hoh-element {
		margin-top: -0px;
	}
	
}

/* ======================= Normal End ======================= */
/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: portrait) {
	body {
		font-size: 16px;
	}

	.section-head {
		text-align: center;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* =========== Highlight Start =========== */
	.slickHighlights .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

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

	/* =========== Highlight End =========== */
	/* =========== Amenities Start =========== */
	#home {
		margin-top: 0px;
	}

	#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 {
		.owl-item {
			&.mdright {
				&.active {
					transform: scale(1);
					-ms-transform: scale(1);
					z-index: 3;
				}
			}
		}

		.owl-item {
			&.big {
				&.active {
					transform: scale(0.8);
					-ms-transform: scale(0.8);
					position: relative;
					left: -0px;
				}
			}
		}

		.owl-item {
			&.smallRight {
				&.active {
					transform: scale(0.8);
					-ms-transform: scale(0.8);
					position: relative;
					right: -0px;
				}
			}
		}
	}
	.aboutusbg-outer {
		position: relative;
		right: 143px;
	}
	#Amenities button.owl-next {
		position: unset;
		transform: unset;
	}

	#Amenities button.owl-prev {
		position: unset;
		transform: unset;
	}

	/* =========== Amenities End =========== */
	/* =========== Project floorplan Start =========== */
	#floorplan .owl-nav .owl-prev,
	#floorplan .owl-nav .owl-next {
		position: inherit;
	}

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

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

	#gallery.owl-nav .owl-prev,
	#gallery.owl-nav .owl-next {
		position: inherit;
	}

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

	#gallery.slick-prev {
		top: 92%;
		left: 49%;
		transform: translateX(-100%);
	}
	/* =========== Project floorplan End =========== */
	/* =========== Configuration start=========== */

	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	.innerconfiguration {
		margin-bottom: 20px;
	}

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

	/* =========== Configuration End =========== */
	.addbar-border{
		border-left-style:unset ;
		border-left-color: unset;
		padding-top: 20px;
	  }
}

@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;
	}
	.addbar-border{
		border-left-style:unset ;
		border-left-color: unset;
		padding-top: 20px;
	  }
}

@media only screen and (max-width: 767px) {
	#Amenities .owl-item {
		position: relative;
		transform: scale(1);
		-ms-transform: scale(1);
		transition: all .4s;
		-webkit-transform: all .4s;
		z-index: 1;
	}
	.aboutusbg-outer {
		position: relative;
		right: 143px;
	}
	#Amenities .owl-item {
		&.big {
			&.active {
				transform: scale(1) !important;
				-ms-transform: scale(1) !important;
				position: relative;
				left: 0px !important;
			}
		}
	}

	#Amenities button.owl-next {
		position: unset;
		transform: unset;
	}

	#Amenities button.owl-prev {
		position: unset;
		transform: unset;
	}
	.addbar-border{
		border-left-style:unset ;
		border-left-color: unset;
		padding-top: 20px;
	  }
	
}

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

	.section-head {
		text-align: center;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}
	

	/* =========== Highlight Start =========== */
	.slickHighlights .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

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

	/* =========== Highlight End =========== */
	/* =========== Amenities Start =========== */
	#home {
		margin-top: 0px;
	}

	#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 =========== */
	/* =========== Project floorplan Start =========== */
	#floorplan .owl-nav .owl-prev,
	#floorplan .owl-nav .owl-next {
		position: inherit;
	}

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

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

	#gallery .owl-nav .owl-prev,
	#gallery .owl-nav .owl-next {
		position: inherit;
	}

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

	#gallery .slick-prev {
		top: 92%;
		left: 49%;
		transform: translateX(-100%);
	}
	/* =========== Project floorplan End =========== */
	/* =========== Configuration start=========== */

	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	.innerconfiguration {
		margin-bottom: 20px;
	}

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

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

	.section-head {
		text-align: center;
	}

	#lock {
		display: none;
	}

	.wrapper {
		display: block;
	}

	/* =========== Highlight Start =========== */
	.slickHighlights .slick-next {
		top: 100%;
		left: 49%;
		transform: translateX(0%);
	}

	.slickHighlights .slick-prev {
		top: 100%;
		left: 49%;
		transform: translateX(-100%);
	}
	.addbar-border{
		border-left-style:unset ;
		border-left-color: unset;
		padding-top: 20px;
	  }

	/* =========== Highlight End =========== */
	/* =========== Amenities Start =========== */
	#home {
		margin-top: 0px;
	}

	#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 =========== */
	/* =========== Project floorplan Start =========== */
	#floorplan .owl-nav .owl-prev,
	#floorplan .owl-nav .owl-next {
		position: inherit;
	}

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

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

	#gallery .owl-nav .owl-prev,
	#gallery .owl-nav .owl-next {
		position: inherit;
	}

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

	#gallery .slick-prev {
		top: 92%;
		left: 49%;
		transform: translateX(-100%);
	}
	/* =========== Project floorplan End =========== */
	/* =========== Configuration start=========== */

	.configareasection {
		position: static;
		left: unset;
		transform: translateX(0%);
	}

	.innerconfiguration {
		margin-bottom: 20px;
	}

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

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

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

	.largelogo {
		display: block;
	}

	.minlogo {
		display: none;
	}

	.navbar-brand1 img {
		width: 400px;
		padding: 10px;
	}

	.nav-item a {
		font-size: 21px;
	}

	.activeHover {
		border-top: 4.5px solid #9d7029 !important;

	}

	.navbar-expand-lg .navbar-nav .nav-link {
		border-top: 4.5px solid #fff;
	}

	#enqirebutton1 {
		padding: 12px 25px;

	}

	#home {
		margin-top: 130px;
	}

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

	.largetitleimg {
		max-width: unset !important;
		width: 500px !important;
	}

	.largeh5 {
		font-size: 25px;
	}

	.configUnit {
		font-size: 35px;
	}

	.belicia-para {
		line-height: 35px;
		letter-spacing: 2.5px;
		margin: 20px 20px 60px;
	}

	.signature-para {
		line-height: 35px;
		letter-spacing: 2.5px;
		margin: 20px 20px 60px;
	}

	.dwn-broch a {
		font-size: 23px;
		padding: 12px 30px;
	}

	.largepara {
		margin: 25px 0px;
	}

	.largesliderbox {
		padding: 110px 0px !important;
	}

	.slickHighlights .slick-prev {
		left: 87%;
		position: absolute !important;
		top: -40px;
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
	}

	.slickHighlights .slick-next {
		width: 70px;
		height: 60px;
	}

	button.slick-next.slick-arrow {
		background: url(../img/right-arrow.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	button.slick-prev.slick-arrow {
		background: url(../img/left-arrow.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	.highlightsinfo p {
		font-size: 22px;
	}

	.highlightsinfo h5 {
		font-size: 31px;
	}

	.slickHighlights .slick-slide {
		height: 400px !important;
	}

	#Amenities .nav-link {
		padding: 12px 0px;
	}

	#Amenities .nav-item {
		display: inline-block !important;
		width: 320px !important;
	}

	.innerAmenities .container {
		max-width: 90% !important;
	}

	#Amenities button.slick-prev.slick-arrow {
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	#Amenities button.slick-next.slick-arrow {
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	.AmenitiesSlider {
		padding: 50px 0px;
	}

	.AmenitiesSlider1 {
		padding: 50px 0px;
	}

	.innerprojectEnquiry .container {
		max-width: 90% !important;
	}

	.largercheckbox {
		font-size: 20px !important;
	}

	button#submitf {
		font-size: 23px;
		background: #9d7029;
		color: #fff;
		padding: 11px 40px;
	}

	.form-control {
		font-size: 20px;
	}

	.input-group {
		padding: 10px;
	}

	.modal.show .modal-dialog {
		transform: none;
		max-width: 35% !important;
	}

	.form-check-label {
		font-size: 15px !important;
	}

	.disclaimertext {
		font-size: 13px;
	}

	.largertext {
		font-size: 30px;
	}

	.largerfooterlogo {
		max-width: unset !important;
		width: 300px !important;
	}

	.largerqrsize {
		max-width: unset !important;
		width: 160px !important;
	}

	.largereratext {
		font-size: 15px !important;
	}

	.largericon {
		max-width: unset;
		width: 30px;
	}

	.largerdisclaimerimg {
		max-width: unset !important;
		width: 110px !important;
	}

	.belicia-head {
		margin: 40px 20px 50px !important;
	}

	.signature-head {
		margin: 20px 20px 25px !important;
	}

	.Highlights {
		margin: 20px 30px !important;
	}
	.footer-form .iti__selected-flag {
		height: 38px;
	}
	.partnerlargertext{
		font-size: 15px !important;
	}
	.form-check-label label.error {
		top: 20px !important;
		left: -2px !important;
	}
}





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

	.navbar-brand1 img {
		width: 450px;
		padding: 10px;
	}

	.nav-item a {
		font-size: 23px;
	}

	.activeHover {
		border-top: 5.5px solid #9d7029 !important;

	}

	.navbar-expand-lg .navbar-nav .nav-link {
		border-top: 5.5px solid #fff;
	}

	#enqirebutton1 {
		padding: 12px 25px;

	}

	#home {
		margin-top: 140px;
	}

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

	.largetitleimg {
		max-width: unset !important;
		width: 550px !important;
	}

	.largeh5 {
		font-size: 30px;
	}

	.configUnit {
		font-size: 40px;
	}

	.belicia-para {
		line-height: 35px;
		letter-spacing: 2.5px;
		margin: 20px 20px 60px;
	}

	.signature-para {
		line-height: 35px;
		letter-spacing: 2.5px;
		margin: 20px 20px 60px;
	}

	.dwn-broch a {
		font-size: 25px;
		padding: 12px 30px;
	}

	.largepara {
		margin: 25px 0px;
	}

	.largesliderbox {
		padding: 110px 0px !important;
	}

	.slickHighlights .slick-prev {
		left: 91%;
		position: absolute !important;
		top: -40px;
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
	}

	.slickHighlights .slick-next {
		width: 70px;
		height: 60px;
	}

	button.slick-next.slick-arrow {
		background: url(../img/right-arrow.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	button.slick-prev.slick-arrow {
		background: url(../img/left-arrow.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	.highlightsinfo p {
		font-size: 25px;
	}

	.highlightsinfo h5 {
		font-size: 35px;
	}

	.slickHighlights .slick-slide {
		height: 500px !important;
		position: relative;
	}

	#Amenities .nav-link {
		padding: 12px 0px;
	}

	#Amenities .nav-item {
		display: inline-block !important;
		width: 350px !important;
	}

	.innerAmenities .container {
		max-width: 90% !important;
	}

	#Amenities button.slick-prev.slick-arrow {
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	#Amenities button.slick-next.slick-arrow {
		width: 70px;
		height: 60px;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}

	.AmenitiesSlider {
		padding: 50px 0px;
	}

	.AmenitiesSlider1 {
		padding: 50px 0px;
	}

	.innerprojectEnquiry .container {
		max-width: 90% !important;
	}

	.largercheckbox {
		font-size: 22px !important;
	}

	button#submitf {
		font-size: 25px;
		background: #9d7029;
		color: #fff;
		padding: 11px 40px;
	}

	.form-control {
		font-size: 25px;
	}

	.input-group {
		padding: 10px;
	}

	.form-check-label {
		font-size: 18px !important;
	}

	.disclaimertext {
		font-size: 15px;
	}

	.largertext {
		font-size: 33px;
	}

	.largerfooterlogo {
		max-width: unset !important;
		width: 350px !important;
	}

	.largerqrsize {
		max-width: unset !important;
		width: 180px !important;
	}

	.largereratext {
		font-size: 18px !important;
	}

	.largericon {
		max-width: unset;
		width: 40px;
	}

	.largerdisclaimerimg {
		max-width: unset !important;
		width: 130px !important;
	}

	.belicia-head {
		margin: 50px 30px 60px !important;
	}

	.signature-head {
		margin: 25px 30px 30px !important;
	}

	.Highlights {
		margin: 30px !important;
	}
	.footer-form .iti__selected-flag {
		height: 40px;
	}
	.partnerlargertext{
		font-size: 16px !important;
	}
	.form-check-label label.error {
		top: 20px !important;
		left: -1px !important;
	}


}
/* css edit by rohit */
@media screen  and (max-width: 376px) {
	.small-form-check-label2 label.error:after {
		content: " ";
		position: absolute;
		left: 1px;
		top: -9px;
		border-top: none;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-bottom: 8px solid black;
	  }
	  .small-form-check-label2 { position: relative; }
	  .small-form-check-label2 label.error {
		position: absolute;
		top: 17px;
		background: #fff;
		padding: 5px;
		border: 1px solid #000;
		z-index: 99;
		left: 15px;
	  }
	  .small-form-check-label label.error:after {
		content: " ";
		position: absolute;
		left: 1px;
		top: -9px;
		border-top: none;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		border-bottom: 8px solid black;
	  }
	  .small-form-check-label { position: relative; }
	  .small-form-check-label label.error {
		position: absolute;
		top: 17px;
		background: #fff;
		padding: 5px;
		border: 1px solid #000;
		z-index: 99;
		left: 10px;
	  }
}