F*{
	margin:0;
	padding:0;
	border:0;
}
header, nav, footer, section, aside, article{
	display:block;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height:33px;
	color:#1e1d1d;
}
@font-face {
	font-family: 'ltc-twentieth-century-w00';
	src: url('../cimage30/110523ltc-twentieth-century-w00.ttf');
	font-weight: normal;
}
a{
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Josefin Sans', sans-serif;
	font-weight:normal;
}
.wrapper{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.specer{
	font-size:0;
	line-height:0;
	clear:both;
}
.headerBg{
	background:url(110523header-bg.jpg) 50% 0 no-repeat;
	padding-top:125px;
	height:624px;
}
.headerWrap{
	width:100%;
	max-width:684px;
	float:right;
}
.nameLogoWrap{
	width:100%;
	max-width:225px;
	float:right;
	margin-bottom:20px;
}
.logoCont{
	width:100%;
	max-width:80px;
	float:none;
	margin:0 auto;
}
.nameCont{
	width:100%;
	max-width:380px;
	float:none;
	margin:0 auto;
}
.coName{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:65px;
	line-height:65px;
	color:#bc5f67;
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
	margin-top:10px;
}
.headerTxtCont{
	width:100%;
	max-width:400px;
	float:right;
	margin-bottom:35px;
}
.headerTxt{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:26px;	
	color:#e8e8e8;
	font-weight:400;
}
.headerContactWrap{
	width:100%;
	max-width:250px;
	float:right;
}
.headerCallTxt{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:26px;	
	color:#e8e8e8;
	font-weight:400;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:10px;
	padding-bottom:10px;
}
.headerPhnNo{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:26px;	
	color:#e8e8e8;
	font-weight:400;
}
.headerEmailTxt{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:26px;	
	color:#e8e8e8;
	font-weight:400;
}
.dreamHouse{
	width:100%;
	max-width:602px;
	float:right;
}
.dreamHouseTxtWrap{
	width:100%;
	max-width:348px;
	float:left;
}
.dreamHouseTxt01{
	font-family: 'Roboto', sans-serif;
	font-size:40px;	
	line-height:40px;
	color:#e8e8e8;
	font-weight:600;
	text-transform:uppercase;
}
.dreamHouseTxt02{
	font-family: 'Roboto', sans-serif;
	font-size:75px;	
	padding-top:15px;
	margin-bottom:-22px;
	color:#f9a800;
	font-weight:600;
	display:block;
	text-transform:uppercase;
}
.dreamHousePic{
	width:100%;
	max-width:254px;
	float:right;
	margin-top:45px;
}
.dreamHousePic img{
	width:100%;
	height:auto;
}
.navBg{
	background:#f9a800;
}
.introBg{
	background:url(110523intro-bg.jpg) 80% 0 repeat;
	padding:70px 0 100px 0;
	background-size:cover;
}
.introWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
	font-family: 'Roboto', sans-serif;
}
.aboutUsCont{
	width:100%;
	max-width:380px;
	float:left;
	margin-right:70px;
}
.associateCont{
	width:100%;
	max-width:300px;
	float:left;
}
.introPicResp{
	width:100%;
	height:auto;
	display:none;
}
.aboutTxt{
	font-size:16px;
	line-height:28px;	
	color:#1d252c;
	font-weight:400;
}
.assciateHead{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:28px;
	line-height:40px;
	color:#1d252c;
	font-weight:500;
	margin-bottom:10px;
	border-bottom:1px solid #c4c4c4;
}
.ongoingBg{
	background:url(110523home-ongoing-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:60px 0 40px 0;
}
.ongoingWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-top:40px;
}
.ongoingHeader{
	width:100%;
	max-width:455px;
	float:none;
	margin:0 auto;
	text-align:center;
}
.ongoingHeadTxt{	
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:34px;
	line-height:50px;
	color:#0b4361;
	font-weight:500;
	margin-bottom:50px;
	text-transform:uppercase;
	border-bottom:2px solid #0b4361;
}
.ongoingBox{
	margin: 5px 15px;
}
.ongoingProjectName{
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	line-height:50px;
	color:#ffde00;
	font-weight:400;
	text-transform:uppercase;
	text-shadow: 1px 1px 0 rgb(0,0,0);
}
.projectAddress{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:26px;
	color:#fff;
	font-weight:400;
}
.completedBg{
	background:url(110523home-completed-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:20px 0 80px 0;
}
.completedWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-top:40px;
}
.completedHeader{
	width:100%;
	max-width:400px;
	float:none;
	margin:0 auto;
	text-align:center;
}
.completedHeadTxt{	
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:34px;
	line-height:50px;
	color:#d0e6f3;
	font-weight:500;
	margin-bottom:50px;
	text-transform:uppercase;
	border-bottom:2px solid #9ebf39;
}
.accordionBox{
	width:100%;
	max-width:280px;
	height:320px;
	background:#fff;
	margin:0 auto;
	padding:11px 11px 25px 11px;
}
.accordionBox img{
	width:100%;
	height:auto;
	border:1px solid #878787;
}
.completedName{
	font-size:17px;
	line-height:26px;
	color:#666f78;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:10px;
	padding-bottom:8px;
}
.completedAddress{
	font-size:14px;
	line-height:20px;
	color:#8a8b8c;
	font-weight:400;
	padding-top:8px;
	border-top:1px solid #cdcdcd;
}
footer{
	background:#141b22;
	padding:50px 0 70px 0;
}
.ftrWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.ftrCont01{
	width:100%;
	max-width:300px;
	float:left;	
	margin-right:65px;
}
.ftrCont02{
	width:100%;
	max-width:300px;
	float:left;
}
.ftrCont03{
	width:100%;
	max-width:400px;
	float:right;
}
.footerBtn{
	font-size:15px;
	line-height:30px;
	font-weight:300;
	color:#fff;
}
.footerBtn01{	
	font-size:15px;
	line-height:25px;
	font-weight:400;
	color:#fff;
}
.footerHead{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:22px;
	line-height:30px;
	font-weight:400;
	color:#f9a800;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #f9a800;
}
.footerText{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	color:#fff;
}
.footerLnk{
	font-size:17px;
	line-height:35px;
	font-weight:400;
	color:#fff;
}
.power{
	border-radius:15px;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	color:#fff;
	font-style:italic;
	display:inline-block;
	margin-top:25px;
}

/* Responsive Footer*/
.respFtr{
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #00171b;
   padding:5px 0;
   display:none;
}
.wrapper02{
	max-width:360px;
	width:100%;
	margin:0 auto;
}
.respFtrBox{
	width:100%;
	max-width:106px;
	float:left;
	text-align:center;
}
.respFtrBox a{
	font-size:14px;
	line-height:25px;
	color:#fff;
	text-decoration:none;
}
.respFtrBox a:hover{
	color:#fff;
}




/* Inner Page*/
.innerHeaderBg{
	background:#1d262d;
	padding:30px 0 10px 0;
}
.innerHeaderWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.innerNameLogoWrap{
	width:100%;
	max-width:225px;
	float:left;
	margin-bottom:20px;
}
.innerLogoCont{
	width:100%;
	max-width:70px;
	float:none;
	margin:0 auto;
}
.innerLogoCont img{
	width:100%;
	height:auto;
}
.innerNameCont{
	width:100%;
	max-width:380px;
	float:none;
	margin:0 auto;
}
.innerCoName{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:55px;
	line-height:65px;
	color:#bc5f67;
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
}
.traditionTxt{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:26px;	
	color:#fff;
	font-weight:400;
	text-align:center;
	margin-top:-8px;
	letter-spacing:2px;
}
.innerContactWrap{
	width:100%;
	max-width:450px;
	float:right;
	margin-top:40px;
}
.inrCallCont{
	width:100%;
	max-width:150px;
	float:left;
}
.inrEmailCont{
	width:100%;
	max-width:270px;
	float:right;
	padding-left:25px;
	border-left:1px solid #30363b;
}
.headerPhnNo{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:25px;	
	color:#e8e8e8;
	font-weight:400;
}
.inrCallTxt{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	line-height:25px;	
	color:#e8e8e8;
	font-weight:400;
}
.innerBodyBg{
	background:#eff0eb;
	padding:40px 0 80px 0;
}
.innerCont{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.innerHead{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:33px;
	line-height:43px;
	color:#1d262d;
	font-weight:400;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #dfdfdb;
}
.innerHead02{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:27px;
	line-height:37px;
	color:#FF0000;
	font-weight:400;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #dfdfdb;
}
.innerText{
	font-size:15px;
	line-height:24px;
	color:#1d262d;
	font-weight:400;
}
.ongoingProjectWrap{
	width:100%;
	max-width:1160px;
	margin:0 auto;
}
.ongoingProjectBox{
	background:#dcdcdc;
	width:100%;
	max-width:351px;
	height:550px;
	float:left;
	margin:0 17px 50px 0;
}
.ongoingProjectBox img{
	width:100%;
	height:auto;
}
.ongoingProjectTxtBox{
	width:90%;
	float:none;
	margin:15px auto;
}
.nameOfProject{
	font-family: 'ltc-twentieth-century-w00', sans-serif;
	font-size:25px;
	line-height:35px;
	color:#1d262d;
	font-weight:500;
	padding-bottom:8px;
	text-transform:uppercase;
}
.ongoingProjectMore{
	background:#1d262d;
	font-size:13px;
	line-height:19px;
	color:#fff;
	padding:5px 8px;
	margin-top:15px;
	display:inline-block;
	font-weight:300;
}
.projectBanner{
	width:100%;
	height:auto;
	margin-bottom:-8px;
}
.eliteGrihamCont{
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-bottom:150px;
	padding-top:30px;
}
.eliteGrihamLft{
	width:100%;
	max-width:470px;
	float:left;
}
.eliteGrihamLft img{
	width:100%;
	height:auto;
}
.planLocationWrap{
	width:100%;
	max-width:460px;
	float:left;
	margin-top:20px;
}
.floorPlan{
	width:100%;
	max-width:220px;
	float:left;
	margin-right:2px;
}
.locationMap{
	width:100%;
	max-width:220px;
	float:right;
}
.eliteGrihamRgt{
	width:100%;
	max-width:650px;
	float:right;
}
.areaStatementHead{
	font-size:20px;
	line-height:30px;
	color:#f22727;
	margin-top:20px;
	margin-bottom:15px;
}
.areaStatementTxt{
	width:50%;
	font-size:15px;
	line-height:35px;
	color:#1d262d;
	border-bottom:1px solid #CCCCCC;
}
.completedProjectBox{
	background:#dcdcdc;
	width:100%;
	max-width:351px;
	height:500px;
	float:left;
	margin:0 17px 50px 17px;
	border-bottom:5px solid #c7c7c7;
}
.completedProjectBox img{
	width:100%;
	height:auto;
}
.projectGallery{
	width:100%;
	max-width:350px;
	float:left;
	margin:0 17px 50px 17px;
}
.projectGallery img{
	width:100%;
	height:auto;
}
.contactLft{
	width:100%;
	max-width:500px;
	float:left;
}
.contactRgt{
	width:100%;
	max-width:500px;
	float:right;
}









/* Responsive CSS*/

@media screen and (max-width:1200px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}


}



@media screen and (max-width:1199px) and (min-width:992px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}
.headerBg{
	background:url(110523header-bg.jpg) 75% 0 no-repeat;
	padding-top:125px;
	height:624px;
}
.aboutUsCont{
	width:100%;
	max-width:500px;
	float:left;
	margin-right:0px;
	margin-bottom:25px;
}
.associateCont{
	width:100%;
	max-width:400px;
	float:left;
}
.ongoingBg{
	padding:40px 0 10px 0;
}
.ongoingHeadTxt{
	font-size:30px;
	line-height:45px;
}
.completedBg{
	padding:10px 0 50px 0;
}
.completedHeadTxt{	
	font-size:30px;
	line-height:45px;
}
.accordionBox{
	width:100%;
	max-width:280px;
	height:290px;
	margin:0 auto;
	padding:11px 11px 25px 11px;
}
.ftrCont01{
	width:100%;
	max-width:200px;
	float:left;	
	margin-right:65px;
}
.ftrCont02{
	width:100%;
	max-width:255px;
	float:left;
}
.ftrCont03{
	width:100%;
	max-width:300px;
	float:right;
}
.innerHead{
	font-size:32px;
	line-height:42px;
}
.ongoingProjectBox{
	background:#dcdcdc;
	width:100%;
	max-width:263px;
	height:500px;
	float:left;
	margin:0 17px 30px 0;
}
.nameOfProject{
	font-size:23px;
	line-height:33px;
	font-weight:500;
	padding-bottom:8px;
}
.eliteGrihamRgt{
	width:100%;
	max-width:380px;
	float:right;
}
.projectGallery{
	width:100%;
	max-width:262px;
	float:left;
	margin:0 17px 50px 17px;
}
.contactLft{
	width:100%;
	max-width:400px;
	float:left;
}
.contactRgt{
	width:100%;
	max-width:400px;
	float:right;
}


}



@media screen and (max-width:991px) and (min-width:768px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}
.headerBg{
	background:url(110523header-bg.jpg) 100% 0 no-repeat;
	padding-top:30px;
	padding-bottom:20px;
	height:auto;
	background-size:cover;
}
.headerWrap{
	width:100%;
	max-width:610px;
	float:right;
}
.nameLogoWrap{
	margin-bottom:10px;
}
.logoCont{
	width:100%;
	max-width:65px;
	float:none;
	margin:0 auto;
}
.logoCont img{
	width:100%;
	height:auto;
}
.coName{
	font-size:55px;
	line-height:65px;
	text-align:center;
	font-weight:500;
	text-transform:uppercase;
	margin-top:5px;
}
.headerTxtCont{
	margin-bottom:20px;
}
.headerTxt{
	font-size:15px;
	line-height:26px;
	font-weight:400;
	text-align:right;
}
.headerCallTxt{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	border-bottom:1px solid #e8e8e8;
	margin-bottom:10px;
	padding-bottom:10px;
}
.headerPhnNo{
	font-size:15px;
	line-height:25px;
	font-weight:400;
}
.headerEmailTxt{
	font-size:15px;
	line-height:25px;
	font-weight:400;
}
.dreamHouseTxt01{
	font-size:35px;	
	line-height:33px;
	font-weight:600;
	text-transform:uppercase;
}
.dreamHouseTxt02{
	font-size:65px;	
	padding-top:15px;
	margin-bottom:-20px;
	font-weight:600;
	display:block;
	text-transform:uppercase;
}
.introBg{
	background:url(110523intro-bg.jpg) 85% 0 repeat;
	padding:50px 0 50px 0;
	background-size:cover;
}
.aboutUsCont{
	width:100%;
	max-width:350px;
	float:left;
	margin-right:0px;
	margin-bottom:30px;
}
.associateCont{
	width:100%;
	max-width:300px;
	float:left;
	clear:both;
}
.aboutTxt{
	font-size:15px;
	line-height:25px;
	font-weight:400;
}
.assciateHead{
	font-size:25px;
	line-height:40px;
	font-weight:500;
	margin-bottom:10px;
	border-bottom:1px solid #c4c4c4;
}
.ongoingBg{
	background:url(110523home-ongoing-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:30px 0 10px 0;
}
.ongoingHeader{
	max-width:360px;
}
.ongoingHeader img{
	width:100%;
	height:auto;
}
.ongoingHeadTxt{
	font-size:28px;
	line-height:40px;
}
.completedBg{
	padding:10px 0 60px 0;
}
.completedHeader{
	width:100%;
	max-width:360px;
}
.completedHeader img{
	width:100%;
	height:auto;
}
.completedHeadTxt{	
	font-size:30px;
	line-height:45px;
	font-weight:400;
	margin-bottom:50px;
}
.ftrCont01{
	width:100%;
	max-width:170px;
	float:left;	
	margin-right:30px;
}
.ftrCont02{
	width:100%;
	max-width:200px;
	float:left;
}
.ftrCont03{
	width:100%;
	max-width:250px;
	float:right;
}
.footerBtn{
	font-size:14px;
	line-height:27px;
	font-weight:300;
}
.footerBtn01{	
	font-size:14px;
	line-height:25px;
	font-weight:300;
}
.footerHead{
	margin-bottom:15px;
}
.footerText{
	font-size:14px;
	line-height:25px;
	font-weight:300;
}
.footerLnk{
	font-size:14px;
	line-height:25px;
	font-weight:300;
}
.innerContactWrap{
	width:100%;
	max-width:380px;
	float:right;
	margin-top:40px;
}
.inrCallCont{
	width:100%;
	max-width:120px;
	float:left;
}
.inrEmailCont{
	width:100%;
	max-width:210px;
	float:right;
	padding-left:25px;
	border-left:1px solid #30363b;
}
.innerHead{
	font-size:32px;
	line-height:42px;
}
.ongoingProjectBox{
	width:100%;
	max-width:311px;
	height:530px;
	float:left;
	margin:0 17px 50px 17px;
}
.nameOfProject{
	font-size:23px;
	line-height:33px;
	font-weight:500;
	padding-bottom:8px;
}
.eliteGrihamCont{
	width:100%;
	max-width:1160px;
	margin:0 auto;
	margin-bottom:80px;
	padding-top:30px;
}
.eliteGrihamRgt{
	max-width:100%;
	float:left;
	margin-top:50px;
}
.completedProjectBox{
	background:#dcdcdc;
	width:100%;
	max-width:310px;
	height:500px;
	float:left;
	margin:0 17px 50px 17px;
	border-bottom:5px solid #c7c7c7;
}
.projectGallery{
	width:100%;
	max-width:310px;
	float:left;
	margin:0 17px 50px 17px;
}
.contactLft{
	max-width:100%;
	float:left;
}
.contactRgt{
	max-width:100%;
	float:left;
	margin-top:30px;
}






}



@media screen and (max-width:767px) and (min-width:600px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}
.headerBg{
	background:url(110523header-bg-resp.jpg) 30% 0 no-repeat;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	background-size:cover;
}
.headerWrap{
	width:100%;
	max-width:684px;
	float:left;
}
.nameLogoWrap{
	width:100%;
	max-width:225px;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
}
.logoCont{
	width:100%;
	max-width:70px;
	float:none;
	margin:0 auto;
}
.logoCont img{
	width:100%;
	height:auto;
}
.coName{
	font-size:55px;
	line-height:65px;
	text-align:center;
	font-weight:500;
	margin-top:0px;
}
.headerTxtCont{
	max-width:95%;
	float:none;
	margin:0 auto;
	margin-bottom:20px;
}
.headerTxt{
	font-size:16px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.headerContactWrap{
	max-width:65%;
	float:none;
	margin:0 auto;
	margin-bottom:20px;
}
.headerCallTxt{
	font-size:16px;
	line-height:26px;
	font-weight:400;
	text-align:center;
}
.headerPhnNo{
	font-size:16px;
	line-height:26px;
	font-weight:400;
	text-align:center;
}
.headerEmailTxt{
	font-size:16px;
	line-height:26px;
	text-align:center;
}
.dreamHouse{
	width:100%;
	max-width:602px;
	float:left;
	margin-top:25px;
}
.dreamHouseTxtWrap{
	width:100%;
	max-width:280px;
	float:left;
}
.dreamHouseTxt01{
	font-size:33px;	
	line-height:40px;
	font-weight:600;
	text-transform:uppercase;
}
.dreamHouseTxt02{
	font-size:65px;	
	padding-top:15px;
	margin-bottom:-30px;
	font-weight:600;
	display:block;
	text-transform:uppercase;
}
.dreamHousePic{
	width:100%;
	max-width:230px;
	float:right;
	margin-top:45px;
}
.introBg{
	background:url(110523intro-bg.jpg) 50% 0 repeat;
	padding:30px 0;
	background-size:cover;
}
.aboutUsCont{
	max-width:100%;
	float:left;
	margin-right:0px;
	margin-bottom:25px;
}
.associateCont{
	max-width:100%;
	float:left;
}
.introPicResp{
	width:100%;
	height:auto;
	display:block;
}
.introPic{
	width:100%;
	height:auto;
}
.aboutTxt{
	font-size:16px;
	line-height:28px;
	font-weight:400;
}
.assciateHead{
	font-size:23px;
	line-height:35px;
	margin-top:20px;
}
.ongoingBg{
	background:url(110523home-ongoing-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:40px 0 20px 0;
}
.ongoingWrap{
	width:100%;
	max-width:350px;
	margin:0 auto;
	margin-top:40px;
}
.ongoingHeadTxt{
	font-size:30px;
	line-height:45px;
	font-weight:500;
	margin-bottom:50px;
}
.ongoingHeader img{
	width:100%;
	height:auto;
}
.ongoingBox{
	margin:5px 0px;
}
.ongoingProjectName{
	font-size:16px;
	line-height:45px;
	font-weight:400;
	padding-left:8px;
}
.completedBg{
	background:url(110523home-completed-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:1px 0 50px 0;
}
.completedHeadTxt{	
	font-size:30px;
	line-height:45px;
	font-weight:300;
}
.accordionBox{
	max-width:90%;
	height:320px;
	margin:0 auto;
	padding:11px 11px 25px 11px;
}
footer{
	padding:30px 0 70px 0;
}
.ftrCont01{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.ftrCont02{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.ftrCont03{
	max-width:100%;
	margin-top:30px;
}
.innerHeaderWrap{
	width:100%;
	max-width:455px;
	margin:0 auto;
}
.innerNameLogoWrap{
	width:100%;
	max-width:225px;
	float:none;
	margin:0 auto 20px auto;
}
.innerContactWrap{
	width:100%;
	max-width:380px;
	float:none;
	margin:20px auto 40px auto;
}
.inrEmailCont{
	width:100%;
	max-width:200px;
	float:right;
	padding-left:25px;
}
.innerHead{
	font-size:30px;
	line-height:40px;
}
.ongoingProjectWrap{
	width:100%;
	max-width:311px;
	margin:0 auto;
}
.ongoingProjectBox{
	width:100%;
	max-width:311px;
	height:auto;
	float:left;
	margin:0 0 50px 0;
}
.nameOfProject{
	font-size:23px;
	line-height:33px;
	font-weight:500;
	padding-bottom:8px;
}
.eliteGrihamCont{
	margin-bottom:80px;
	padding-top:30px;
}
.eliteGrihamRgt{
	max-width:100%;
	float:left;
	margin-top:50px;
}
.projectGallery{
	max-width:100%;
	float:left;
	margin:0 0 50px 0;
}
.contactLft{
	max-width:100%;
	float:left;
}
.contactRgt{
	max-width:100%;
	float:left;
	margin-top:30px;
}




}


@media screen and (max-width:599px) and (min-width:480px){
.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}
.headerBg{
	background:url(110523header-bg-resp.jpg) 30% 0 no-repeat;
	padding-top:30px;
	padding-bottom:30px;
	height:auto;
	background-size:cover;
}
.headerWrap{
	width:100%;
	max-width:684px;
	float:left;
}
.nameLogoWrap{
	width:100%;
	max-width:225px;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
}
.logoCont{
	width:100%;
	max-width:70px;
	float:none;
	margin:0 auto;
}
.logoCont img{
	width:100%;
	height:auto;
}
.coName{
	font-size:55px;
	line-height:65px;
	text-align:center;
	font-weight:500;
	margin-top:0px;
}
.headerTxtCont{
	max-width:95%;
	float:none;
	margin:0 auto;
	margin-bottom:20px;
}
.headerTxt{
	font-size:16px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.headerContactWrap{
	max-width:65%;
	float:none;
	margin:0 auto;
	margin-bottom:30px;
}
.headerCallTxt{
	font-size:16px;
	line-height:26px;
	font-weight:400;
	text-align:center;
}
.headerPhnNo{
	font-size:16px;
	line-height:26px;
	font-weight:400;
	text-align:center;
}
.headerEmailTxt{
	font-size:16px;
	line-height:26px;
	text-align:center;
}
.dreamHouse{
	width:100%;
	max-width:400px;
	float:none;
	margin:0 auto;
}
.dreamHouseTxtWrap{
	width:100%;
	max-width:400px;
	float:none;
	margin:0 auto;
	text-align:center;
}
.dreamHouseTxt01{
	font-size:33px;	
	line-height:40px;
	font-weight:600;
	text-transform:uppercase;
	padding-bottom:20px;
}
.dreamHouseTxt02{
	font-size:65px;	
	padding-top:15px;
	margin-bottom:-30px;
	font-weight:600;
	display:block;
	text-transform:uppercase;
}
.dreamHousePic{
	width:100%;
	max-width:230px;
	float:none;
	margin:0 auto;
}
.introBg{
	background:url(110523intro-bg.jpg) 50% 0 repeat;
	padding:30px 0;
	background-size:cover;
}
.aboutUsCont{
	max-width:100%;
	float:left;
	margin-right:0px;
	margin-bottom:25px;
}
.associateCont{
	max-width:100%;
	float:left;
}
.introPicResp{
	width:100%;
	height:auto;
	display:block;
}
.introPic{
	width:100%;
	height:auto;
}
.aboutTxt{
	font-size:16px;
	line-height:28px;
	font-weight:400;
	text-align:justify;
}
.assciateHead{
	font-size:23px;
	line-height:35px;
	margin-top:20px;
}
.ongoingBg{
	background:url(110523home-ongoing-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:40px 0 20px 0;
}
.ongoingWrap{
	width:100%;
	max-width:350px;
	margin:0 auto;
	margin-top:40px;
}
.ongoingHeadTxt{
	font-size:30px;
	line-height:45px;
	font-weight:500;
	margin-bottom:50px;
}
.ongoingHeader img{
	width:100%;
	height:auto;
}
.ongoingBox{
	margin:5px 0px;
}
.ongoingProjectName{
	font-size:16px;
	line-height:45px;
	font-weight:400;
	padding-left:8px;
}
.completedBg{
	background:url(110523home-completed-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:1px 0 50px 0;
}
.completedHeadTxt{	
	font-size:30px;
	line-height:45px;
	font-weight:300;
}
.accordionBox{
	max-width:90%;
	height:280px;
	margin:0 auto;
	padding:11px 11px 25px 11px;
}
footer{
	padding:30px 0 70px 0;
}
.ftrCont01{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.ftrCont02{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.ftrCont03{
	max-width:100%;
	margin-top:30px;
}
.innerHeaderWrap{
	width:100%;
	max-width:455px;
	margin:0 auto;
}
.innerNameLogoWrap{
	width:100%;
	max-width:225px;
	float:none;
	margin:0 auto 20px auto;
}
.innerContactWrap{
	width:100%;
	max-width:380px;
	float:none;
	margin:20px auto 40px auto;
}
.inrEmailCont{
	width:100%;
	max-width:200px;
	float:right;
	padding-left:25px;
}
.innerHead{
	font-size:30px;
	line-height:40px;
}
.ongoingProjectWrap{
	width:100%;
	max-width:311px;
	margin:0 auto;
}
.ongoingProjectBox{
	width:100%;
	max-width:311px;
	height:auto;
	float:left;
	margin:0 0 50px 0;
}
.nameOfProject{
	font-size:23px;
	line-height:33px;
	font-weight:500;
	padding-bottom:8px;
}
.eliteGrihamCont{
	margin-bottom:80px;
	padding-top:30px;
}
.eliteGrihamRgt{
	max-width:100%;
	float:left;
	margin-top:50px;
}
.planLocationWrap{
	width:100%;
	max-width:220px;
	float:left;
	margin-top:20px;
}
.floorPlan{
	width:100%;
	max-width:220px;
	float:left;
	margin-right:0px;
}
.locationMap{
	width:100%;
	max-width:220px;
	float:left;
	margin-top:15px;
}
.projectGallery{
	max-width:100%;
	float:left;
	margin:0 0 50px 0;
}
.contactLft{
	max-width:100%;
	float:left;
}
.contactRgt{
	max-width:100%;
	float:left;
	margin-top:30px;
}


}


@media screen and (max-width:479px) and (min-width:320px){

.wrapper{
	width:90%;
	margin:0 auto;
	height:auto;
}
.respFtr{
   display:block;
}
.headerBg{
	background:url(110523header-bg-resp.jpg) 30% 0 no-repeat;
	padding-top:30px;
	height:auto;
	background-size:cover;
}
.headerWrap{
	width:100%;
	max-width:684px;
	float:left;
}
.nameLogoWrap{
	width:100%;
	max-width:225px;
	float:none;
	margin:0 auto;
	margin-bottom:10px;
}
.logoCont{
	width:100%;
	max-width:60px;
	float:none;
	margin:0 auto;
}
.logoCont img{
	width:100%;
	height:auto;
}
.coName{
	font-size:45px;
	line-height:55px;
	text-align:center;
	font-weight:500;
	margin-top:0px;
}
.headerTxtCont{
	max-width:100%;
	float:left;
	margin-bottom:20px;
}
.headerTxt{
	font-size:15px;
	line-height:25px;
	font-weight:300;
	text-align:center;
}
.headerContactWrap{
	max-width:90%;
	float:none;
	margin:0 auto;
	margin-bottom:20px;
}
.headerCallTxt{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.headerPhnNo{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.headerEmailTxt{
	font-size:15px;
	line-height:25px;
	text-align:center;
}
.dreamHouse{
	width:100%;
	max-width:602px;
	float:none;
	margin:0 auto;
}
.dreamHouseTxtWrap{
	text-align:center;
}
.dreamHouseTxt01{
	font-size:30px;	
	line-height:35px;
	font-weight:600;
}
.dreamHouseTxt02{
	font-size:65px;	
	padding-top:15px;
}
.dreamHousePic{
	width:100%;
	max-width:200px;
	float:none;
	margin:20px auto;
}
.dreamHousePic img{
	padding-bottom:20px;
	padding-top:20px;
}
.introBg{
	background:url(110523intro-bg.jpg) 50% 0 repeat;
	padding:30px 0;
	background-size:cover;
}
.introPicResp{
	width:100%;
	height:auto;
	display:block;
}
.introPic{
	width:100%;
	height:auto;
}
.aboutTxt{
	font-size:15px;
	line-height:28px;
	font-weight:400;
}
.assciateHead{
	font-size:23px;
	line-height:35px;
	margin-top:20px;
}
.ongoingBg{
	background:url(110523home-ongoing-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:40px 0 20px 0;
}
.ongoingHeadTxt{
	font-size:7vw;
	line-height:45px;
	font-weight:400;
	margin-bottom:50px;
	text-transform:uppercase;
	border-bottom:2px solid #0b4361;
}
.ongoingHeader img{
	width:100%;
	height:auto;
}
.ongoingBox{
	margin:5px 0px;
}
.ongoingProjectName{
	font-size:16px;
	line-height:45px;
	font-weight:400;
	padding-left:8px;
}
.completedBg{
	background:url(110523home-completed-bg.jpg) 50% 0 no-repeat;
	background-size:cover;
	padding:10px 0 50px 0;
}
.completedHeadTxt{	
	font-size:7vw;
	line-height:45px;
	font-weight:300;
}
.accordionBox{
	max-width:90%;
	height:320px;
	margin:0 auto;
	padding:11px 11px 25px 11px;
}
footer{
	padding:30px 0 70px 0;
}
.ftrCont01{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.ftrCont02{
	max-width:100%;
	margin-right:0px;
	margin-bottom:30px;
}
.footerBtn{
	font-size:15px;
	line-height:27px;
	font-weight:300;
}
.footerBtn01{	
	font-size:15px;
	line-height:25px;
	font-weight:300;
}
.footerHead{
	font-size:23px;
	line-height:21px;
	font-weight:400;
	padding-bottom:10px;
	margin-bottom:10px;
}
.footerText{
	font-size:15px;
	line-height:25px;
	font-weight:300;
}
.footerLnk{
	font-size:15px;
	line-height:35px;
	font-weight:300;
}
.innerHeaderBg{
	padding:30px 0 5px 0;
	margin-bottom:-20px;
}
.innerHeaderWrap{
	width:100%;
	max-width:200px;
	margin:0 auto;
}
.innerNameLogoWrap{
	width:100%;
	max-width:200px;
	float:none;
	margin:0 auto 20px auto;
}
.innerLogoCont{
	width:100%;
	max-width:60px;
	float:none;
	margin:0 auto;
}
.innerNameCont{
	width:100%;
	max-width:200px;
	float:none;
	margin:0 auto;
}
.innerCoName{
	font-size:55px;
	line-height:65px;
}
.traditionTxt{
	font-size:13px;
	line-height:19px;
}
.innerContactWrap{
	width:100%;
	max-width:200px;
	float:none;
	margin:20px auto 40px auto;
}
.inrCallCont{
	width:100%;
	max-width:150px;
	float:none;
	margin:0 auto;
	margin-bottom:8px;
}
.inrEmailCont{
	width:100%;
	max-width:200px;
	float:none;
	margin:0 auto;
	padding-left:0;
	border-top:1px solid #30363b;
	border-left:none;
	padding-top:8px;
}
.headerPhnNo{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.inrCallTxt{
	font-size:15px;
	line-height:25px;
	font-weight:400;
	text-align:center;
}
.innerHead{
	font-size:28px;
	line-height:35px;
}
.innerHead02{
	font-size:23px;
	line-height:35px;
}
.ongoingProjectWrap{
	width:100%;
	max-width:311px;
	margin:0 auto;
}
.ongoingProjectBox{
	width:100%;
	max-width:311px;
	height:auto;
	float:none;
	margin:0 auto 50px auto;
	padding-bottom:20px;
}
.nameOfProject{
	font-size:21px;
	line-height:31px;
	font-weight:500;
	padding-bottom:8px;
}
.eliteGrihamCont{
	margin-bottom:80px;
	padding-top:30px;
}
.eliteGrihamRgt{
	max-width:100%;
	float:left;
	margin-top:50px;
}
.planLocationWrap{
	width:100%;
	max-width:220px;
	float:left;
	margin-top:20px;
}
.floorPlan{
	width:100%;
	max-width:220px;
	float:left;
	margin-right:0px;
}
.locationMap{
	width:100%;
	max-width:220px;
	float:left;
	margin-top:15px;
}
.areaStatementHead{
	font-size:18px;
	line-height:28px;
	margin-bottom:10px;
}
.areaStatementTxt{
	width:70%;
}
.completedProjectBox{
	background:#dcdcdc;
	width:100%;
	max-width:351px;
	height:500px;
	float:left;
	margin:0 0 50px 0;
	border-bottom:5px solid #c7c7c7;
}
.projectGallery{
	max-width:100%;
	float:left;
	margin:0 0 50px 0;
}
.contactLft{
	max-width:100%;
	float:left;
}
.contactRgt{
	max-width:100%;
	float:left;
	margin-top:30px;
}



}

media{}



/*Enquiry CSS*/
.formCont{
  max-width:500px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  color:#000;
}

.formCont02{
  max-width:500px;
  width: 100%;
  position: relative;
  color:#000;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
#contact select,
#contact button[type="submit"] {
  font-family: 'Open Sans', sans-serif;
  color:#000;
}

#contact {
  rgba(249, 249, 249, 0.2);
  padding: 25px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 0 10px;
  min-width: 100%;
  padding: 0;
  width: 100%;
  color:#000;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact select,
#contact textarea {
  width: 90%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
  padding: 10px;
  color:#000;
}

#contact input[type="text"]:hover,
#contact input[type="email"]:hover,
#contact input[type="tel"]:hover,
#contact input[type="url"]:hover,
#contact select:hover
#contact textarea:hover {
  -webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
  border: 1px solid #aaa;
}

#contact select{
  max-width: 90%;
  color: #888;
  color:#000;
}
#contact textarea {
  height: 100px;
  max-width: 90%;
  resize: none;
  color:#000;
}

#contact button[type="submit"] {
  cursor: pointer;
  border: none;
  background: #1d262d;
  color: #FFF;
  padding: 10px;
  font-size: 15px;
  margin: auto;
  width: 65%;
  display:block;
  text-transform:uppercase;
}

#contact button[type="submit"]:hover {
  background: #1d262d;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}


:-ms-input-placeholder {
  color: #888;
}




/*Captcha Start*/

.capbox {
	background-color: #1d262d;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 15px;
	margin: auto;
  	width: 60%;
	display:block;
	}

.capbox-inner {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background-color: #1d262d;
	margin: 5px auto 0px auto;
	padding: 10px;
	}
	
.capbox-txt {
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size:13px;
	padding-bottom:10px;
	}	

#CaptchaDiv {
	font: bold 18px 'Open Sans', sans-serif;;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	text-align:center;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 180px;

}







blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; // for android
    animation: 1s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}


/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}

.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../cimage35/112637b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('../cimage35/112637a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }