@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}

img{border:0px;}
html, body, .main,  .header{ margin:0 auto; padding:0;}
.main{width:1003px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474848; line-height:16px;
      
      background: url("../images/header.png") no-repeat left 0px #ffffff;  margin:0px auto;
      
      }
 .main.header2{width:1003px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474848; line-height:16px;
      
      background: url("../images/header2.png") repeat-x left 0px #ffffff;  margin:0px auto;
      
 }
/*.bottom{width:100%;height:800px;}*/
.bottom{width:1007px;height:720px;}
.left{float:left; width: 470px; height: 721px; margin-top: -36px; z-index: -1; }
.right{ float:right; height:680px; width: 534px; overflow: hidden; position:relative;overflow-y:scroll;}
#search-result{ float:left; position:relative;}
#page-no{ float:left; position:relative;}
.top-info{width:450px; height:40px;}
.block-img{width:106px; float:left; position:relative; padding:10px;}
.content{ position:relative; padding:10px; line-height:18px; }
#text{line-height:16px;}
.features{width:141px; margin-top:10px; float:left; position:relative; margin-right:35px;}
.view{margin-top:2px; color:#990000; text-decoration:underline; position:relative; display:none; cursor:pointer}
.apply{ display:none;}
.blocks{ position:relative; width:450px; margin-left: 70px;}
.block{height:160px; width: 450px; }
.active-border{background: url(../images/bg-box.jpg) no-repeat;}
.button-bottom{height:50px; margin-left: 560px; width: 180px; cursor:pointer;}
.top{height:80px; float:left; width:1003px;
     
     }
     
     .logo{ float:left; padding-top:10px; padding-left:10px;}
     
     
     
.footer{ width:970px; padding:10px;}
.text1{font-size:11px; padding-top:6px; margin:0px 300px 0px 420px; color:#999999}
.align_left{float:left;}
.overlap{z-index:10; margin-top:-100px; height:50px; width: 1004px;}
.icon{width:26px; float:left; position:relative; padding:2px;}
.icons{width:20px; float:left; position:relative;}
.icon-font{width:75px; float:left; position:relative; color:#97291e; font-weight:bold; padding:0px 2px;}
.icon-font2{width:60px; float:left; position:relative; color:#97291e; font-weight:bold; padding:0px 2px;}

.top-divider{width:4px; float:left; position:relative; padding:0px 3px;}
#logo{float: left; position: relative; margin-top: 16px; margin-left: 10px;}
.overlap-top{float: right; margin-top: 20px; margin-right:20px; }




.overlap-bottom{width: 150px; float: right; position: relative; font-size: 12px; cursor:pointer;}
.bottom-font{float:left; position:relative; font-size: 12px; font-weight: bold;}
.overlap1{width: 1004px; height: 50px;}
.overlap1-top{width:450px; margin-left: 500px; float: left; position:relative; margin-top: 15px;}
#refine-icon{float:left; position:relative; margin-right: 5px;}
#icon01{margin-right:0px;}
#icon02{margin-right: 10px;}
.pop-up{height:199px; width:526px; background-color:#FFFFFF;z-index:10; padding: 8px; padding-top: 0; position:fixed;}
#pop-up{height:199px; width:522px;  border:1px solid #e77817; border-top:none; }
.outer{height:500px; overflow:hidden;}

.tr1{line-height:0px; }
.select1{width:168px; height:28px;font-size:11px;}
.tr2{line-height:0px; }
.tr3{line-height:0px; text-align:justify;  padding-top:3px;}
.font1{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#8c1717;font-weight:bold;}
.td1{line-height:0px; padding-top:15px;}
.font2{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;}
.td2{line-height:0px; padding-top:10px; width:98px;}
.select2{width:98px; height:28px;font-size:11px;}
.img1{line-height:0px; padding-top:10px; border:none}
.td3{line-height:0px; padding-top:10px; width:120px;}
.font3{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;}
.space-left{padding-left:10px;}
.space-right{padding-left:10px;}
.close{padding:2px; cursor:pointer;}
#demo5{padding-left: 62px; height: 30px; margin-left: 800px; width: 180px;}
.window{width: 296px;
height: 160px;
background-color: #FFFFFF;
z-index: 99;
position: absolute;
left: 643px;
display: none;
border: 1px solid #999999;
top: 720px;}
.tr1{line-height:0px; }
.select1{width:168px; height:28px;font-size:11px; }
.tr2{line-height:0px; padding-top:10px;}
.tr3{line-height:0px; text-align:justify;  padding-top:3px;}
.font1{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; color:#8c1717;font-weight:bold;}
.td1{line-height:0px; padding-top:15px;}
.font2{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;}
.td2{line-height:0px; padding-top:10px; width:98px;}
.select2{width:98px; height:28px;font-size:11px; }
.img1{line-height:0px; padding-top:10px; border:none}
.td3{line-height:0px; padding-top:10px; width:120px;}
.font3{font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px;}
.tdw1{line-height:0px; padding-top:15px; padding-left:15px;}
.tdw2{line-height:0px;padding-top:25px; padding-left:10px;}
.tdc1{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; font-weight:bold; color:#990000;}
.tdc2{ font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:11px; color:#999999;}
.tdi{line-height:0px; padding-top:5px; padding-left:10px;}
.backdrop{ position:fixed !important;
   position: absolute; /*ie6 and above*/top:0px; left:0px; width:100%; height:100%; background:#000;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3;
 opacity: 0.3; z-index:50; display:none;}
.last_view{cursor:pointer;}

/* style for page2 */
.content1{height: auto; width: 100%;  padding:0px; display:inline-block;}
 #stickyheader {
                        width: 100%;
                        height: 10px;position: relative;
    z-index: 99999;
                }
                #stickyalias {
                  display: none;
                  height: 10px;
                }
                #unstickyheader {
                  margin-bottom: 15px; padding: 0px 30px;
                }
                #othercontent {
                  margin-top: 20px;
                }
.tabs { top:0;  padding: 0px 30px;}
.tabs ul {list-style: none; float:left; margin:0 !important; padding:0 !important; z-index:10;  width: 942px;  background:url(../images/ul_bg.gif) no-repeat bottom #FFFFFF; font-size: 12px;}	
.tabs ul li { float: left; color:#fff; font-weight:bold; margin-right:3px; background-color:#e77817; width:120px; line-height:30px; text-align:center;}

.inactive{text-decoration:none; color:#e77817; font-weight:bold;}
.tabInner {border: 1px solid #aaa; clear:both; width:910px; border-top:none; z-index:-1; padding: 15px; font-size:12px; line-height:22px}
.tabInner .tab_con {padding:16px 34px; display:none;}
.heading1{font-size:20px; color:#990000; width:100%; line-height: 30px; padding-bottom:5px;}
.info{width: 100%;height:200px;}
.image{float:left; position:relative;}
.text{float:right; position:relative; margin-left: 30px; float: left; font-size: 12px; line-height: 26px; margin-top: 8px;}
.tab-fun{cursor:pointer;}
.tab_1{z-index:99; position:absolute; background-color: #fff;}
.select{color:#000000; text-decoration:none;}



            a {
                outline: 0;
            }
            
          
            .single-page-nav a {
                display: block;
                color: #fff;
                text-decoration: none;                
            }
            
            .single-page-nav a:hover, 
            .single-page-nav .current {
                color: #666666;
				background-color:#FFFFFF;
				border:1px solid #999999;
				border-bottom:none;
            }
            
  
 
            .section {
               
                clear: both;
    margin: 0 auto;
    padding: 2px 0;
    width: 100%;
               
                
            }
        

/*Add by propequity Development Team*/

.accordioncontainer{ padding:0px; border:1px solid #999; margin: 0 auto;}


/***Building elevation***/
#currentimggallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background:rgb(20,20,20);

}

.gallerystatus	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#fff;
	}
	
.gallerydesctext    {height:20px;}
/*Current-Image-CSS*/

.align-center{ margin:0px auto; padding:20px; background:#f00;}

.accordian-img-block {width:100%; text-align:center;}

.accordian-img { width:440px!important; height: auto;  margin-top:10px; margin-bottom:10px; border:1px solid #E4DFEC!important;}
/*************image gallery*****************/

#main_slideshow{
		width:860px;	/* Total width of slideshow */
		margin:23px auto 11px 14px;
	}
	
#previewPane{
		border:0px solid #CCCCCC;
		text-align:center;
		position:relative;
		margin:0px auto;
		margin-bottom:12px;

		/* CSS HACK */
		height: 394px;	/* IE 5.x */
		height/* */:/**/392px;	/* Other browsers */
		height: /**/392px;
				
	}
	#previewPane img{
		line-height:400px;
		margin:0px auto;
		border:1px solid #E4DFEC;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		text-align:center;
		font-size:0.9em;
		width:auto;
		margin-top:7px;
	}
	#galleryContainer{
		
		height:110px;	/* Height of the images + 2 */
		border:1px solid #E4DFEC;
		position:relative;
		overflow:hidden;
		padding:1px;
		width:854px;
		
		/*CSS HACK */
		height: 112px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/112px;	/* Other browsers */
		height: /**/112px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=95);
		opacity: 0.95;
		cursor:pointer;
		border: 1px solid #E4DFEC!important;
		margin:6px 9px 6px 3px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
		border:0px solid #344242;
	}
	
	




	.plus
{
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.calculator {
    background: none repeat scroll 0 0 #97291E;
    border: 1px solid #97291E;
    padding: 2px;
    width: auto;
}
.calculator-in {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2DBDD;
    margin: 0 auto;
    padding: 20px 30px;
}

.areaconversion{width:100%; clear:both; float:left;}
.areaconversion .areaconversionlft{ width:49%; float:left;}
.areaconversion .areaconversionrgh{ width:49%; float:right;}
.areaconversion ul{ width:100%;}
.areaconversion ul li{ width:100%;}
.areaconversion ul li input[type="text"]{ width:60%!important;}



.buttons {
    clear: both;
    display: block;
    padding-top: 20px;
    text-align: center;
}
.calculator ul {
    float: left;
    list-style: none outside none;
}
.calculator ul li {
    float: left;
    padding-bottom: 10px;
    
}
input[type="button"], input[type="submit"] {
    background: none repeat scroll 0 0 #97291E;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 7px;
    width: auto;
}
.calculator-in h6 {
    color: #0370B7;
    font-size:26px;
}


.calculator p {
    padding-bottom: 5px;
}
.calculator ul li label {
    float: left;
    padding-right: 10px;
    width: 90px; font-weight:600;
}
.calculator ul li input[type="text"] {
    border: 1px solid #E4DFEC;
    font-size: 10px;
    height: 18px;
    padding: 2px;
  
}
.building-elevation {
    border: medium none;
    height: 220px;
    width: 300px;
}
.gallerylayer{width:100%; height:100%;}
.gallerylayer img
{
    border:0px; width:100%; height:100%;
}
.navpanellayer{bottom:0 !important}
.disclaimer
    {
        font-size:10px;
        color: #666!important;
    font-family: Arial,Helvetica,sans-serif;
    }
    
    .footer a{ text-decoration:none;color:#666!important;}
.footer a:hover{ text-decoration:underline;}


#Div2 img{ vertical-align:middle;}


.calculator-in h6{ padding-bottom:15px;}


h1{ padding:7px 0px; font-size:18px;}


.logo img{border:0px;}


#apply1 a{ color:#fff; background:#972926; padding:6px 10px; font-size:11px; font-weight:bold; text-decoration:none;}
#apply1 a:hover{  color:#fff; background:#972926;  font-size:11px; font-weight:bold; text-decoration:none;}

div.MaskedDiv
        {
            visibility: hidden; /*position:absolute;*/
            left: 0px;
            top: 0px;
            font-weight: bold;
            padding: 40px;
            z-index: 2000;
            opacity: 0.4;
            position: absolute;
            filter: alpha(opacity=40);
            background: #000;
        }
        .loadingMessage
        {
            z-index: 1;
            position: absolute;
            text-align: center;
            top: 43%;
            left: 30%;
        }
        .message_center
        {
            width: 220px;
            background: #fff;
            border: solid 2px #c4c3bf;
            float: left;
            height: auto;
            -moz-border-radius: 5px;
        }
        .message_center img
        {
            padding-top: 8px;
        }
        .message_center img
        {
            width: 100px;
            margin: 0px auto;
        }
        .message_center .lft
        {
            width: 220px;
            float: left;
            text-align: center;
        }
        .message_center img
        {
            vertical-align: middle;
        }
        #lblMessage
        {
            font-family:Arial, Helvetica, sans-serif; 
            font-size:11px;
        }




.overlap-top ul {
    float: right; list-style:none;
}

.overlap-top ul li {
    background: url("../images/top-divider.jpg") no-repeat right -3px;
    float: left;
    font-weight: 600;
    line-height: 28px;
    margin-right: 7px;
    margin-top: 10px;
    padding-right: 15px;
}
.overlap-top ul li a{ color:#97291E; text-decoration:none;}
.overlap-top ul li a:hover{ color:#000000}


.overlap-top ul li img {
    float: left;
    margin-right: 10px;
    margin-top: 0;
    vertical-align: middle;
}
.overlap-top ul li.last {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    margin-right: 0;
    padding: 0;
}
.buildingelevation td{width:49%;  padding:5px;}                                      
#DatalistAmenities td table td{width: 160px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}


/*Responsive css start*/
@media screen and (max-width:1023px) {/*900px*/
                                      
                                      
                                      .main{width:900px;}
                                      .top{ width:100%; height:100px; }
                                      .tabs ul{ width:871px;}
                                      .tabInner{ width:840px;}
                                      
                                      
.buildingelevation td{width: 50%;  padding:5px;}                                      
#DatalistAmenities td table td{width: 170px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
#galleryContainer{width: 805px;}
                                      
}
 @media screen and (max-width:940px) {/*700px*/
                                      .main{width:100%;}
                                      
.top{ width:100%; height:100px; }
.logo{ width:200px; padding-top:5px;}   
.logo img{ width:100%;}
.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li img{ width:16px; height:16px;}
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}
.overlap-top{ margin-top:0px;}                    
.tabs ul{ width:671px;}
.tabInner{ width:640px;}                                      
.tabs ul li{ width:105px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#galleryContainer{ width:605px;}
.footer{ padding:10px 20px; width:680px;}                                      
.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 159px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
}
 @media screen and (max-width:740px) {/*680px*/
                                      
.tabs ul{ width:656px;}
.tabInner{ width:625px;}                                      
.tabs ul li{ width:106px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:19px;}
#DatalistAmenities td table td{width: 159px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 240px; width: 280px;}                                      
#currentimggallery {height: 240px!important; width: 280px!important;}                                    
.accordian-img{height: 240px!important; width: 280px!important;}
#galleryContainer{width: 590px;}
.footer{ padding:10px 20px;}

.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 159px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.calculator-in h6{ font-size:18px;}
                                      
}
 @media screen and (max-width:700px) {/*500px*/
  .tabs{ padding: 0px 10px; }
  .top{ width:100%;}   
.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}                                      
.tabs ul{ width:510px;}
.tabInner{ width:480px;}                                      
.tabs ul li{ width:167px; margin-bottom:5px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:59px;}
#DatalistAmenities td table td{width:200px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 180px; width: 230px;}                                      
#currentimggallery {height: 180px!important; width: 230px!important;}                                    
.accordian-img{height: 180px!important; width: 230px!important;}
#galleryContainer{width: 450px;}
.footer{ padding:10px 20px; width:500px;}


.areaconversion{width:100%; clear:both;  float:left;}
.areaconversion .areaconversionlft{ width:100%; float:left;}
.areaconversion .areaconversionrgh{ width:100%; float:right;}
.areaconversion ul li input[type="text"]{ width:100%!important;}
.areaconversionheading{ width:100%; clear:both;}
.calculator-in h6{ font-size:18px;}


                                      
}
 @media screen and (max-width:540px) {/*300px*/ 
                                      
  .top{ width:100%;}   
.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}
.overlap-top{ margin-top:0px; margin-right:2px;}  
 .info{ width:455px;}                                     
.tabs ul{ width:455px;}
.tabInner{ width:423px;}                                      
.tabs ul li{ width:148px; margin-bottom:3px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:56px;}
.cellwidth{ width:400px; overflow:scroll;}
.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 159px; display: inline-table; padding:5px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 180px; width: 230px;}                                      
#currentimggallery {height: 180px!important; width: 230px!important;}                                    
.accordian-img{height: 180px!important; width: 230px!important;}
#galleryContainer{width: 393px;}                                      
.footer{ padding:10px 20px; width:440px;}


.areaconversion{width:100%; clear:both;  float:left;}
.areaconversion .areaconversionlft{ width:100%; float:left;}
.areaconversion .areaconversionrgh{ width:100%; float:right;}
.areaconversion ul li input[type="text"]{ width:100%!important;}
.areaconversionheading{ width:100%; clear:both;}
.calculator-in h6{ font-size:18px;}
                                      
                                
                                      
}

@media screen and (max-width:400px) {/*200px*/
.main{ background: url("../images/header.png") no-repeat left -30px #ffffff;}
.top{ width:100%; height:40px; }
.logo{ width:100px; padding-top:5px;}   
.logo img{ width:100px;}
.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li img{ width:16px; height:16px;}
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}
.overlap-top{ margin-top:0px; margin-right:2px;}  

#unstickyheader{ padding:0px 10px;}
#unstickyheader .heading1{ font-size:14px; font-weight:600;}
#unstickyheader .image{ width:270px; clear:both;}
#unstickyheader .text{ width:270px; clear:both; margin-left:0px; }
.tabs{ padding: 0px 10px;}
 .info{ width:100%; height:auto; display:inline-block; }                                     
.tabs ul{ width:340px;}
.tabInner{ width:306px;}                                      
.tabs ul li{ width:167px; margin-bottom:3px; margin-right:3px; padding-right:0px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:85px;}
.cellwidth{ width:280px; overflow:scroll;}
.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 280px; display: inline-table; padding:5px; font-size:11px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 200px; width: 240px;}                                      
#currentimggallery {height: 200px!important; width: 240px!important;}                                    
.accordian-img{height: 200px!important; width: 240px!important;}
#galleryContainer{width: 270px;}                                      
.footer{ padding:10px 10px; width:340px;}
h1{ font-size:15px; font-weight:600;}

.areaconversion{width:100%; clear:both;  float:left;}
.areaconversion .areaconversionlft{ width:100%; float:left;}
.areaconversion .areaconversionrgh{ width:100%; float:right;}
.areaconversion ul li input[type="text"]{ width:100%!important;}
.areaconversionheading{ width:100%; clear:both;}
.calculator-in h6{ font-size:18px;}
}





@media screen and (max-width:320px) {/*200px*/
.main{ background: url("../images/header.png") no-repeat left -30px #ffffff;}
.top{ width:100%; height:40px; }
.logo{ width:100px; padding-top:5px;}   
.logo img{ width:100px;}

.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li img{ width:16px; height:16px;}
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}
.overlap-top{ margin-top:0px; margin-right:2px;}  

#unstickyheader{ padding:0px 10px;}
#unstickyheader .heading1{ font-size:14px; font-weight:600;}
#unstickyheader .image{ width:270px; clear:both;}
#unstickyheader .text{ width:270px; clear:both; margin-left:0px; }
.tabs{ padding: 0px 10px;}
 .info{ width:100%; height:auto; display:inline-block; }                                     
.tabs ul{ width:270px;}
.tabInner{ width:240px;}                                      
.tabs ul li{ width:132px; margin-bottom:2px; margin-right:2px; padding-right:0px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:86px;}
.cellwidth{ width:220px; overflow:scroll;}
.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 145px; display: inline-table; padding:5px; font-size:11px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 200px; width: 200px;}                                      
#currentimggallery {height: 200px!important; width: 200px!important;}                                    
.accordian-img{height: 200px!important; width: 200px!important;}
#galleryContainer{width: 210px;}                                      
.footer{ padding:10px 10px; width:270px;}
h1{ font-size:15px; font-weight:600;}


.areaconversion{width:100%; clear:both;  float:left;}
.areaconversion .areaconversionlft{ width:100%; float:left;}
.areaconversion .areaconversionrgh{ width:100%; float:right;}
.areaconversion ul li input[type="text"]{ width:100%!important;}
.areaconversionheading{ width:100%; clear:both;}
.calculator-in h6{ font-size:16px;}

}

 


 @media screen and (max-width:240px) {/*200px*/
.main{ background: url("../images/header.png") no-repeat left -30px #ffffff;}
.top{ width:100%; height:40px; }
.logo{ width:85px; padding-top:2px;}   
.logo img{ width:80px;}
.overlap-top ul li a{ font-size:0px;} 
.overlap-top ul li img{ width:16px; height:16px;}
.overlap-top ul li{ background:none; padding-right:0px; margin-right:2px;}
.overlap-top{ margin-top:0px;}  

#unstickyheader{ padding:0px 10px;}
#unstickyheader .heading1{ font-size:14px; font-weight:600;}
#unstickyheader .image{ width:100%; clear:both;}
#unstickyheader .text{ width:200px; clear:both; margin-left:0px;}
.tabs{ padding: 0px 10px;}
 .info{ width:100%; height:auto; display:inline-block; }                                     
.tabs ul{ width:185px;}
.tabInner{ width:155px;}                                      
.tabs ul li{ width:90px; margin-bottom:2px; margin-right:2px; padding-right:0px; font-size:10px;}
.single-page-nav a:hover, .single-page-nav .current{ line-height:29px; font-size:11px;}
#othercontent{ margin-top:85px;}
.cellwidth{ width:140px; overflow:scroll;}
.buildingelevation td{width: 100%; display: inline-table; padding:5px;}                                      
#DatalistAmenities td table td{width: 145px; display: inline-table; padding:5px; font-size:11px;}
#DatalistAmenities td table td img{ vertical-align:middle; margin-right:5px;}
.building-elevation{height: 140px; width: 130px;}                                      
#currentimggallery {height: 140px!important; width: 130px!important;}                                    
.accordian-img{height: 140px!important; width: 130px!important;}
#galleryContainer{width: 120px;}                                      
.footer{ padding:10px 10px; width:180px;}
h1{ font-size:14px; font-weight:600;}

.areaconversion{width:100%; clear:both;  float:left;}
.areaconversion .areaconversionlft{ width:100%; float:left;}
.areaconversion .areaconversionrgh{ width:100%; float:right;}
.areaconversion ul li input[type="text"]{ width:100%!important;}
.areaconversionheading{ width:100%; clear:both;}
.calculator-in h6{ font-size:16px;}
}

img{ max-width:100%;}
.info .image{ width:250px;}
.info .image img{ max-height:150px;}
.info .image span.rera_cn{ margin:4px 0; width:100%;}

span.rera_cn{ display:inline-block; width:100%; }
span.rera_cn label{ color:#9e2e20; }

#unstickyheader .info{ position:relative; width:100%;}
#unstickyheader .info span.rera_cn{ position:absolute; right:0px; top:42px; width:auto; font-size:12px; }