@media screen and (max-width:1700px) {
	/*html{font-size: 50%;}*/
	/* .banner-section .banner-img .heading-txt{left: 145rem;} */
	/* .contact-us .title{font-size: 4rem;} */

	.banner-section .banner-img .heading-txt {
		transform: translateX(50%);
	}

	.inspiration-sec .slick-prev,
	.plans .slick-prev {
		left: -5rem;
	}

	.inspiration-sec .slick-next,
	.plans .slick-next {
		right: -5rem;
	}

}

/* 1600 media scren */

@media screen and (max-width:1400px) {
	html {
		font-size: 50%;
	}

	.nav-list .num-btn {
		font-size: 15px;
	}

	.container {
		max-width: 1100px;
	}

	.s-container {
		max-width: 800px;
	}

	.download i {
		width: 20%;
	}

	.banner-section:after {
		top: 85%;
	}

	.sec3-btns input {
		padding: 1rem 1.2rem
	}
}


@media screen and (max-width:1300px) {

	.inspiration-sec .child-top,
	.child-bottom {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width:1279px) {

	html {
		font-size: 45%;
	}

	.nav-list li {
		margin-left: 2.5rem;
	}

	.brand-logo {
		width: 13.516vw;
	}

	/* .sec3-btns{width: 26rem;}
	.sec3-btns.white-btn{width: 25rem;} */
	.banner-section .banner-img .heading-txt {
		transform: translateX(30%);
	}

	.social-box .social-items img {
		width: 2.3rem;
	}

	.social-box .social-items {
		padding: 0.9rem 0.9rem;
	}

	.diamond-harbour .right-box {
		vertical-align: bottom;
	}

	.inspiration-sec .child-top,
	.child-bottom {
		width: 90%;
		margin: 0 auto;
	}

	.inspiration-sec .slick-prev,
	.plans .slick-prev {
		left: 1rem;
	}

	.inspiration-sec .slick-next,
	.plans .slick-next {
		right: 1rem;
	}

	.amenities-section .plans-line {
		left: -48.5%;
	}

	.plans .list-child {
		width: 90%;
		margin: 0 auto;
	}

	.plans .slick-next {
		right: -3rem;
	}

	.plans .slick-prev {
		left: -5rem;
	}

	.plans .plans-line {
		left: 10.5%;
	}
}

@media screen and (max-width:1023px) {

	html {
		font-size: 35%;
	}
/* 1023 thankyou page css  */

        .thankyou-text h1{
            font-size: 40px;
            line-height: 120%;
        }
    
        /* end of thanyou page text */
	.nav-bar .container {
		position: relative;
	}

	.nav-bar ul {
		position: fixed;
		top: 0;
		max-width: 400px;
		width: 90%;
		bottom: 0;
		right: 0;
		background: #FCF3E3;
		z-index: 999;
		transition: ease .5s all;
		transform: translateX(100%);
		padding-top: 75px;
	}

	.nav-bar .nav-list li {
		display: block;
		font-size: 20px;
		padding: 14px 40px;
		margin: 0;
		color: #971D20;
	}

	.menu-btn {
		display: inline-block;
		background: none;
		border: none;
		width: 30px;
		position: relative;
		vertical-align: middle;
		/* float: right; */
		margin-top: 18px;
		z-index: 999;
	}

	.menu-btn span {
		background: #FCF3E3;
		width: 100%;
		display: block;
		height: 2px;
		position: relative;
	}

	.menu-btn span::before {
		top: -8px;
	}

	.menu-btn span::after {
		bottom: 17px;
	}

	.menu-btn span::before,
	.menu-btn span::after {
		position: absolute;
		content: "";
		height: 2px;
		background: #FCF3E3;
		left: 0px;
		right: 0px;
	}

	.nav-bar .nav-list.active {

		transform: translateX(0);

	}

	.menu-btn.active span {
		background: #971D20;
		transform: rotate(48deg);
	}

	.menu-btn.active span::before {
		background: #971D20;
		transform: rotate(87deg);
		top: 0px;
	}

	.menu-btn.active span::after {
		display: none;
	}

	.menu-btn.active {
		position: fixed;
		right: 17px;
    top: 12px;
	}
	.nav-bar{z-index: 999999;}
	/* .sec3-btns{
		width: 20rem;

	}

	.sec3-btns.white-btn{
		
		width: 22rem;

	} */

	.diamond-harbour .left-box {
		width: 100%;
		margin-bottom: 50px;
	}

	.diamond-harbour .right-box {
		display: block;
		margin-left: -4px;
		margin: 0 auto;
		width: 90%;
	}

	.diamond-harbour .left-box .content {
		font-size: 3rem;
		-bottom: 50px;
		line-height: 5rem;
	}

	.inspiration-sec .inspire-head h2 {
		font-size: 6rem;
	}

	.inspiration-sec .inspire-head p {
		font-size: 2.5rem;
	}

	.units .head h3 {
		font-size: 6rem;
	}

	.units .head p {
		font-size: 3.4rem;line-height: 4rem;
	}

	.amenities-section .acrd-row .acrd-header:after {
		background-size: 53% 0.2rem, 0.2rem 55%;
	}

	.amenities-section .plans-line {
		left: -49%;
	}

	.plans .box-2 {
		width: 100%;
		margin: 0 auto;
		margin-top: 50px;
	}

	.inspiration-sec .slick-prev {
		left: -1rem;
	}

	.inspiration-sec .slick-next {
		right: 0rem;
	}

	.connectivity .head h2 {
		font-size: 6rem;
		line-height: 9rem;
	}

	.connectivity .head p {
		font-size: 3rem;
		line-height: 4rem;
	}

	.about-us p {
		font-size: 2.5rem;
		line-height: 4rem;
	}

	.connectivity .acrd-row .acrd-header:after {
		background-size: 55% 0.2rem, 0.2rem 56%;
	}

	.contact-us .inner-contain {
		padding-left: 100px;
	}

	.plans .slick-prev {
		left: -5rem;
		top: 33%;
	}

	.plans .slick-next {
		right: -2rem;
		top: 33%
	}

	.connectivity .acrd-row .acrd-header {
		font-size: 2.3rem;
	}

	.connectivity .acrd-row .toggle-box {
		font-size: 2.3rem;
	}

	.plans .plans-line {
		width: 41%;
		left: 11%;
	}

	.plans .plans-btn button {
		width: 26.6rem;
		height: 6rem;
		font-size: 2.5rem;
	}

	.download {
		font-size: 3rem;
		width: 44.1rem;
		height: 7rem;
	}

	/* .nav-list a:last-child {
		margin-left: 6.8rem;
	} */

	.sec3-cnt1{grid-gap: 15px;}
	.sec3-btns input{padding: 1.5rem 1.2rem}
	.nav-list .num-btn{margin-left: 40px;
    margin-top: 6px;font-size: 20px;    padding: 2rem;}
		.brand-logo {
			width: 15rem;
			top: -20%;
	}
	.banner-section .banner-img .heading-txt{transform: none;    font-size: 4rem;left: 0;right: 0;text-align: center;width: 100%;}
	.slick-slide{position: relative;}
	.submit-now button{    font-size: 3rem;    padding: 2rem 3rem;}
}


/* 360p  */

@media screen and (max-width:767px) {
	html {
		font-size: 30%;
	}
/* 767px thankyou page css  */
    .thankyou-text {
        margin: 140px auto;
    }
    .thankyou-text h1{
        font-size: 29px;
    }

    /* end of thanyou page text */
    
	.connectivity .image {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.connectivity .accordian-container {
		width: 90%;
		margin: 0 auto;
	}

	.units .units-list {
		display: block;
	}

	.units .units-list .list-content {
		padding-bottom: 35px;
	}

	.diamond-harbour .left-box .content {
		font-size: 2.7rem;
		line-height: 4rem;
		text-align: justify;
	}

	.inspiration-sec .child-top {
		display: block;
	}

	.inspiration-sec .right-box {
		width: 100%;
	}

	.inspiration-sec .left-box {
		width: 100%;
	}

	.inspiration-sec .right-box p {
		display: flex;
		min-height: 15rem;
		padding: 2rem 6rem;
		font-size: 2.5rem;
		line-height: 2.5rem;
		justify-content: center;
		align-items: center;
	}

	.inspiration-sec .left-box h4 {
		font-size: 2.7rem;
	}

	.inspiration-sec .bottom-title {
		font-size: 2.3rem;
	}


	.amenities-section .flex-box {
		display: block;
	}

	.amenities-section .l-box {
		width: 100%;
		padding: 0 1.4rem;
	}

	.amenities-section .r-box {
		width: 100%;
		margin: 22px auto;
	}

	.amenities-section .plans-line {
		left: 64%;
		top: 56%;
		width: 32%;
	}

	.plans .plans-line {
		left: 20%;
		top: 21%;
		width: 78%;
		;
	}

	.plans .box-1 {
		display: block;
	}

	.plans .plans-head {
		margin-bottom: 3rem;
	}

	.plans .plans-btn {
		display: flex;
		vertical-align: middle;
		justify-content: space-evenly;
	}

	.plans #master-btn {
		margin-right: 0rem;
	}

	.connectivity .image {
		margin-bottom: 3rem;
	}

	.connectivity .accordian-container {
		width: 90%;
		display: block;
		margin: 0 auto;
		padding-left: 0rem;
	}

	.contact-us .inner-contain {
		padding-left: 0;
		gap: 3.8rem;
		display: block;
	}

	.sec3-cnt1{grid-template-columns: 1fr;grid-gap: 15px;}
	label.error{bottom: -3rem;
    font-size: 12px;}
	.sec3-btns input {
    padding: 1.7rem 1.2rem;
	}
	.sec3-btns.white-btn{    padding: 2rem 10px;}
	.diamond-harbour .left-box .content{margin-left: 4rem;padding-right: 0;}
	.download{margin-left: 4rem;}
	.units .list-content h3{font-size: 3.6rem;}
	.units .list-content .content-info, .units .list-content .land-size{padding-top: 1.5rem;font-size: 2.8rem;}
	.amenities-section .acrd-row .acrd-header{font-size: 3rem;}
	.amenities-section .acc-items .icon-txt{    font-size: 2.8rem;}
	.amenities-section .acc-items{margin-top: 2rem;}
	.plans .box-2{margin-top: 25px;}
	.connectivity .acrd-row .toggle-box, .connectivity .acrd-row .acrd-header{font-size: 3rem;}
	.connectivity .acrd-row .acrd-header{height: 6rem;}
	.connectivity .acrd-row .toggle-box li {line-height: 4.5rem;}
	.contact-us{background-size: 41%;background-position: bottom -100px right;}
	.contact-us .left-box{width: 35%;margin: 0 auto;}
	.contact-us .right-box{margin-top: 35px;}
	.contact-us .right-box{width: 80%;}
	.contact-us .right-box .p1{font-size: 3.4rem;margin-top: 15px;}
	.contact-us .right-box .p2{font-size: 2.8rem;line-height: 3.6rem;padding-top: 0;margin-top: 10px;}
	.social-box .social-items{padding: 1.7rem}
	
}