/* ======================= Extra Large Desktop Start ======================= */
@media only screen and (min-width: 1800px) {
  .minlogo {
    width: 80% !important;
  }
  .navbar .nav-item {
    font-size: 25px;
}
  body {
    font-size: 20px !important;
  }

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

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

  .photostab1 {
    max-width: unset;
    width: 90%;
  }

  .gallery-slider {
    max-width: unset;
    width: 100% !important;
  }

  #floorplan .container {
    max-width: unset !important;
    width: 90% !important;
  }

  #projectLocation .container {
    max-width: unset !important;
    width: 90% !important;
  }

  .amerightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .ameleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .floorerightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .flooreleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .galleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .galrightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .disclaimertext {
    font-size: 12px !important;
  }

  .partnerlargertext {
    font-size: 21px !important;
  }

  .largersizetext {
    font-size: 23px !important;
  }

  #projectEnquiry .container {
    max-width: unset;
    width: 90% !important;
  }

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

  #projectEnquiry .input-group {
    padding: 20px !important;
  }

  #projectEnquiry .input-group input {
    font-size: 30px !important;

  }

  button#submitf {
    font-size: 30px !important;
  }

  #price .input-group .btn {
    width: 25% !important;
  }

  #price .input-group input {
    font-size: 25px;
  }

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

  .smallsizeqr {
    width: 30% !important;
  }
  i.fa.fa-arrow-circle-up {
    font-size: 56px  !important;
    padding: 2px;
}
.scrollup {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50px !important;
}
}

/* ======================= Extra Large Desktop End ======================= */

/* ======================= Large Desktop Start ======================= */
@media only screen and (min-width: 1400px) and (max-width: 1800px) {
  .navbar .nav-item {
    font-size: 16px;
  }
  .minlogo {
    width: 80% !important;
  }

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

  body {
    font-size: 17px !important;
  }

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

  label.form-check-label2 {
    font-size: 12px !important;
  }
	.slickHighlights .slick-slide {
		height: 320px !important;
		position: relative;
	}
  .highlightsinfo p {
		font-size: 14px;
	}

	.highlightsinfo h5 {
		font-size: 19px;
	}
  .photostab1 {
    max-width: unset;
    width: 90% !important;
  }

  .gallery-slider {
    max-width: unset;
    width: 90% !important;
  }

  #floorplan .container {
    max-width: unset !important;
    width: 90% !important;
  }

  #projectLocation .container {
    max-width: unset !important;
    width: 90% !important;
  }

  .amerightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .ameleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .floorerightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .flooreleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .galleftbtn {
    font-size: 100px;
    left: -70px !important;
  }

  .galrightbtn {
    font-size: 100px;
    right: -70px !important;
  }

  .disclaimertext {
    font-size: 11px !important;
  }

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

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

  #projectEnquiry .container {
    max-width: unset;
    width: 90% !important;
  }

  #projectEnquiry .input-group input {
    font-size: 25px !important;

  }

  button#submitf {
    font-size: 25px !important;
  }

  #price .input-group .btn {
    width: 26% !important;
  }

  #price .input-group input {
    font-size: 20px;
  }

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

  .smallsizeqr {
    width: 25% !important;
  }
  i.fa.fa-arrow-circle-up {
    font-size: 51px  !important;
    padding: 2px;
}
.scrollup {
  width: 55px !important;
  height: 55px !important;
  border-radius: 50px !important;
}

}

/* ======================= Large Desktop End ======================= */

/* ======================= Larger Then Tablet Start ======================= */
@media only screen and (min-width: 992px) and (max-width: 1400px) {
  i.fa.fa-arrow-circle-up {
    font-size: 33px  !important;
    padding: 2px;
}
.navbar .nav-item {
  font-size: 14px;
}
.scrollup {
  width: 37px !important;
  height: 37px !important;
  border-radius: 50px !important;
}
}

/* ======================= Larger Then Tablet End ======================= */

/* ======================= Tablet Start ======================= */
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .nav-link {
    border-right: unset;
    border-left: unset;
    padding: 10px 0px !important;
  }

  .navbar {
    padding: 10px 00px !important;
  }
/* =========== Highlight Start =========== */
.slickHighlights .slick-next {
  top: 100%;
  left: 49%;
  transform: translateX(0%);
}

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

/* =========== Highlight End =========== */
  /* =========== Configuration start=========== */

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

  .innerconfiguration {
    margin-bottom: 20px;
  }

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

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

  .rightborder {
    border-right: unset;
  }

  .navbar-toggler {
    color: #000;
    border: 1.5px solid #000;
  }

  ul.navbar-nav.mx-auto.text-center {
    position: absolute;
    width: 97%;
    margin-top: 30px;
    background: #fff;
  }

  /* =========== Configuration End =========== */
  /* #home {
		margin-top: 20px;
	} */

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

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

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

	#Amenities button.owl-prev {
		position: unset;
		transform: unset;
	}
  .nav-link {
    border: 1px solid #000;
    padding: 5px 0px !important;
  }
  .activeHover {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: unset;
    background-color: #000 !important;
}
.navbar-nav {
  position: absolute;
  width: 97%;
  background: #fff;
  margin-top: 20px;
 
}
.minlogo {
  width: 70% !important;
}
}

/* ======================= Tablet End ======================= */

/* ======================= Large Mobile Start ======================= */
@media only screen and (max-width: 767px) {
  /* .carousel-item{
    padding-top:20px ;
  } */
  .section-head {
    font-size: 25px;
  }
.minlogo {
  width: 100%;
}
a.navbar-brand1{
  width: 30%;
}
  .nav-link {
          /* border: 1px solid #000; */
    padding: 5px 0px !important;
  }

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

  #floorplan .nav-item {
    width: 34% !important;
  }

  .head-logo {
    width: 50%;
  }

  .configareasection {
    position: unset !important;
    left: 51%;
    transform: unset !important;
  }

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

  .smallsizeqr {
    width: 35% !important;
  }

  #addressbar .underline {
    text-decoration: underline;
    text-underline-offset: 6px !important;
  }

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

  .rightborder {
    border-right: unset;
  }

  .navbar {
    padding: 10px 00px !important;
  }

  .floorerightbtn {
    right: -20px !important;
  }

  .flooreleftbtn {
    left: -20px !important;
  }

  .ameleftbtn {
    left: -20px !important;
  }

  .amerightbtn {
    right: -20px !important;
  }

  .galleftbtn {
    left: -20px !important;
  }

  .galrightbtn {
    right: -20px !important;
  }

  .navbar-toggler {
    color: #000;
    border: 1.5px solid #000;
  }

  ul.navbar-nav.mx-auto.text-center {
    position: absolute;
    width: 94%;
    margin-top: 30px;
    background: #fff;
  }
  #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;
	}
  .centerinmobile ul{
    justify-content: center !important;
  }
  .nav-link {
    border: 1px solid #000;
    padding: 5px 0px !important;
  }
  .activeHover {
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: unset;
    background-color: #000 !important;
}
.navbar-collapse{
  /* margin-top: 20px !important; */
}
.navbar-nav {
  position: absolute;
  width: 94%;
  background: #fff;
  margin-top: 20px;
 
}
}

/* ======================= Large Mobile End ======================= */

/* ======================= Small Mobile Start ======================= */
@media only screen and (max-width: 480px) {}

/* ======================= Small Mobile End ======================= */
/* =========== Lock Start ================ */
@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;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {

  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }

  /* =========== Configuration start=========== */

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

  .innerconfiguration {
    margin-bottom: 20px;
  }

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

  .navbar-toggler {
    color: #000;
    border: 1.5px solid #000;
  }

  ul.navbar-nav.mx-auto.text-center {
    position: absolute;
    width: 94%;
    margin-top: 30px;
    background: #fff;
  }
  .scrollup {
    bottom: 7% !important;
  }
  /* =========== Configuration End =========== */
  
	/* =========== 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: 50px;
	} */

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

	#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);
	}
}

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

}

@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: 250px) and (max-width: 767px) and (orientation: portrait) {
  #lock {
    display: none;
  }

  .wrapper {
    display: block;
  }

  /* =========== Configuration start=========== */

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

  .innerconfiguration {
    margin-bottom: 20px;
  }

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

  .footer-form {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
  }

  #price .modal-dialog {
    max-width: unset;
    width: 95%;
  }
  .scrollup {
    bottom: 8% !important;
  }
  /* =========== 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: 50px;
	} */

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

	#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);
	}


  .download-btn {
    border: none;
    border-radius: 0;
    bottom: 46%;
    transform: rotate(-90deg);
    left: initial;
    right: -70px;
    margin: 0;
    display: block !important;
}
#contactus .form-container{
padding: 20px 0px;
}
}

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

/* =========== Lock End ================ */