@media only screen and (max-width: 1200px){
    .header .cus-navbar .cus-nav ul{position: absolute;top: 0;left: 0;height: 100vh;background: rgba(0,0,0,1);width: 100%;padding: 5rem;transform: translateX(100%);transition: ease .4s all;text-align: center;}
    .header .cus-navbar .cus-nav ul.active{transform: translateX(0);}
    .header .cus-navbar .cus-nav ul li{display: block;margin: 0;margin-top: 2.5rem;font-size: 1.8rem;}
    .header .cus-navbar .cus-nav ul li:hover::after{width: 100px;}
	.header .cus-navbar .cus-nav ul li::after{left: 50%;transform: translateX(-50%);}
    .header .cus-navbar .cus-nav ul li.active::after{width: 100px;}
    .header .cus-navbar .cus-nav .calling{display: none;}
    .menu{display: block;}
    .close{display: block;position: absolute;top: 20px;right: 20px;}
    .popup{width: 70%;}
}

@media only screen and (max-width: 1023px){
	.header{background: rgba(0,0,0,.8);}
	.banner-section{margin-top: 90px;}
	.boxes-slide.row{display: block !important;}
	.boxes-slide .slick-dots{opacity: 1;}

	.footer-formset{display: none;}
	/* .footer-form{position: relative;} */
	.footer-enquire::after{content: "";position: absolute;width: 2px;height: 70%;background-color: #fff;top: 6px;left: 50%;transform: translateX(-50%);}
	.amenities .box-icon{width: 60px;height: 60px;margin: 0 auto;}
    .amenities .box-icon img{width: 35px;}
	.amenities .content{margin-top: 1rem;}
	.amenities .content p {
		color: #000;
		margin-right: 0px;
		margin-left: 0;
		font-size: 16px;
		text-align: center;
	}

}
@media only screen and (max-width: 767px){
    .container{width: 90%;margin: 0 auto;}
    .footer .policy{width: 100%;}

    .text-end{text-align: center !important;}
    .heading01{text-align: center;}
    .mob-center{text-align: center;}

    .mob{display: block !important;}
    .desk{display: none !important;}
	.footer {
		border-bottom: none;
	}
    .popup{width: 90%;}
    .footer .policy p{width: 100%;}

    .amenities .box-icon{width: 60px;height: 60px;margin: 0 auto;}
    .amenities .box-icon img{width: 35px;}
	.amenities .content{margin-top: 1rem;}
	.amenities .content p {
		color: #000;
		margin-right: 0px;
		margin-left: 0;
		font-size: 16px;
		text-align: center;
	}
	.amenities .textamenities {
    padding: 0;
    text-align: unset;
}
.location .box {
    border: 2px solid #ffb500;
    margin: 0 1rem;
    height: 450px;
    position: relative;
}
.configuration .heading03 {
    color: #ffb500;
    text-transform: uppercase;
    text-align: center;
}
	/* .set-mobile  */

	

}

@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;
	}
	.location .box {
    border: 2px solid #ffb500;
    margin: 0 1rem;
    height: 490px;
    position: relative;
}
}
@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;
	}
	.location .box {
    border: 2px solid #ffb500;
    margin: 0 1rem;
    height: 490px;
    position: relative;
}
}
@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;
	}
	.location .box {
    border: 2px solid #ffb500;
    margin: 0 1rem;
    height: 490px;
    position: relative;
}
}
@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;
	}
}