/* Large Devices, Wide Screens */
@media only screen and (max-width : 1366px) {}

/* Large Devices, Wide Screens */
@media(min-width:1024px) and (max-width : 1200px) {
	.compress-logo {
		transform: translate(0%, -0px) scale(0.7) !important;
	}
	.menu-icon-mobile span {
		display: block;
		height: 3px;
		width: 100%;
		margin: 7px 0px;
		background-color: #ffff;
	}
	.sec-bottom-img {
		margin-top: 134px;
		height: auto;
	}
	
	.menu-icon-mobile {
		display: block;
		width: 50px;
		padding: 14px 8px 4px 8px;
		background-color: transparent;
		border-radius: 0px;
		margin: 0;
		position: absolute;
		top: 15px;
		right: 13px;
		height: 40px;
	}
	.sec-bottom-img img{transform: translateY(10px);}

	.brand-logo {
		position: absolute;
		left: unset;
		transform: translateX(0%) scale(1);
	}
	.menu-icon-mobile {
		display: block;
		width: 50px;
		padding: 14px 8px 4px 8px;
		background-color: transparent;
		border-radius: 0px;
		margin: 0;
		position: absolute;
		top: 15px;
		right: 13px;
		height: 40px;
	}

	.menu-icon-mobile>span {
		display: block;
		height: 2px;
		width: 100%;
		margin-bottom: 4px;
		background-color: #fff;
	}

	header .nav-links {
		display: none;
		position: fixed;
		top: 94px;
		left: 0;
		background-color: #fff;
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	header .nav-links a {
		display: block !important;
		text-align: center;
		line-height: 40px !important;
		color: #fff;
		margin-top: 0px;
		margin-right: 0px;
	}

	header .lower .nav-links a:last-child {
		margin-right: 0px;
	}

	header .lower .nav-links a {
		margin-right: 0px;
		color: #000;
		width: 100%
	}

	header .upper .enq-btn-wrapper {
		margin-right: 50px;
		margin-top: 15px;
	}

	header .upper .ctc-wrapper {
		margin-right: 5px;
	}

	header .upper .number-wrapper {
		margin-right: 15px;
		margin-top: 25px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	header {
		
		height: 120px;
		
	}
	.topnav-right {
		float: unset;
	}
	.home-banner-content {
		width: 100%;
	}

	.col-md-1 {
		width: 8.333333333333333%;
	}

	.col-md-2 {
		width: 16.66666666666667%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-4 {
		width: 33.33333333333333%;
	}

	.col-md-5 {
		width: 41.66666666666667%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-7 {
		width: 58.33333333333333%;
	}

	.col-md-8 {
		width: 66.66666666666667%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-10 {
		width: 83.33333333333333%;
	}

	.col-md-11 {
		width: 91.66666666666667%;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-12-5 {
		width: 20%;
	}
}

@media(max-width:992px) {
	.customizable-slider .slick-dots{list-style-type: none;}
	.gallery-slider .slick-dots{list-style-type: none;}
	.lifestyle-slider .slick-dots{list-style-type: none;}

	.slick-dots li.slick-active button:before {
		opacity: 0!important;
	}
	.slick-dots li button:before {
		
		opacity: 0!important;
	}
	.gallery-wrapper .sec-title-2 {
		text-align: center;
		/* color: #282A2B */
	}
	.lifestyle-mobile-slider {
		display: block;
	}

	.loaction-map-border {
		border-radius: 50%;
		background: #e7f0f3;
		/* background: red; */
		display: inline-block;
		height: 343px;
		width: 343px;
		text-align: center;
		position: relative;
		right: 0px;
		top: -147px;
	}


	.lifestyle-mobile-slider {
		position: absolute;
		bottom: -50px;
	}

	.life-style-wrapper .custom-arrow {
		display: none;
	}

	
	.wrapper .custom-arrow>span {
		margin: 4px 21px;
	}

	#life-style-mobile-next {
		transform: rotate(180deg);
		margin-left: 72px;
	}

	.lifestyle-mobile-slider {
		width: 100%;
		text-align: center;
	}

	.lifestyle-mobile-slider img {
		margin: 0 0px;
		z-index: 2;
		position: relative;
	}

	.lifestyle-mobile-slider>span {
		width: 100%;
		margin-top: 5px;
	}

	.wrapper .custom-arrow img {
		margin: 0 0px;
	}

	#customzable-arrow-right {
		transform: rotate(180deg);
		margin-left: 72px;
	}

	.wrapper .custom-arrow {
		right: unset;
		top: unset;
		bottom: -39px;
		left: 0px;
	}

	.sec-bottom-img {
		margin-top: 134px;
		height: auto;
	}

	.sec-bottom-img>img {
		transform: translateY(10px);
	}

	header .lower .nav-links a.active {
		color: #9a3e41;
	}

	.customizable-slider-wrapper p {

		width: auto;
	}


	/* banner start  */
	.sec-para {
		color: #282A2B;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.64px;
	}

	.section-title {
		font-size: 30px;
		line-height: 44px;
	}

	.sec-title-2 {
		font-size: 30px;
		line-height: 44px;
		color: #282A2B;
	}

	.menu-icon-mobile span {
		display: block;
		height: 3px;
		width: 100%;
		margin: 7px 0px;
		background-color: #ffff;
	}

	header {
		height: 84px
	}

	.compress-logo {
		transform: translate(0%, 0px) scale(1) !important;
	}

	.brand-logo {
		position: absolute;
		left: unset;
		transform: translateX(0%) scale(1);
	}

	.site-main-title {
		font-size: 40px;
		line-height: 44px;
	}

	.home-banner-content {
		width: 100%
	}

	.home-banner-content p {
		font-size: 18px;
		line-height: 26px;
		letter-spacing: 0px;
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.home-banner {
		background-image: url('../images/mobile-banner.jpg');
	}


	/* banner end  */


	/* #overview start  */

	.overview-birds {
		transform: translate(6px, -61px);
		width: 163px;
		z-index: -1;
	}

	.project-highlight {
		display: grid;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-right: 197px;
		list-style-type: none;
		margin-bottom: 0px;
		grid-template-columns: 50% 50%;
		width: 100%;
	}

	#overview .sec-title-3 {
		font-size: 22px;
		line-height: 27px;
		letter-spacing: 0.88px;
	}

	#overview .sec-para {
		margin-right: unset;
	}

	#overview .section-title {
		z-index: 2
	}

	.project-highlight li span:last-child {
		margin-top: 18px;
		letter-spacing: 0px;
	}

	.bird-black-img {
		position: absolute;
		top: 0px;
		right: 0px;
		transform: translate(-70px, -84px);
		width: 211px;
	}

	/* overview end  */

	/* lifestyle slider start  */
	.margin-top {
		margin-top: 50px
	}

	#plot-plans p {
		margin: 30px 0 75px 0;
	}

	.enquire-btn-now {
		padding: 16px 41px;
	}

	.lifestyle-slider .slick-slide {
		transform: scale(1);
	}

	.location-map {
		height: 334px;
		width: 334px;
		position: relative;
		right: unset;
		top: unset;
		transform: translate(1px, 4px);
	}

	.loaction-map-border {
		position: relative;
		top: 0px
	}

	.location-points {
		margin-bottom: 20px;
		width: auto
	}

	.gallery-wrapper .sec-title-2 {
		text-align: center;
	}

	.gallery-wrapper .custom-arrow img {
		margin: 0 0px;
		z-index: 2;
		position: relative;
	}

	.gallery-wrapper .custom-arrow {
		right: unset;
		top: unset;
		bottom: -55px;
		left: 0px;
		width: 100%;
		text-align: center;
	}

	.gallery-wrapper .custom-arrow span {
		text-align: center;
		width: 100%;
		margin: 4px 0
	}

	#gallery-arrow-right {
		transform: rotate(180deg);
		margin-left: 72px;
	}

	#location {
		padding-bottom: 0px;
	}

	.mr-top-mobile {
		margin-top: 50px
	}

	.center-img {
		text-align: center;
	}

	/* lifestyle end  */

	/* gallery slider  */
	#gallery p {
		margin: 19px auto 28px;
		font-size: 16px;
		line-height: 30px;
		width: 290px;
		text-align: center;
	}

	/* gallery slider  */

	/* about strat  */
	.about-content-wrapper .sec-title-2 {
		font-size: 26px;
		line-height: 42px;
	}

	.about-info-text {
		width: 100%;
	}
	.menu-icon-mobile {
		display: block;
		width: 50px;
		padding: 14px 8px 4px 8px;
		background-color: transparent;
		border-radius: 0px;
		margin: 0;
		position: absolute;
		top: 15px;
		right: 13px;
		height: 40px;
	}

	.menu-icon-mobile>span {
		display: block;
		height: 2px;
		width: 100%;
		margin-bottom: 4px;
		background-color: #fff;
	}

	header .nav-links {
		display: none;
		position: fixed;
		top: 94px;
		left: 0;
		background-color: #fff;
		width: 100%;
		height: 100%;
		z-index: 999;
	}

	header .nav-links a {
		display: block !important;
		text-align: center;
		line-height: 40px !important;
		color: #fff;
		margin-top: 0px;
		margin-right: 0px;
	}

	header .lower .nav-links a:last-child {
		margin-right: 0px;
	}

	header .lower .nav-links a {
		margin-right: 0px;
		color: #000;
		width: 100%
	}

	header .upper .enq-btn-wrapper {
		margin-right: 50px;
		margin-top: 15px;
	}

	header .upper .ctc-wrapper {
		margin-right: 5px;
	}

	header .upper .number-wrapper {
		margin-right: 15px;
		margin-top: 25px;
	}

	/* about end  */
}

/* Small Devices, Tablets */
@media(min-width:766px) and (max-width : 850px) {
	.gallery-slider .slick-slide {
		width: 700px
	}
	.customizable-slider .slick-slide {
		width: 700px;
	}

	.site-main-title {
		font-size: 60px;
		line-height: 64px;
	}

	.location-points {
		margin-top: 30px;
		margin-bottom: 20px;
		width: auto;
	}

	.topnav-right {
		float: unset;
	}

	.home-banner-content p {
		font-size: 28px;
		line-height: 46px;
	}

	.menu-icon-mobile {
		top: 24px;
	}

	header {
		height: 124px;
	}

	.col-sm-1 {
		width: 8.333333333333333%;
	}

	.col-sm-2 {
		width: 16.66666666666667%;
	}

	.col-sm-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 33.33333333333333%;
	}

	.col-sm-5 {
		width: 41.66666666666667%;
	}

	.col-sm-6 {
		width: 50%;
	}

	.col-sm-7 {
		width: 58.33333333333333%;
	}

	.col-sm-8 {
		width: 66.66666666666667%;
	}

	.col-sm-9 {
		width: 75%;
	}

	.col-sm-10 {
		width: 83.33333333333333%;
	}

	.col-sm-11 {
		width: 91.66666666666667%;
	}

	.col-sm-12 {
		width: 100%;
	}

	.col-sm-12-5 {
		width: 20%;
	}

	

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {
	body {
		-webkit-text-size-adjust: none;
	}

	.col-xs-1 {
		width: 8.333333333333333%;
	}

	.col-xs-2 {
		width: 16.66666666666667%;
	}

	.col-xs-3 {
		width: 25%;
	}

	.col-xs-4 {
		width: 33.33333333333333%;
	}

	.col-xs-5 {
		width: 41.66666666666667%;
	}

	.col-xs-6 {
		width: 50%;
	}

	.col-xs-7 {
		width: 58.33333333333333%;
	}

	.col-xs-8 {
		width: 66.66666666666667%;
	}

	.col-xs-9 {
		width: 75%;
	}

	.col-xs-10 {
		width: 83.33333333333333%;
	}

	.col-xs-11 {
		width: 91.66666666666667%;
	}

	.col-xs-12 {
		width: 100%;
	}

	.col-xs-12-5 {
		width: 20%;
	}

	.hidden-xs {
		display: none !important;
	}

	.visible-xs {
		display: block !important;
	}

	.menu-icon-mobile {
		height: 60px;
		/* padding: 25px 8px 4px 8px; */
		top: 6px;
	}

	header {
		padding: 5px 0;
	}

	header .nav-links {
		padding: 10px 0;
		/* top: 55px; */
	}

	header .brand-logo img {
		width: 62px;
	}

	header .form-container {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		top: 100% !important;
		bottom: -100% !important;
		width: 100% !important;
		padding: 30px 0 !important;
		-ms-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		z-index: 300;
		background-color: rgba(255, 254, 254, 0.97) !important;
	}

	header .form-container.show {
		top: 0 !important;
		bottom: 0 !important;
		display: block !important;
	}

	header .form-container .frmclose {
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #000;
		font-size: 20px;
	}

	footer {
		padding-bottom: 30px;
		margin-bottom: 20px;
	}

	footer .set-mobile {
		margin: 17px 0 22px;
		display: inline-block;
	}

	footer .lower {
		font-size: 10px;
	}

	footer .lower div {
		text-align: center !important;
	}

	.mob-footer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		background-color: #fff;
		font-size: 14px;
		font-weight: 600;
		z-index: 999999;
	}

	.mob-footer a {
		display: block;
		line-height: 30px;
	}

	.mob-footer a.mob-enq-btn {
		background-color: #A13744;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		padding: 10px 0;
	}

	.mob-footer a.mob-call-btn {
		background-color: #fff;
		color: #6b6b6b;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		padding: 10px 0;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}
@media only screen and (max-width : 375px) {
	.sec-title-2 {
		font-size: 21px;
		line-height: 37px;
		color: #282A2B;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 320px) {
	.sec-title-2 {
		font-size: 21px;
		line-height: 37px;
		color: #282A2B;
	}
}