*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}

a{text-decoration:none;}
i{font-style:normal; position:relative; font-family:fontAwesome;}
ul,li{list-style:none;}

@font-face{
	src:url('font/nexa/NexaLight.ttf');
	src:url('font/nexa/NexaLight.svg') format('svg'),
	url('font/nexa/NexaLight.woff') format('woff'),
	url('font/nexa/NexaLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-family:nexa;
}

body{
	font-family:nexa, FontAwesome;
}

.wrapper{
	width:100%;
	height:100%;
	float:left;
}

.scrollDown{
	position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-40px;
	cursor:pointer;
	-webkit-animation:scroll 3s infinite;
	animation:scroll 2s infinite;
	display:none;
}

@-webkit-keyframes scroll{
	25%{transform:translateY(5px);}
	50%{transform:translateY(10px);}
	75%{transform:translateY(5px);}
	100%{transform:translateY(0px);}
}

@keyframes scroll{
	25%{transform:translateY(5px);}
	50%{transform:translateY(10px);}
	75%{transform:translateY(5px);}
	100%{transform:translateY(0px);}
}

.scrollDown img{
	width:80px;
}
.mbRera{position:absolute; bottom:35px; right:0; font-size:12px; padding:7px 10px; line-height:18px; color:#fff; z-index:99999; background:rgba(0,0,0,0.65); width:100%;}

.main-section{
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	overflow:hidden;
}

.navi-section{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.75);
	z-index:999999;
	-webkit-transition:all 800ms;
	-o-transition:all 800ms;
	-ms-transition:all 800ms;
	-moz-transition:all 800ms;
	transition:all 800ms;
}

.navi-section.showMenu{
	left:0;
}

.left-menu{
	float:left;
	width:100%;
	padding:0 30px;
	height:35px;
}

.logo{
	position:relative;
	width:220px;
	top:100%;
	left:10px;
	padding:5px 10px;
	text-align:center;
	float:left;
	background:rgba(0,0,0,0.75);
	border-bottom:5px solid #fff;
}

.logo img{
	width:100%;
}

.navigation{
	display:table;
	margin:0 auto;
}

.navigation ul{
	width:100%;
	float:left;
	padding:0 10px;
}

.navigation ul li{
	float:left;
	position:relative;
}

.navigation ul li:last-child{
	border-bottom:none;
}

.navigation ul li a{
	display:block;
	padding:9px 10px;
	text-align:center;
	color:#fff;
	font:14px nexa;
	font-weight:bolder;
	position:relative;
	z-index:1;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
	overflow:hidden;
}

.navigation ul li:hover > a{
	color:#bbced2;
}

.whitecolor{
	color:#bbced2 !important;
}

.navigation ul li .dropdown{
	position:absolute;
	top:100%;
	left:0;
	width:240px;
	background:rgba(0,0,0,0.75);
	-webkit-transform:scale(0) translateX(200px);
	-o-transform:scale(0) translateX(200px);
	-ms-transform:scale(0) translateX(200px);
	-moz-transform:scale(0) translateX(200px);
	transform:scale(0) translateY(200px);
	-webkit-transform-origin:right;
	-o-transform-origin:right;
	-ms-transform-origin:right;
	-moz-transform-origin:right;
	transform-origin:left;
	-webkit-transition:all 600ms;
	-o-transition:all 600ms;
	-ms-transition:all 600ms;
	-moz-transition:all 600ms;
	transition:all 600ms;
	z-index:10;
}

.navigation ul li:hover .dropdown{
	-webkit-transform:scale(1) translateX(0px);
	-o-transform:scale(1) translateX(0px);
	-moz-transform:scale(1) translateX(0px);
	-ms-transform:scale(1) translateX(0px);
	transform:scale(1) translateX(0px);
}

.dropdown ul{
	padding:5px 5px 0;
}

.dropdown > ul > li > a:before{
	background:#bbced2;
}

.navigation ul li .dropdown ul li{
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.47);
}

.navigation ul li .dropdown ul li:last-child{
	border-bottom:none;
}

.navigation ul li .dropdown ul li a{
	color:#fff;
	text-align:left;
}

.navigation .dropdown ul li:hover > a{
	color:#bbced2;
}
/*navigation*/


.close-section{
	position:relative;
	float:right;
	width:35px;
	display:none;
}

.close{
	font-size:14px;
	color:#2d2d2d;
	position:absolute;
	top:0;
	width:35px;
	height:35px;
	text-align:center;
	background:#fff;
	cursor:pointer;
	-webkit-transition:all 500ms;
	-ms-transition:all 500ms;
	transition:all 500ms;
}

.close:hover{
	-webkit-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.close i{
	line-height:35px;
}

#close{
	display:none;
}

#close:hover{
	-webkit-transform:rotate(0deg) translateX(-5px) !important;
	-ms-transform:rotate(0deg) translateX(-5px) !important;
	transform:rotate(0deg) translateX(-5px) !important;
}

/*----login container----*/
.login-container{
	width:200px;
	position:fixed;
	top:50%;
	left:0%;
	margin:-54px 0 0 0;
	z-index:99997;
}

/*.login-container.loginToPosition{
	left:0;
	margin:0;
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-moz-transform:scale(1,1);
	transform:scale(1,1);
}*/

.login-container li{
	float:left;
	width:100%;
	margin:3px 0;
}

.login-container li a{
	display:block;
	padding:10px;
	color:#fff;
	background:#3e5b61;
	font-size:13px;
}

.login-container li a i{
	font-size:18px;
	vertical-align:bottom;
	margin-right:5px;
}

.login-container li a.enquiry-btn{
	background:#820002;
	-webkit-animation:enquiry infinite 2s;
	animation:enquiry infinite 2s;
}

@-webkit-keyframes enquiry{
	25%{background:#AB0002;}
	75%{background:#016C50;}
}

@keyframes enquiry{
	25%{background:#AB0002;}
	75%{background:#016C50;}
}
/*----login container----*/


.mbSlider{
	display:none;
}
	
.mbSlider img{
	width:100%;
	display:block;
}

.follow{
	position:absolute;
	left:0;
	top:0;
	z-index:99998;
}

.follow ul{
	float:left;
	width:100%;
	text-align:center;
}

.footer .follow ul li{
	display:inline-block;
	vertical-align:middle;
	float:none;
	margin:2px 2px;
	padding:0;
}

.footer .follow ul li a{
	display:block;
	font-size:18px;
	width:30px;
	height:30px;
	line-height:30px;
	border:1px solid #fff;
	color:#fff;
	padding:0 5px;
	-webkit-transition:all 400ms;
	-ms-transition:all 400ms;
	transition:all 400ms;
}

.follow ul li a:hover{
	color:#535353;
	border:1px solid #535353;
}

.footer{
	width:100%;
	position:absolute;
	bottom:0;
	background:rgba(0, 0, 0, 0.75);
	z-index:99998;
	font-family:nexa;
}

.inner-footer{
	float:right;
}

.footer ul{
	float:left;
}

.footer ul li{
	color:#fff;
	font-size:12px;
	float:left;
	padding:10px;
}

.footer ul li a{
	color:#fff;
	font-size:12px;
}

.footer ul li a:hover{
	color:#697d82;
}

.ecis{
	float:right;
	margin:4px 10px 0 10px;
}

.ecis *{
	display:inline-block;
	vertical-align:middle;
}

.ecis img{
	width:25px;
	height:25px;
}

.ecis p{
	color:#fff;
	font-size:12px;
}

.mb-banner{
	display:none;
}


/******************Home Content*******************/

.container{
	position:absolute;
	top:0%;
	bottom:0;
	left:0%;
	right:0;
	float:left;
	z-index:9999;
	overflow:hidden;
	display:none;
	background:center no-repeat;
	background-size:cover;
}

.tag-line{
	float:right;
	position:absolute;
	right:-720px;
	bottom:25%;
	margin-bottom:-30px;
	width:600px;
	font-family:nexa;
	color:#fff;
	text-shadow:1px 1px 1px #000;
	-webkit-transition:all 800ms;
	-ms-transition:all 800ms;
	transition:all 800ms;
	padding:10px;
	background:rgba(0,0,0,0.60);
	z-index:99;
}

.tag-line p{
	line-height:24px;
	font-size:20px;
}

.tag-line h1{
	float:left;
	margin-top:10px;
	font-size:22px;
}

.is-showing{
	right:20px;
}
.n-banner-text
{
	display:none;
    position: absolute;
    z-index: 999;
    top: 73%;
    right: 15px;	
}
.n-banner-text span
{ 
	font-size: 18px;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.92);
    padding: 5px 10px;
}

/******************Home Content*******************/


/*--------------------bunglows container start------------------------*/

.scroller{
	overflow:auto;
	height:450px;
    padding-right:20px;
}

.scroller .mCSB_outside + .mCSB_scrollTools{
	right:0;
}

.scroller .mCSB_scrollTools .mCSB_draggerContainer{
	display:none;
}

.scroller .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{
	bottom:20px;
}

.scroller .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px -72px;
}

.scroller .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -92px;
}

.inside-banner{
	width:100%;
	float:left;
	margin:10px 0 15px;
}

.inside-banner img{
	width:100%;
	display:block;
}

.ahmedabad-heading{
	width:227px;
	display:table;
	position:relative;
}

.ahmedabad-heading img{
	width:100%;
	display:block;
}

/*.ahmedabad-heading:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:20px;
	background:url(images/border-bottom.png) center no-repeat;
	background-size:100%;
}*/

.ahm-icon{
	width:100%;
	float:left;
	margin-bottom:15px;
	text-align:center;
}

.ahm-icon li{
	width:30%;
	display:inline-block;
	margin:1%;
}

.ahm-icon li img{
	width:100%;
	display:block;
	border-radius:50%;
	padding:10px;
	border:1px solid #808080;
}

.ecity-icon li{
	width:20%;
}

.ecity-icon li img{
	padding:5px;
}

.ecity-media-icon{
	margin-top:15px;
}

.ecity-media-icon li{
	padding-bottom:10px;
	border:1px solid #DBDBDB;
}

.ecity-media-icon li img{
	border-radius:0;
	border:0;
}

.ecity-media-icon li span{
	font-size:14px;
}

.ecity-media-icon h5{
	text-align:left;
}

#bunglows-box{
	background-image:url(images/bungalows-bg.jpg);
}

.text-close{
	float:right;
	cursor:pointer;
	color:#fff;
}

.text-close:hover{
	color:#970002;
}

.text-show{
	position:absolute;
	top:30%;
	right:-270px;
	padding:10px 10px 8px;
	font:16px nexa;
	text-transform:uppercase;
	color:#fff;
	background:#000;
	border:solid #272727;
	border-width:1px 0 1px 1px;
	cursor:pointer;
	text-align:center;
}

#bunglows-textarea{
}

.text-area{
	position:absolute;
	right:0;
	top:0;
	bottom:0px;
	width:450px;
	background:rgba(0, 0, 0, 0.75);
	padding:70px 20px 60px;
	display:none;
}

.text-area h2{
	font-family:nexa;
	color:#DCDCDC;
	margin-bottom:15px;
}

.text-area p{
	color:#e4e4e4;
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
	margin-bottom:10px;
}

.text-area .ecity-logo{
	width:33.333%;
	float:left;
	padding:10px 2%;
	text-align:center;
}

.text-area .ecity-logo img{
	width:85%;
	display:table;
	margin:0 auto 10px;
}

.text-area p a{
	color:#7DDBF8;
}

.text-area p a:hover{
	color:#fff;
}

/*--------------------bunglows container end------------------------*/


/*--------------------overview container start------------------------*/

#luxury-ahmedabad-container{
	background-image:url(images/luxury-ahmedabad-bg.jpg);
}

#overview-textarea{
}

/*--------------------overview container end------------------------*/


/*--------------------features container start------------------------*/

#features-box{
	background-image:url(images/features-bg.jpg);
}

#features-textarea{
}

.list{
	width:100%;
	height:250px;
	float:left;
	overflow:auto;
	color:#fff;
}

.list ul h4{
	font:14px arial;
	font-weight:bold;
	margin-bottom:5px;
	text-transform:uppercase;
}

.list li{
	font:14px arial;
	padding:7px 0 7px 20px;
	position:relative;
}

.list li:before{
	content:'\2233';
	position:absolute;
	left:0;
}

/*--------------------features container end------------------------*/


/*--------------------specification container start------------------------*/

#specification-box{
	background-image:url(images/specification-bg.jpg);
}

#specification-textarea{
}

.table{
	width:100%;
	float:left;
	overflow:auto;
	height:250px;
	padding:0 10px 0 0;
}

.table table tr td{
	font-size:13px;
	padding:5px 10px;
	color:#fff;
}

.table .table-head{
	/*background:#fff;*/
	color:#fff;
	font-weight:800;
}

.table .nobor{
	/*border-bottom:1px solid rgba(143,143,143,0.3);*/
	padding:10px 15px;
	position:relative;
	margin-left:5px;
}
.table .nobor:before{
	content:'●';
	position:absolute;
	left:0;
	font-size:6px;
	top:13px;
}

.table td strong{
	color:#4f5a5d;
}

/*--------------------specification container end------------------------*/

#consultants-container{
	background-image:url(images/consultants-bg.jpg);
}

#architects-container{
	background-image:url(images/architects-bg.jpg);
}

#meet-ecity-container{
	background-image:url(images/meet-ecity-bg.jpg);
}

#precious-bg{
	background-image:url(images/precious-bg.jpg);
}

#higher-living-container{
	background-image:url(images/walkthrough-bg.jpg);
}

#luxury-good-energy-container{
	background-image:url(images/higher-living-bg.jpg);
}

#pride-privillege-container{
	background-image:url(images/pride-privillege-bg.jpg);
}

#walkthrough-container{
	background-image:url(images/walkthrough-bg.jpg);
}

#loan-partners-container{
	background-image:url(images/loan-partners-bg.jpg);
}

#events-container{
	background-image:url(images/events-bg.jpg);
}

#every-thoughtful-detail-container{
	background-image:url(images/every-thoughtful-detail-bg.jpg);
}

/*-------the bungalows club------*/
#bungalows-club-container{
	background-image:url(images/bungalows-club-bg.jpg);
}

.icon-box{
	width:100%;
	float:left;
	margin-top:15px;
}

.icons{
	width:24%;
	float:left;
	margin:0.5%;
	text-align:center;
	padding:10px;
	border:1px solid #BBBBBB;
}

.icons:hover{
	background:#eaf0f1;
}

.icons img{
	width:50%;
	display:table;
	margin:0 auto 10px;
	opacity:0.5;
}

.icons:hover img{
	opacity:0.8;
}

.icons p{
	padding-bottom:0;
}
/*-------the bungalows club------*/

/*---------location------*/
.location{
	width:100%;
	float:left;
	display:block;
	padding:10px;
	border:1px solid #B1C2C3;
	color:#2d2d2d;
}

.location:hover{
	border-color:#2d2d2d;
}

.location iframe{
	width:100%;
	float:left;
	height:350px;
}

.location img{
	width:100%;
	display:block;
}

.location-dwn{
	float:left;
	margin-top:5px;
}

.location-dwn a{
	display:block;
	padding:10px;
	border:1px solid #B1C2C3;
	color:#2d2d2d;
}

.location-dwn a:hover{
	background:#B1C2C3;
}

.gmap-btn{
	float:left;
	margin-top:5px;
	margin-left:5px;
}

.gmap-btn a{
	display:block;
	padding:10px;
	border:1px solid #B1C2C3;
	color:#2d2d2d;
}

.gmap-btn a:hover{
	background:#B1C2C3;
}

#location-container, #contact-box{
	background-image:url(images/location-bg.jpg);
}

.walkthroughBtn{
	cursor:pointer;
}

.walkthrough-popup{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:99999;
	background:#000;
	padding:70px 20px 20px;
	display:none;
}

.walkthrough-popup iframe{
	height:100%;
}

.closeWalkthrough{
	width:50px;
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
	opacity:0.4;
}

.closeWalkthrough:hover{
	opacity:1;
}

.closeWalkthrough img{
	width:100%;
	display:block;
}

/*------Map------*/
.location-map{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:35px;
}

.google-map h2{
	display:table;
	margin-bottom:20px;
}

.map-types{
	position:absolute;
	bottom:60px;
	left:50%;
	z-index:99;
	margin:0 0 0 -152.5px;
    padding:0;
    text-align:left;
}
.map-types li{
	display:inline-block;
}
.map-types li a{
	display: block;
	padding: 11px;
	text-decoration: none;
	color:#2d2d2d;
	background:#fff;
}
.map-types li a.active-bt{
	background:#2d2d2d;
	color:#fff;
}

.map-types li:hover .more-it{
	display:block;
}

.more-it{
	position: absolute;
	display: none;
	z-index: 999;
	background:#2d2d2d;
	width: 162px;
	border-radius: 4px;
}
.more-it ul{
	padding-left:0;
}
.more-it ul li{
	display:block;
}
.more-it ul li a:before{
	display:none;
}
.more-items-box{
	width: 70px;
	border: 1px solid #2d2d2d;
}
.more-items-box .j{
	position: relative;
	padding: 5px 12px;
}
.more-it ul li a{
	color:#fff;
	padding: 11px;
}
.more-it ul li:hover a{
	background:#fff;
	color:#2d2d2d;
}
.more-items-box a:before{
	content: '';
	position: absolute;
	border: 0;
	right: 3px;
	top: 46%;
	border-top: 5px solid #2d2d2d;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.map-box-order{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
/*------Map------*/
/*---------location------*/


/*-------media---------*/
#media-container{
	background-image:url(images/media-bg.jpg);
}

.media-box{
	width:100%;
	float:left;
}

.media-th{
	width:45%;
	float:left;
	margin:1%;
	border:1px solid #B1C2C3;
}

.media-th a{
	display:block;
	padding:10px;
}

.media-th:hover{
	background:#F3FCFB;
	box-shadow:0px 0px 10px rgba(0,0,0,0.56);
}

.media-th a img{
	width:100%;
	display:block;
}

.media-th a span{
	width:100%;
	text-align:center;
	float:left;
	padding:10px 0 5px;
	color:#bdbdbd;
	font-size:14px;
}

.media-th a span small{display:block; color:#fff; margin-top:5px;}

.media-th a:hover span small{color:#1A1A1A;}
/*-------media---------*/



/*-------contact page---------*/
.address{
	width:100%;
	float:left;
	margin:0 0 10px;
	padding:0 20px 10px;
	position:relative;
	z-index:1;
}

.address:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:20px;
	border:1px solid #A7A7A7;
	z-index:-1;
}

.address:hover:before{
	background:#000;
}

.address h4{
	width:200px;
	float:left;
	margin:0 auto 15px;
	padding:10px 15px;
	color:#2d2d2d;
	border:1px solid #A7A7A7;
	background:#fff;
	font-size:14px;
	font-weight:100;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
}

.address p{
	width:100%;
	float:left;
	padding:5px 5px 5px 30px;
	position:relative;
	margin-bottom:0;
}

.address p i{
	position:absolute;
	left:0;
	color:#93afb5;
	font-size:18px;
	width:20px;
	text-align:center;
}
/*-------contact page---------*/


/*---------enquire now-----------*/
.enq-form{
	width:100%;
	float:left;
}

.enq-form .fields{
	width:70%;
	float:left;
	margin:10px 0;
	color:#fff;
}

.enq-form .fields label{
	font-size:14px;
	margin-bottom:5px;
	color:#fff;
}

.enq-form .fields label span{
	color:#B80003;
	font-size:18px;
}

.enq-form .fields input, .enq-form .fields textarea{
	width:100%;
	padding:10px 0;
	border:none;
	border-bottom:1px solid #bbced2;
	outline:none;
	resize:none;
	font-family:nexa;
	background:none;
	color:#fff;
}

.enq-form .fields input:focus, .enq-form .fields textarea:focus{
	border-bottom-color:#606060;
}

.enq-form .fields .submit{
	cursor:pointer;
	border:none;
	background:#fff;
	color:#000;
	text-transform:uppercase;
}

.enq-form .fields .submit:hover{
	background:#000;
	color:#fff;
}

.thanku-bg{
	position:relative;
	z-index:1;
}

.thanku-logo{
	position:absolute;
	width:400px;
	left:50%;
	top:15%;
	margin-left:-200px;
	z-index:99;
}

.thanku-bg img{
	width:100%;
	display:block;
}

.thanku-bg{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url(images/loan-partners-bg.jpg) center;
	background-size:cover;
	z-index:99;
}

.thanku-bg:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.67);
	z-index:-1;
}

.thanku {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -66px;
    color:#bbced2;
    text-shadow: 1px 2px 3px #000;
    z-index: 999;
    border: solid #bbced2;
    border-width: 5px 0;
    background: rgba(0, 0, 0, 0.7);
}
.thanku h1 {
    font-size: 50px;
    margin: 30px 0px;
	font-weight:500;
}
.thanku p {
    font-size: 20px;
    margin: 30px 0px;
}
/*---------enquire now-----------*/


/*--------RESPONSIVE-------*/
@media (max-width:1290px){
	.left-menu{
		height:auto;
	}
	
	.logo{
		position:absolute;
	}
}
@media (max-width:1160px){
	.logo{
		width:160px;
		left:0;
	}
	
	.navigation ul li a{
		padding:9px 6px;
	}
}

@media (max-width:1000px){
	.navi-section{
		bottom:0;
		background:rgba(181, 181, 181, 0.76);
		right:auto;
		width:335px;
		left:-300px;
	}
	
	.close-section{
		display:block;
	}
	
	.left-menu{
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		z-index:99;
		width:300px;
		background:#000;
	}
	
	.logo{
		top:0;
		bottom:auto;
		left:40px;
		border-top:none;
	}
	
	.navigation{
		margin-top:100px;
	}
	
	.navigation ul li{
		width:100%;
	}
	
	.navigation ul li a{
		text-align:left;
	}
	
	.navigation ul li:hover a{
		background:#191919;
	}
	
	.navigation ul li .dropdown{
		bottom:auto;
		top:0;
		left:100%;
		background:#404040;
	}
	
	.dropdown ul{
		padding:5px;
	}
	.follow{bottom:0; top:auto;}
}

@media (max-width:850px){
	.logo{
		margin:20px 0 15px 0;
	}
	
	.follow{
		bottom:3px;
		top:auto;
	}
	
	#project-logo img{
		height:80px;
	}
	
	.tag-line{
		width:500px;
	}
	
	.tag-line p{
		font-size:18px;
	}
	
	.inner-footer{
		width:100%;
		text-align:center;
	}
	
	.footer ul{
		float:none;
	}
	
	.footer ul li{
		float:none;
		display:inline-block;
	}
	
	.footer ul.copyright li{
		display:block;
	}
	
	.ecis{
		float:right;
		margin:10px 0;
	}
}


@media (max-width:660px){
	.navi-section{
		background:none;
	}
	.n-banner-text
	{
		display:block;
	}	
	.navi-section:before{
		content:'';
		position:absolute;
		left:0;
		right:40px;
		top:0;
		bottom:0;
		background:#bbced2;
		z-index:-1;
	}
	
	.left-menu{
		width:84%;
	}
	
	.login-container{
		top:30%;
	}
	
	.tag-line{
		width:100%;
		padding:7px 2%;
		bottom:70px;
		margin-bottom:0;
	}
	
	.tag-line.is-showing{
		right:0;
	}
	
	.home-wrapper .main-section{
		position:absolute;
	}
	
	.mb-banner{
		display:block;
		width:100%;
		float:left;
	}
	
	.mb-banner img{
		width:100%;
		display:block;
	}
	
	.main-section{
		position:static;
	}
	
	.home-wrapper .container{
		position:absolute;
	}
	
	.container{
		position:relative;
		width:100%;
		min-height:599px;
		float:left;
	}
	
	.text-show{
		font-size:14px;
	}
	
	.text-close{
		display:none;
	}
	
	.text-area{
		position:relative;
		float:right;
		width:100%;
		background:#000;
		display:block;
		padding-top:20px;
	}
	
	.scroller{
		height:auto !important;
		padding-right:0;
		text-align:justify;
	}
	
	.home-wrapper .footer{
		position:absolute;
	}
	
	.footer{
		position:relative;
		z-index:99999;
		float:left;
		background:#000;
		border-top:1px solid #1F1F1F;
	}
	
	.follow{
		position:static;
	}
	
	.footer ul.copyright{
		float:left;
	}
	
	.footer ul{
		width:auto;
	}
	
	.ecis{
		float:right;
		width:auto;
		margin:4px 10px 0 10px;
	}
}

@media (max-width:560px){
	#project-logo img{
		height:60px;
	}
	
	.tag-line{
		padding:0 5% 0 5%;
		bottom:95px;
	}
	
	.is-showing{
		right:0;
	}
	
	.navi-section{
		width:250px;
		left:-215px;
	}
	
	.left-menu{
		padding:0;
	}
	
	.navigation ul li a{
		font-size:13px;
		font-weight:400;
		padding:9px 4px;
	}
	
	.navigation ul li .dropdown{
		width:200px;
	}
}
@media (max-width:550px){
	.n-banner-text { 
		top: 69%;
	}
}

@media (max-width:500px){
	.logo{
		left:0;
	}
	
	.logo img{
		width:130px;
	}
	
	#project-logo{
		top:70px;
	}
	
	.login-container{
		right:70%;
	}
	
	.login-container li a{
		font-size:12px;
		padding:6px 10px;
	}
	
	.tag-line{
		bottom:120px;
	}
	
	.tag-line p{
		font-size:16px;
	}
	
	.tag-line h1{
		font-size:20px;
	}
	
	.follow{
		margin-bottom:5px;
	}
	
	.footer ul{
		width:100%;
	}
	
	.footer ul.copyright li{
		padding:0;
	}
	
	.ecis{
		width:100%;
	}
	
	.icons{
		width:32%;
	}
}

@media (max-width:480px){
	.mbRera{display:block; bottom:30px;}
	.footer{
		display:none;
	}
	
	.login-container{
		width:100%;
		top:auto;
		bottom:0;
		margin:0;
		border-top:4px solid #fff;
	}
	
	.login-container li{
		width:33.33%;
		margin:0;
	}
	
	.login-container li a{
		padding:6px 0;
		text-align:center;
	}
	
	.login-container li a i{
		vertical-align:baseline;
		font-size:13px;
	}
	
	.mbSlider{
		display:block;
		width:100%;
	}
	
	.tag-line{
		bottom:76px;
	}
	
	.enq-form .fields{
		width:100%;
	}

	.thanku-logo{
		width:70%;
		margin-left:-35%;
	}
	
	.thanku h1{
		font-size:44px; margin:25px 0 15px;
	}
	
	.thanku p{
		font-size:16px;
		margin:0 0 30px;
	}
	
	#supersized{background:#000;}
}

@media (max-width:425px){
	.navigation ul li .dropdown{
		top:100%;
		left:3px;
	}
	
	.icons{
		width:48%;
	}
	
	.login-container li a i{
		display:none;
	}
	
	.follow{
		position:relative;
		margin-top:10px;
	}
	
	.mbSlider{
		display:block;
		width:100%;
		float:left;
	}
	
	.text-area .ecity-logo{
		padding:10px 1%;
	}
	
	.text-area p{
		font-size:12px;
		line-height:normal;
	}
}

@media (max-width:375px){
	.n-banner-text {
		top: 64%;
	}	
	.tag-line{
		padding:10px;
	}
	
	.login-container li{
		width:50%;
	}
	
	.login-container li:last-child{
		width:100%;
	}
	.ahmedabad-heading{margin:0 auto;}
	.text-area h2{text-align:center;}
}

@media (max-width:360px){
	.n-banner-text {
		top: 61%;
	}
	.tag-line p{font-size:13px; line-height:18px;}
	.tag-line h1{font-size:15px;}
	.mbRera{font-size:9px; letter-spacing:1px;}
}

@media (max-width:320px){
	.n-banner-text {
		top: 54%;
	}
	.tag-line{bottom:120px !important;}
	.tag-line h1{margin-top:2px;}
}

/*ON HEIGHT*/
@media (max-height:599px){
	.logo{
		margin:10px 0;
	}
	
	.navigation{
		margin-top:64px;
	}
	
	.home-wrapper .main-section{
		position:absolute;
	}
	
	.tag-line{
		bottom:130px;
	}
	
	.main-section{
		position:static;
	}
	
	.home-wrapper .container{
		position:absolute;
	}
	
	.container{
		position:relative;
		width:100%;
		min-height:599px;
		float:left;
	}
	
	.text-area{
		position:relative;
		float:right;
		width:100%;
	}
	
	.scroller{
		height:auto;
		padding-right:0;
		text-align:justify;
	}
	
	.home-wrapper .footer{
		position:absolute;
	}
	
	.footer{
		position:relative;
		z-index:99999;
		float:left;
	}
	
	.follow{
		margin-top:10px;
	}
	
	.follow ul li a{
		font-size:15px;
		padding:0;
		width:25px;
		height:25px;
		line-height:25px;
	}
	
	.ecis{
		margin:0 0 10px;
	}
	
	.footer ul li{
		padding:5px;
	}
}
@media (max-height:568px){
	.container{
		min-height:568px;
	}
}

@media (max-height:480px){
	.tag-line{
	}
	
	.container{
		min-height:480px;
	}
}

@media (max-height:425px){	
	.navi-section{
		height:100%;
	}
	
	.container{
		min-height:425px;
	}
}

@media (max-height:360px){
	.container{
		min-height:360px;
	}
}

@media (max-height:320px){
	#project-logo{
		top:50px;
	}
	.tag-line{
		bottom:auto;
		top:35%;
	}
	
	.container{
		min-height:320px;
	}
}

@media (max-height:260px){
	.navi-section{
		height:160%;
	}
	
	.container{
		min-height:260px;
	}
	.tag-line{
		bottom:auto;
		top:25%;
	}
}
/*ON HEIGHT*/