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

	/* .downloadfloorplain button { margin:0; margin-bottom:20px; }
	.floorplainright img { width:22px; height:22px; }
	.floorplainright p { margin-top:0; }
	.downloadfloorplain button { text-align:left; } */
}
@media only screen and (max-width: 990px){
	/* common */
	.container { width:720px; }
	/* common */

	/* header */
	.header .menu ul { gap:20px; }
	/* header */

	/* 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 */

	/* floorpain3 */
	.floorplain3 .floorplainmain { gap:30px; }
	.locationheading .sectionheading { width:70%; }
	.floorplain3 .downloadfloorplain button { font-size:12px; border-bottom:1px solid #fff; padding-bottom:4px; margin-bottom:20px; }
	/* floorpain3 */

}
@media only screen and (max-width: 768px){
	/* common */
	.container { width:90%; }
	/* common */
} 
@media only screen and (max-width: 680px){
	.header .menu ul li a.headercontactbtn { display:none; }
	/* 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 .mobileBtn { padding:14px; background:var(--secondaryColor); color:#fff; width:100%; text-align: center; text-decoration:none; font-size:14px; text-transform:uppercase; }
	.mobileBtnbox .mobileBtn:last-child { border-left: 1px solid #fff; }
	/* 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 */

	/* Banner Temp4 */
	.bannercaption-temp4 { position: initial; padding-left:20px;  padding-right:20px; margin-top:20px; }
	.banner-temp4 .bannerimg { height: auto !important; }
	.banner-temp4 .banneritem::before { background:none; }
	.bannercaption-temp4 h1 { color:#333; text-shadow: none; font-size:26px; }
	.bannercaption-temp4 h3 { color:#333; text-shadow: none; font-size:14px; }
	.bannercaption-temp4 ul { margin:10px 0; margin-bottom:20px; text-shadow: none; }
	.bannercaption-temp4 ul li { margin-bottom:10px; }
	.bannercaption-temp4 ul li h4 { color:#333; background:none; text-shadow: none; font-size:14px; }
	.bannercaption-temp4 .bannercaption-temp4-bottom h5 { color:#333; border-bottom:1px solid #333; text-shadow: none; font-size:18px; }
	.bannercaption-temp4 .bannercaption-temp4-bottom h6 { color:#333; font-size:32px; font-weight:800; text-shadow: none; }
	.bannercaption-temp4 .bannercaption-temp4-bottom h6 span { font-size:16px; }
	/* Banner Temp4 */
	
	/* About */
	.aboutmain { flex-direction: column-reverse; }
	.aboutleft { width:100%; }
	.aboutright { width:100%; }
	/* 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 */
	
	/* floorplain2 */
	.floorplain2row .floorplaincol .floorplainsliderItem .floorplainsliderItemBtn { position: absolute; justify-content: center; }
	/* floorplain2 */

	/* floorplain3 */
	.floorplain3 .floorplainmain { flex-direction:column; }
	.floorplain3 .floorplainleft { width:100%; }
	.floorplain3 .floorplainright { width:100%; }
	/* floorplain3 */

	/* footer */
	.contactleft { width:100%; box-sizing: border-box; }
	.contactright { box-sizing: border-box; }
	.contactright { width:100%; }
	.contactmain { flex-direction:column; margin:0 6% }
	.contactright .contactnumber { margin-bottom:30px; }
	.contactmain { margin-top:30px; }
	.footerleft { gap:30px; justify-content:center; }
	.footerright { text-align:center; }
	.footer { flex-direction:column; gap:15px; justify-content:center; }
	.contactleft h4 { font-size:24px; }
	.contactleft .contactform { gap:15px; }
	/* footer */

	/* 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: 100% !important; }
	.locationbox { width: calc(50% - 10px);	}
	.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: 18px; }
	
	.projecthighlightbox ul li:nth-child(3):after { display:none; }
	.projecthighlightbox ul li:last-child::after { display:none; }


	/* 
	
	.floorplainsliderItem .floorplainsliderItemBtn button { font-size:12px; padding:12px 22px; }
	.amenities3blox .galleryOneList { flex-direction: column; }
	.floorplaincol p { font-size:12px; }*/
}
@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 */

	/* footer */
	.contactright .contactnumber { margin:20px 0; }
	.contactright .contactnumber li a { font-size:14px; }
	.contactright .contactnumber li { margin-bottom:15px; }
	/* footer */

	/* .locationheading .sectionheading { text-align:center; }
	.banner img { height:70vh; }
	.floorplainmain { margin-top:20px; }*/
}