@media only screen and (max-width: 1023px){
    .overview .left-box{padding-right: 0;}

    .amenities .prev-arrow{left: 1rem;}
    .amenities .next-arrow{right: 1rem;}

    .header .cur-navbar .cus-nav-list{position: absolute;top: 0;left: 0;right: 0;height: 100vh;background: rgba(0,0,0,.8);display: flex;justify-content: center;align-items: center;transform: translateX(100%);transition: all 300ms ease;}
    .header .cur-navbar .cus-nav-list.active{transform: translateX(0);}
    .header .cur-navbar .cus-nav-list ul li{margin-left: 0;display: block;margin: 1rem 0;text-align: center;color: #fff;}
    .logo1{display: none;}


    .menu, .close{display: block;font-size: 2rem;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;cursor: pointer;}
    .close{color: #fff;display: none;z-index: 9;}
    .close.active{display: block;}
	/* .footer-enquire-border{border-right: 1px solid #fff;} */
}

@media only screen and (max-width: 767px){
	
    .returns .mainbox{display: block;}
	.returns .slider-arrows{display: block;}
	.returns .next-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;right: 0;}
	.returns .prev-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;left: 0;}
    /* .returns .slider-arrows{display: flex;justify-content: space-around;flex-direction: row-reverse;margin-top: 2rem;} */
    .returns .mainbox .box{border: 1px solid #ccc;height: 395px;}
	.returns .mainbox .box .box-content p{padding: 0 2rem;}
    

    .investment .mainbox{display: block;}
    /* .investment .slider-arrows{display: flex;justify-content: space-around;flex-direction: row-reverse;margin-top: 2rem;} */
	.investment .slider-arrows{display: block;}
	.investment .next-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;right: 0;}
	.investment .prev-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 4rem;height: 4rem;left: 0;}
    .investment .mainbox .box{border: 1px solid #ccc;}
	.investment .mainbox .box .box-content li{padding: 0 2rem;}

	.amenities .next-arrow{width: 4rem;height: 4rem;}
	.amenities .prev-arrow{width: 4rem;height: 4rem;}

    .heading{font-size: 3.2rem;letter-spacing: 0;}
	.heading01{font-size: 2.8rem;}

	.popup{width: 90%;}
}


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

@media only screen and (min-width: 767px) and (max-width: 960px) and (orientation: portrait) {
	#lock {
		display: none;
	}
	.wrapper {
		display: block;
	}
}	
@media only screen and (min-width: 767px) and (max-width: 960px) 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: 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;
	}
}