 @media only screen and (min-width: 1920px) {
.aboutWrap {padding: 100px 0 210px 0;}
body{font-size: 18px;}
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
.bannerWrap h2 { font-size: 75px; line-height: 80px; bottom: 50px;}
h2 { font-size: 70px; line-height: 78px;}
.aboutWrap .circleBox.active {top: 30px;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft { padding: 30px;}
.unitplanWrap .unitplanInner .unitplanTxt .unitplanHeading { font-size: 60px; line-height: 66px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight h3 { font-size: 32px;	line-height: 46px;}
h1 { font-size: 80px; line-height: 84px;}
.aboutpointsWrap .aboutpoints { font-size: 60px; line-height: 68px;}
.leadershipWrap .directorWrap .directorRight .directorName { font-size: 40px; line-height: 45px;}
.leadershipWrap .directorWrap .directorRight .directorDesig { font-size: 30px; line-height: 35px;}
.leadershipWrap .leadershipInner { font-size: 16px;}
.projectdetailsWrap .floorinfoWrap .flatno{font-size: 30px; line-height: 38px;}
.projectdetailsWrap .floorinfoWrap .floorno { font-size: 30px; line-height: 38px;}
.projectdetailsContaner .projectdetailsRight h3 { font-size: 30px; line-height: 38px;}
.projectdetailsContaner .projectdetailsRight ul li{font-family: 'gilroy-regular'; }
.locationinfoWrap .locationinfoInner{ font-size:18px;}
.locationpointsWrap .locationpoints{ font-size: 60px; line-height: 68px;}
.contactWrap .aboutrightTxt h3 { font-size: 30px; margin-bottom: 30px;}
.contactusWrap .contactusBox h3 { font-size: 24px; line-height: 28px;}
}
 @media only screen and (max-width: 1200px) {
}
 @media only screen and (max-width: 1024px) {
.aboutWrap .circleBox.active { top: 110px; }
h2 { font-size: 60px; line-height: 68px; }
.animatedTxt { padding: 100px 50px;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li { font-size: 15px; margin-bottom: 12px; padding-bottom: 12px; }
h4 { font-size: 16px; line-height: 18px;}
.unitplanWrap .unitplanInner .unitplanTxt {margin: 120px 0px 0px -80px;}
.unitplanWrap .unitplanInner .unitplanTxt .unitplanHeading { font-size: 42px; line-height: 52px; padding: 40px; }
.unitplanWrap .unitplanInner .unitplanTxt .readMore { right: 30px; bottom: 54px;}
footer .footerContect .footercontactInfo ul li {padding-left: 40px; background-size: 28px !important;background-position: 0 4px !important; font-size: 16px;
line-height: 33px;}
.inputBox input{font-size: 16px;}
.inputBox textarea {font-size: 16px; height: 80px;}
h1 { font-size: 70px; line-height: 74px; }
.aboutpropmatesWrap .aboutpropmatesRight{ font-size: 16px;}
.teamWrap .teamBox .teamInfo .name {font-size: 17px; line-height: 18px;}
.teamWrap .teamBox .teamInfo .designation { font-size: 14px;}
.projectlistGroup .projectlistBox .flatno { font-size: 50px; line-height: 54px;}
.projectlistGroup .projectlistBox .flatprice{ font-size:20px;}
.projectdetailsWrap .floorinfoWrap .flatno { width: 10%;}
.projectdetailsWrap .floorinfoWrap .floorno { width: 30%;}
.projectdetailsWrap .floorinfoWrap .flatprice .flatpriceVlaue { font-size: 24px; line-height: 28px;}
.projectdetailsContaner .projectdetailsLeft .contactBtn { margin: 80px 0 0 0;}
.projectdetailsContaner .projectdetailsLeft .contactBtn a{ font-size:18px;}
.locationinfoWrap .locationinfoInner {	width: auto;}
.aboutpointsWrap .aboutpoints, .locationpointsWrap .locationpoints { font-size: 50px; line-height: 58px;margin-bottom: 40px; }
@keyframes moveleft {
  from { 
    transform: translate3d(30vw,0,0) translateX(-100%);
  }
  to { 
    transform: translate3d(112vw,0,0) translateX(-100%);
  }
}
@keyframes moveright {
  from { 
    transform: translate3d(-30vw,0,0) translateX(100%);
  }	
  to { 
    transform: translate3d(-122vw,0,0) translateX(100%);
  }
}
}
 @media only screen and (max-width: 959px) {
header{ padding: 10px 0; background: #941a39;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);}
header .logo { width: 110px;}
header .menuBtn { margin-top: 23px;}
.pageData{ margin-top: 90px;}
.bannerWrap h2 { font-size: 42px; line-height: 50px; bottom: 20px;}
.menu .links-container a { font-size: 3em;}
h2 { font-size: 40px; line-height: 46px; margin-bottom: 30px;}
.aboutWrap, .home-amenitiesWrap  { padding: 50px 0;}
.aboutleftTxt { width: auto; margin: 0; position: relative;}
.aboutrightTxt { width: auto; float: none;}
.aboutWrap .circleBox.active { top: 70px; right: auto; left: -3%; }
.animatedTxt { padding: 50px 50px; }
.topamenitiesWrap {	padding: 0 0 20px 0;}
.topamenitiesWrap .topamenitiesGroup {display: block;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft { width: auto;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesRight { width: auto;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li:last-child{ padding-bottom:0; margin-bottom: 0;}
.topamenitiesInfowrap { width: 300px; right: 3%; top: 30px;}
.unitplanWrap .unitplanInner .unitplanTxt .unitplanHeading { font-size: 32px; line-height: 40px; padding: 30px; }
.unitplanWrap .unitplanInner .unitplanTxt .readMore a img { width: 40px;}
.unitplanWrap .unitplanInner .unitplanTxt .readMore { right: 30px; bottom: 40px; }
.animatedTxt h2{ margin-bottom: 0;}
.unitplanWrap{ padding-bottom:50px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight h3 { font-size: 24px; line-height: 34px; margin: 40px 0 30px -50px; }
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight .home-amenitiesInfo { font-size: 16px;}
.knowMore a{ font-size:17px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesHero { width: auto; margin: 50px auto 0 auto;font-size: 28px; line-height: 35px;}
footer{ padding: 50px 0;}
footer .footerWrap { display: block;}
footer .footerWrap .fooerfromWrap { width: auto;}
footer .footerWrap .fooerfromWrap h2{ display:block; color:#ffffff;text-transform: uppercase;}
.inputBox { margin-bottom: 30px;}
footer .footerContect { width: auto; margin-right: 0; margin-top: 60px;}
footer .footerContect h2{ margin-bottom:0;}
footer .footerContect h2 br{ display: none;}
footer .footerContect .footercontactInfo { margin: 20px 0; padding: 20px 0;}
h1 { font-size: 52px; line-height: 54px;}
.aboutWrap h2 br{ display:none;}
.aboutpointsWrap .aboutpoints, .locationpointsWrap .locationpoints { font-size: 38px; line-height: 42px; margin-bottom: 30px; }
.aboutpointsWrap, .aboutpropmatesWrap, .leadershipWrap, .corevaluesWrap{ padding:50px 0;}
.aboutpropmatesWrap .aboutpropmatesInner h2 { margin-bottom: 40px;}
.aboutpropmatesWrap .propmatesHighlight { width: auto;font-size: 26px; line-height: 32px;} 
.aboutpropmatesWrap .propmatesHighlight{ margin-top:40px;}
.leadershipWrap .directorWrap{ width:auto;}
.leadershipWrap .directorWrap .directorRight .directorName { font-size: 30px; line-height: 35px; }
.leadershipWrap .directorWrap .directorRight .directorDesig { font-size: 22px; line-height: 25px;}
.teamWrap { width: auto;}
.corevaluesWrap .corevaluesInner .corevaluesHero { width: auto; font-size: 16px;}
.corevaluesTab ul.resp-tabs-list li span { font-size: 14px;}
.corevaluesTab { margin-top: 40px;}
.corevaluesTab ul.resp-tabs-list li { width: 130px; height: 130px; margin: 0 5px;padding: 20px 0 0 0;}
.corevaluesTab .resp-tabs-container .resp-tab-content { font-size: 24px; line-height: 30px;}
.corevaluesTab ul.resp-tabs-list li:after {	top: 140px;}
.projectlistGroup{ padding:50px 0;}
.projectlistGroup .projectlistBox {font-size: 16px;}
.projectlistGroup .projectlistBox a { padding: 20px 10px;}
.projectlistGroup .projectlistBox .flatprice {width: 16%;}
.projectlistGroup .projectlistBox .detailslink {width: 14%;}
.projectlistGroup .projectlistBox .flatno { font-size: 36px; line-height: 40px; }
.projectdetailsWrap { padding: 50px 0; margin-top: 0;}
.projectdetailsWrap .projectdetailsInner .floorinfoWrap { display: block;}
.projectdetailsWrap .floorinfoWrap .flatno { margin-bottom: 15px; width: auto; }
.projectdetailsWrap .floorinfoWrap .floorno { width: auto; margin-bottom: 15px; }
.projectdetailsWrap .floorinfoWrap .flatdeatils { width: auto; margin-bottom: 15px;}
.projectdetailsWrap .floorinfoWrap .flatprice { width: auto; margin-bottom: 15px;}
.projectdetailsWrap .floorinfoWrap .pdfdownload { width: auto;}
.projectdetailsContaner { display: block;}
.projectdetailsContaner .projectdetailsLeft .backbtn { margin-top: 20px;}
.projectdetailsContaner .projectdetailsLeft .contactBtn{ display:none;}
.projectdetailsContaner .projectdetailsLeft { width: auto;}
.projectdetailsContaner .projectdetailsMain { width: auto; padding: 50px 0 0 0; border-left: none; border-right: none; }
.projectdetailsContaner .projectdetailsMain .northdirection { right: 0; top: 0;}
.projectdetailsContaner .projectdetailsRight { width: auto; padding: 40px 0 0 0;}
.locationTab .horizontalTablist { padding: 50px 0 0 0;}
.locationTab .horizontalTablist ul.resp-tabs-list li { width: 18%;}
.locationTab .horizontalTablist ul.resp-tabs-list li span { font-size: 16px; margin: 10px 0 0 0;}
.locationinfoWrap { padding: 50px 0;}
.locationinfoWrap .locationinfoInner{ padding-top:40px;}
.locationinfoWrap .locationinfoInner { font-size: 16px; }
.locationinfoWrap .locationinfoInner h2 {  margin-bottom: 30px;}
.locationpointsWrap{ padding:50px 0;}
.contactWrap .aboutrightTxt { font-family: 'gilroy-medium'; font-size: 18px; margin-top: 40px;}
.contactWrap .aboutrightTxt h3 { font-size: 24px; margin-bottom: 20px; }
.contactusWrap { padding:0 0 50px 0;}
.contactusWrap .contactusInner { display: block;}
.contactusWrap .contactusBox.contactusMap iframe { height: 350px;}
.projectlistGroup .projectlistBox .flatsize { width: 30%;}  
.stickyWrap ul li.call{ display: block;}
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
.corevaluesTab ul.resp-tabs-list { display: none;}
.corevaluesWrap .corevaluesInner .resp-tabs-container h2 { display: flex; background: #eee; padding: 10px; margin: 15px 0 0 0; }
.corevaluesWrap .corevaluesInner h2 span.resp-arrow{ display: none;}
.corevaluesTab .resp-tabs-container .resp-tab-content { font-size: 20px; line-height: 28px; padding: 10px 15px; text-align: left; }
.corevaluesWrap .corevaluesInner h2 img{ width: 40px;}
.corevaluesWrap .corevaluesInner h2 span{ font-size: 24px; margin-left:10px;}
.locationTab .resp-tabs-container h2 { display: flex; background: #eee; padding: 10px; margin: 15px 0 0 0; font-size: 22px;}
.locationTab .resp-tabs-container h2 span.resp-arrow{ display: none;}
.locationTab .horizontalTablist{ display:none;}
.locationTab .resp-tabs-container h2 span { margin-left:10px;}
.locationTab .resp-tabs-container h2 img{ width: 40px;}
.locationinfoWrap { margin-top: 50px;}
.locationinfoWrap .locationinfoInner {border-top: none; padding-top: 0; }
.contactusWrap .contactusBox.contactusAdd{ padding-top:40px;}
.contactusWrap .contactusBox.contactusDetails { padding-bottom: 40px;}
.inputSubmit { margin-top: 50px;}
   .projectdetailsContaner h2.resp-accordion {display: none;}
.projectdetailsContaner ul.resp-tabs-list {display: block;}
.projectlistGroup .projectlistBox .flatprice span.offertxt { font-size: 12px; font-family: 'gilroy-regular';}   
}
 @media only screen and (max-width: 753px) {
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
.delay01, .delay02, .delay03, .delay04, .delay05, .delay06, .delay07, .delay08, .delay09, .delay, .delay15{animation-delay: 0.01s;}     
.bannerWrap h2 { font-size: 26px; line-height: 32px; bottom: 0px; }
h2 { font-size: 32px; line-height: 36px; margin-bottom: 20px; }
.animatedTxt h2 > div { margin-bottom: 15px;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft h3 { font-size: 24px; line-height: 28px;}
.unitplanWrap .unitplanInner { margin-top: -50px;}
.unitplanWrap .unitplanInner .unitplanTxt { margin: 120px 0px 0px -160px; width: 70%; }
.home-amenitiesWrap .home-amenitiesInner h2 { margin-bottom: 30px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft{ width:90%; float: none; position: relative;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight{ width: auto; float: none; margin-top: 90px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight h3 { margin: 40px 0 30px 0; }
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesHero { font-size: 24px; line-height: 30px; }
.menu { padding: 0 60px;}
.menu .links-container a { font-size: 2.5em; }
.menu .links-container a:hover { font-size: 2.5em;}
h1 { font-size: 34px; line-height: 36px; }
.aboutWrap .aboutInner { font-size: 16px;}
.aboutpointsWrap .aboutpoints, .locationpointsWrap .locationpoints { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
.aboutpropmatesWrap .aboutpropmatesGroup { display: block;}
.aboutpropmatesWrap .aboutpropmatesLeft { width: auto; margin-right: 0;}
.aboutpropmatesWrap .aboutpropmatesRight { width: auto; padding-left: 0; margin-top: 15px;}
.leadershipWrap .leadershipInner .leadershipHero { width: auto; margin: 40px auto 40px auto;}
.leadershipWrap .directorWrap {	display: block;}
.leadershipWrap .directorWrap .directorLeft { width: auto;}
.leadershipWrap .directorWrap .directorRight { width: auto; margin-left: 0; margin-top: 20px;}
.teamWrap .teamBox { width: 48%; float: left; margin: 6px 1%;}
.corevaluesWrap .corevaluesInner h2 { margin-bottom: 20px;}
.corevaluesTab { margin-top: 30px; }
.corevaluesTab .resp-tabs-container { margin-top: 40px;}
/*.projectlistGroup .projectlistBox {	display: block;font-size: 20px;}
.projectlistGroup .projectlistBox .flatno { width: auto; margin-bottom: 15px;}
.projectlistGroup .projectlistBox .floornum { width: auto; margin-bottom: 15px;}
.projectlistGroup .projectlistBox .flatsize { width: auto; margin-bottom: 15px;}
.projectlistGroup .projectlistBox .flatfloor { width: auto; margin-bottom: 15px;}
.projectlistGroup .projectlistBox .flatprice { width: auto; margin-bottom: 20px; font-size:26px;}
.projectlistGroup .projectlistBox .detailslink { width: auto; text-align: left; }*/
.locationTab .resp-tabs-container iframe { height: 300px;}
.projectlistGroup .projectlistBox .flatprice { width: 31%; } 
.projectlistGroup .projectlistBox .detailslink img { width: 60px;}   
}
 @media only screen and (max-width: 640px) {
   .projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li { padding: 10px 15px; font-size: 15px;}
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
.menu .btn-close { top: 0;}     
.locationTab .resp-tabs-container iframe { height: 300px;}
h1 { font-size: 34px; line-height: 36px; }
.topamenitiesInfowrap { width: auto; right: 0; top: 0; position: relative; margin: 20px 0 0 0; }
.unitplanWrap .unitplanInner .unitplanTxt{ margin: 40px 0 0 0; width: auto;}
.knowMore { margin-top: 20px;}
.innerBanner .heading { margin: -20px auto 0 auto;}
.leadershipWrap .directorWrap .directorRight .directorDesig { margin-bottom: 20px;}
.teamWrap .teamBox { width: auto; float: none; margin: 0 0 20px 0; }
.aboutWrap .aboutInner h2 span { display: inline;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft { width: auto;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft .absoluteImg { width: 60%; margin: -25% 30px 0 0; float: right; z-index: 9;}
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li br { display: inline;}   
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li { line-height: 18px;}
.projectlistGroup .projectlistBox .flatfloor { display:none;}
.projectlistGroup .projectlistBox .flatno span { display: block; font-size: 11px; line-height: 15px; font-family: 'gilroy-regular';}   
.projectlistGroup .projectlistBox { font-size: 14px;}
.projectlistGroup .projectlistBox .flatsize { width: 40%;}
.projectlistGroup .projectlistBox .flatno { font-size: 26px; line-height: 30px;}
.projectlistGroup .projectlistBox .flatprice { font-size: 18px;} 
.projectlistGroup .projectlistBox .detailslink img { width: 40px;}   
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
  
}
 @media only screen and (max-width: 480px) {
.bannerWrap img.desktopBanner{display:none;}
.bannerWrap img.mobileBanner{ display:block;}    
.cls-3, .cls-4 { font-size: 32px;}
.rightbtn a { right: 0; top: auto; width: 100%; text-align: center; bottom: 0; rotate: 0deg; font-family: 'gilroy-bold'; letter-spacing: 1px;}
footer { padding: 50px 0 70px 0; }
}
 @media only screen and (max-width: 424px) {
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}
