:root {
    --primaryColor: #1d262f;
    --secondaryColor:#1d262f;
    --hoverColor:#3a4d60;
}
 @media only screen and (max-width: 1200px){
	body { font-size:14px; }
	.container { width:960px; }
	.sectionheading { font-size:32px; }
	.whiteBtn { font-size:14px; }
}
@media only screen and (max-width: 990px){
	/* common */
	.container { width:720px; }
	/* common */

	/* header */
	.header .menu ul { gap:20px; }
	/* header */
	.header-call-btn { display:none !important; }
	/* about */
	.aboutmain { gap:30px; }
	.aboutleft h3 { margin-bottom:10px; }
	/* about */

	/* amenities1 */
	.amenities1 ul li h6 { font-size:12px; }
	.amenities1 ul li img { height: 50px; margin-bottom: 5px; }
	/* amenities1 */
	.developerleft { text-align: center; }
	.developerleft img { width:120px; margin:0 auto; }
	.footer2 { text-align: center; }
	/* commonbanner */
	.bannerMain { flex-direction: column; gap:20px; }
	.bannerimg { width:100%; } 
	.bannertxt { width:100%; padding: 0 20px; padding-bottom:20px; }
	.bannerimg img { height: auto; }
	.bannerimg video { height: auto; }
	/* commonbanner */
	
}
@media only screen and (max-width: 768px){
	/* common */
	.container { width:90%; }
	/* common */
	.bannertxt ul { flex-direction: column; align-items: baseline; gap:5px; margin-top:10px; }
	.bannertxt ul li { border-right:0; padding-right: 0; margin-right: 0; }
	.bannertxt h1 { font-size:2.2rem; }
	/* .bannertxt ul li button { display: none; } */
	.aboutmain { gap:70px; }
	.aboutdots { left:-20px; }
	.aboutright { width:100% !important; }
	.connectivitybox { flex-direction: column; gap:20px; }
	.connectivitybox .locationboxs { width:100%; }
	.connectivitybox .mapbox { width:100%; }
	.developerleft img { width:220px; }
	.displayinline { width:31%; }
	.displayinline img { width:100%; }
	.developerright { margin-top:10px; }
	.developerright>img { margin-bottom:10px !important; }
	.bannertxt ul li { width:100%; align-items: center; }
	.bannertxt ul li:first-child { border-top: 0; margin-top:0; padding-top:0; }
	.bannertxt ul li:nth-child(4) { border-top:0; }
	/* .bannertxt ul li:nth-child(3) { display: none; } */
	.bannertxt ul li:nth-child(3) h4 { min-width:90px; }
	.bannertxt ul li h4 { font-size:16px ; font-weight:600; margin-bottom:0; margin-right:3px; display: inline-block; }
	.bannertxt ul li p { font-size:16px; font-weight:400; display: inline-block; }
	.commonbanner .bannerimg:before { background:linear-gradient(to top, rgb(0 0 0 / 65%) 20%, rgb(0 0 0 / 40%) 40%, rgb(0 0 0 / 0%) 60%, rgb(0 0 0 / 0%) 100%); }
	.connectivitybox .locationbox h3 { font-size:16px; }
	.bannerimg { height: calc(100vh - 95px); background: url(../project-assets/banner/mobile/banner-1.jpg) no-repeat right 0; background-attachment: fixed; }
} 
@media only screen and (max-width: 680px){
	/* common */
	.stickycta { bottom: 0; transform: rotate(0); left: 0; right: 0; top: inherit; padding: 15px; font-size: 14px; }
	.ptb60 { padding:60px 0; }
	.mobileBtnbox { display: flex !important; position: fixed; bottom:0; left:0; right:0; }
	.mobileBtnbox:after { position: absolute; left:0; }
	.mobileBtnbox a { padding:14px; background:var(--secondaryColor); color:#fff; width:100%; text-align: center; text-decoration:none; font-size:16px; text-transform:uppercase; }
	.mobileBtnbox2 .callBtn { width:50%; border-right:1px solid #fff; }
	.mobileBtnbox2 .mobileBtn { width:50%; }
	.mobileBtnbox2 .phoneeffect { width: 19px; vertical-align: -3px; margin-right: 5px;  filter: brightness(0) invert(1)}
	/* common */

	/* Header */
	.header .menu ul { flex-direction:column; align-items:baseline; gap:0; }
	.header .menu ul li:not(:last-child) { border-bottom:1px solid #ccc; width:100%; padding-bottom:20px; margin-bottom:20px; }
	.header .menu ul li a { font-size:18px; color:#333; display:block; }
	.headercontactbtn { color:#fff !important; }
	.navToggle { display:block; width: 22px; height: 15px; margin-top: 0; position: absolute; top: 20px; right: 20px; transition: 0.5s ease-in-out; cursor: pointer; z-index: 99999;}
	.navToggle span { width: 22px; height: 2px; border-radius: 4px; position: absolute; left: 0; top: 0; background-color: #333; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
	.navToggle span:nth-child(1) { top: 0px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
	.navToggle span:nth-child(2) { top: 6px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
	.navToggle span:nth-child(3) { top: 12px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; transition: 0s ease-in-out; }
	.navToggle.open span { background-color: #333;}
	.navToggle.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	.navToggle.open span:nth-child(2) { top: 11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	.navToggle.open span:nth-child(3) { opacity:0; }
	.menu { position: fixed; left: -100%; transition: all 0.3s ease; top: 0; box-sizing: border-box; background:#fff; height: 100vh; width: 100%; padding:50px 40px; }
	.open-menu { left:0; z-index:9; }
	/* Header */

	/* Banner */
	.banner img { object-fit:cover; height:calc(100vh - 68px); }
	.bannercaption h1 { font-size:32px; }
	.bannercaption button { font-size:14px; padding:12px 20px; }
	.bannerslider .bannerslider-pagination .swiper-pagination-bullet { width:12px; height:12px; }
	.bannerslider .bannerslider-pagination .swiper-pagination-bullet-active { width:16px; height:16px; }
	/* Banner */

	/* Banner animation */
	.bannercaptionanimation .bannercaptionanimationTop img { height: auto; margin:0 auto; }
	.bannercaptionanimation { right:0; left:0; width:90%; margin:0 auto; bottom:0; top:inherit; padding:10px; }
	/* Banner animation */

	/* Banner Temp3 */
	.bannercaption-temp3 { bottom:0; }
	.bannercaption-temp3 h1 { font-size:22px; }
	.bannercaption-temp3 h3 { font-size:14px; }
	.bannercaption-temp3 .resetul { flex-wrap: wrap; }
	.bannercaption-temp3 .resetul li { margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid rgb(255 255 255 / 17%); width:100%; border-right:0; padding-right:0; margin-right: 0; display:flex; gap: 10px; align-items: center;  }
	.bannercaption-temp3 .resetul li:last-child { border-bottom:0; }
	.bannercaption-temp3 .resetul li:nth-last-child(2) { border-bottom:0; }
	.bannercaption-temp3 .resetul li h4 { font-size:16px; margin-bottom:0; }
	.bannercaption-temp3 .resetul li p { margin-bottom:0; }
	.bannercaption-temp3 .resetul li button { display:none; }
	/* Banner Temp3 */
	
	/* About */
	.aboutmain { flex-direction: column-reverse; }
	.aboutleft { width:100%; }
	.aboutright { width:93%; }
	/* About */

	/* amenities1 */
	.amenities1 ul { flex-wrap:wrap; justify-content: center; }
	.amenities1 ul li { width:100px; }
	/* amenities1 */
	
	/* amenities3 */
	.amenities3 ul li { width:100%; }
	.amenities3 ul li p { font-size:16px; }
	/* amenities3 */

	/* floorplain1 */
	.floorplain1row { flex-direction: column; }
	.floorplain1row .floorplaincol { width:100%; }
	.floorplain1row .floorplaincol .floorplainsliderItem .floorplainsliderItemBtn { opacity: 1; background: none; display: flex; text-align: left; align-items: center; }
	.floorplain1row .floorplaincol .floorplainsliderItem .floorplainsliderItemBtn p { text-align: left; text-shadow: none; color:#333; margin:0; }
	.floorplain1row .floorplaincol .floorplainsliderItem .floorplainsliderItemBtn button { font-size: 12px; padding: 10px 16px;  }
	/* floorplain1 */
	

	/* footer2 */
	.footer2 { padding-bottom:80px; }
	.formmainbox .contactform { flex-direction: column; width: 90%; }
	.formmainbox .contactform li { width: 100%; }
	/* footer2 */

	/* popup */
	.enquirypopup .contactleft { width:100%; padding-bottom:45px 30px; }
	.contactleft .contactform li { width: 100%; }
	.closebtn img { width:18px; }
	/* popup */
	
	.projecthighlightbox ul li { width: calc(49% - 13px) !important; }
	.locationbox { width:100%;	}
	.developermain { flex-wrap: wrap; }
	.developerleft { width:100%; }
	.developerright { width:100%; display: flex; flex-direction: column; }
	.developerright img { margin: 0 auto; }
	.amenitie-mainbox { flex-direction: column; }
	.amenitie-leftbox { width: 100%; }
	.amenitie-rightbox { width: 100%; }
	.banner-temp3 .bannerimg { height: auto; }
	.header .logo img { height:35px; width: auto; }
	.header { padding:10px 30px; }
	.aboutright::before { left: -15px; top: -15px; }
	.aboutright::after { right: -15px; bottom: -12px; }
	.projecthighlightbox ul li:nth-child(3):after { display:none; }
	.projecthighlightbox ul li:last-child::after { display:none; }
	.amenities ul { align-items: baseline; }
	.amenities ul li { width:calc(34% - 15px); }
	.footer2 .container { flex-direction: column; gap:5px; width:100%; }
	.footerlogo img { width:110px; }

	.formmainboxborder { flex-direction: column; }
	.footermap { width:100%; }
	.footerform { width:100%; }
	.footerformbox { height: auto; }
	
}
@media only screen and (max-width:520px){ 
	/* common */
	.sectionheading { font-size:28px; }
	.whiteBtn { padding:16px 35px; }
	/* common */

	/* banner */
	.bannercaption h1 { font-size:24px; }
	/* banner */
	.amenities1 ul li { width:45%; }
	/* amenities1 */
}