/* CSS Document */
*{padding:0;margin:0 auto;}

a{outline:none; text-decoration:none;}

body{font-family:Arial, Helvetica, sans-serif;font-size:13px;text-align:justify;margin:0 auto;}

#whole_wraper{ width:990px; height:auto; margin:0 auto; border-left:2px solid #212121; border-right:2px solid #212121; overflow:hidden !important; padding:0 8px}
#whole_div{/*background: url(../images/inner_bg.jpg) repeat-x #FFFFFF !important ;*/  width:100%; height:auto; margin:0 auto; padding:0;}


#main-wrapper{background:none;width:990px;height:auto;margin:0 auto;padding:0;}
#header{width:990px;height:115px;float:left;}
.logo{width:643px;height:69px;margin-top:28px;float:left;}
.green{color:#15b646;}
.logoright{background:none;height:16px;width:215px;float:right;}
#ganeshji{ width:60px; height:61px; float:left;margin:30px 0 0 0;}
#sicial{width:auto;	height:auto;margin:45px 8px 0 0;float:right;}
#sicial img{width:32px;	height:32px;margin:0 3px 0 0;}
.folw{ line-height:23px ; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-right:5px;}


/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  box-shadow:2px 2px 2px #000 ;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/*End effect*/

.nav
{
background:none;
width:990px;
height:52px;
float:left;

}

.inner_title
{
/*background:url(../images/slider2.jpg) no-repeat;*/
width:990px;
height:452px;
float:left;
}

.inner_title h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	line-height:140px;
	padding:0 0 0 25px;
}

#flat_plan
{
	width:990px;
	height:auto;
	float:left;
}

#flat_plan h2
{
	color:#fff;
	font-size:18px;
	margin-left:8px;
}

#flat_plan p
{
	color:#ddeff1;
	font-size:13px;
	line-height:18px;
	padding:6px;
}


#flat_plan1
{
	background:#075762;
	width:320px;
	height:153px;
	float:left;
	padding:5px;
}

#flat_plan2
{
	background:#116d7a;
	width:320px;
	height:153px;
	float:left;
	padding:5px;
}

#flat_plan3
{
	background:#075762;
	width:320px;
	height:153px;
	float:right;
	padding:5px;
}



.clear{clear:both;}

#center-wrapper{width:990px; height:auto; float:left; margin-top:12px;}


#left-pannel{width:686px; height:auto; float:left;}
#left-pannel h2 { color:#08434b; font-family: Arial, Helvetica, sans-serif; font-size:20px;
font-weight:bold;text-transform: capitalize;margin:8px 0;padding:0 0 10px 0;border-bottom:1px #000 solid;
}

#left-pannel p{font-size:13px;font-weight:normal;
line-height:24px;text-align:justify;color:#000000;padding:8px 0 8px 5px;}

.read-more{background:#01a232;padding:8px 10px;float:right;cursor:pointer;color:#fff;text-align:center;
font-weight:bold;text-transform: capitalize;}
.read-more:hover{background:#08434b;}

#right-pannel{width:231px;height:auto;float:right;}
#right-pannel h2{color:#08434b;font-size:20px;font-weight:bold;text-transform: capitalize;
margin:8px 0;padding:0 0 10px 0;border-bottom:1px #000 solid;}

.left-link{width:275px;height:auto;float:left;margin-bottom:20px;}
.left-link ul{list-style: none;text-decoration:none;padding-left:8px;}
.left-link ul li{display:block;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;
font-weight:normal;color:#666666;padding:8px 0 0px 10px;line-height:25px;border-bottom:1px dotted #999999;
}
.left-link ul li a{font-size:12px;display: inline-block;color:#000;padding:8px 0 0px 10px;
text-transform:uppercase;line-height:25px;}
.left-link ul li a:hover{background:none;color: #716a03;font-weight:bold;}

#right-pannel p{font-size:14px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;
line-height:22px;text-align:justify;color:#000000;padding:8px 0 8px 5px;}

.center-text{width:625px;height:auto;float:right;padding:10px 10px 8px 10px;}
.center-text-right{width:345px;height:236px;float:right;}

#iner-header
{
background:url(images/iner-heder-bg.gif) no-repeat;
width:603px;
height:49px;
float:left;
padding:8px 0 0 15px;
}

#iner-header h1
{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px !important;
text-shadow:#000;
color:#000 !important;
text-transform:uppercase; 
font-weight:bold;
}



#devlop_snap
{
	width:990px;
	height:auto;
	float:left;
}

#devlop_snap h2
{
color:#08434b;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
text-transform: capitalize;
margin:8px 0;
padding:0 0 10px 0;
border-bottom:1px #000 solid;
}


#footer{background:#09535d;width:100%;height:auto;float:left;margin-top:15px;}
.footer{width:990px;height:auto;margin:0 auto;padding:0;}
.footer ul{text-decoration:none;display:block;text-align:center;line-height:70px;}
.footer ul li{display:inline;text-align:center;text-decoration:none;}
.footer ul li a{display:inline;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#fff;padding:10px 18px;}
.footer p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#f5f5f5;text-transform:none;text-decoration:none;
line-height:22px;text-align:center;}
.footer p a{text-decoration:none;color:#f5f5f5;font-weight:normal;}
.footer p a:hover{color: #0C6;}


h3
{
color:#867e04;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
text-transform:capitalize;
margin-left:10px;
margin-top:10px;
margin-bottom:8px;
}

.testi-top
{
background:url(images/testi-top-bg.gif) no-repeat;
width:605px;
height:auto;
float:left;
margin-left:20px;
margin-top:10px;
}

.testi-bot
{
background:url(images/testi-bot-bg.gif) no-repeat;
width:605px;
height:25px;
float:left;
margin-left:20px;
margin-bottom:10px;
}

.testi-top2
{

width:605px;
height:auto;
float:left;
margin-left:20px;
margin-top:10px;
}

.testi-bot2
{

width:605px;
height:25px;
float:left;
margin-left:20px;
margin-bottom:10px;
}

.red
{
color:#FF0000;}

.pupel
{
color: #660066;}

.black
{
color:#000;}

.s_txt{font-size:24px; color:#09444c;}
table.contact_new{font-size:16px !important;}

.left-pannel2{width:100%; height:auto; float:left;}
.left-pannel2 h2{color:#08434b; font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-transform: capitalize; margin:8px 0; padding:0 0 10px 0; border-bottom:1px #000 solid;}
.left-pannel2 h2 a{color:#08434b;}
.board{width:100% !important; height:auto; float:left;}
.board table{width:100% !important; height:auto; float:left;}
.board table tr td, .board table tr th{border:0 !important; text-align:left !important; font-size:14px !important; line-height:24px !important;}
.board table tr td img, .board table tr td p img, .board table tr td p span img{float:right !important;}
.category{width:300px; float:left; margin:10px; height:auto;}
.img1{width:300px; height:220px; float:left; margin:10px; border:1px solid #08434b;}
.category_txt{width:100%; height:auto; text-align:center; line-height:24px; float:left; color:#08434b !important; font-weight:bold;}

.under_proccess{width:auto; height:auto; line-height:30px; float:left; font-size:14px; margin:10px 0 0 0}




@media screen and (min-width: 40px) and (max-width: 360px) {
.display_p{display:none; height:0; width:0;}
h1,h2,h3,h4,h5,h6{font-size:20px; line-height:40px; font-weight:normal;}

#whole_wraper{width:90%;}
#whole_div{width:100%;}

#main-wrapper{width:99%;}
#header{width:100%;height:auto; margin:0 0 1% 0;}

.logo{width:99%; height:auto; margin:3% auto 0 auto; float:none;}

.logoright{height:auto;width:45%; float:none; margin:0 auto;}
#ganeshji{ width:50px; height:auto;margin:4% 0 2% 0;}
#ganeshji img{ width:80%; height:auto; float:left;margin:0;}
#sicial{width:auto;	height:auto;margin:12% 0 0 0;}
#sicial img{width:28%;height:28%; margin:0;}
.morph{transition:none;}

.slider_right, .slider{display:none !important; width:0 !important; height:0 !important; }
.mobile_slider{display:block !important; width:99.9%; height:auto; margin:0;}

#flat_plan{width:100%;}
#flat_plan1{width:90%;height:auto;float:left;padding:5px;}
#flat_plan1 h2{width:100%;height:auto;font-size:18px; float:left; display:block; line-height:22px; margin:2% 0 0 2%;}
#flat_plan1 p{width:100%;height:auto;font-size:12px;float:left;  display:block;}

#center-wrapper{width:100%;margin-top:12px;}
#left-pannel, .left-pannel{width:99.9%;}
#left-pannel h2, .left-pannel h2{font-size:18px;;margin:0;padding:0; font-weight:normal;}
#left-pannel p, .left-pannel p{font-size:13px;line-height:24px;padding:0 0 8px 4px;}

#right-pannel{width:99.9%;height:auto;float:right;}
#right-pannel h2{font-size:18px;margin:5px 0;padding:0;}
#right-pannel p{font-size:14px;line-height:22px;padding:8px 0 8px 5px;}
.small_slider{width:100%; height:100%;margin:4% 0 0 10%;}
#devlop_snap{width:100%;}
#devlop_snap h2{font-size:20px;margin:8px 0 0 0;padding:0;}
.marquee{width:100%; float:left; margin:10px 0 0 0;}

.footer{width:99%;}
.footer ul{line-height:44px;}

.inner_title{width:99.9%; height:auto;}
.strip_img_mob{height:auto; width:98%; margin:-130px 0 0 0; vertical-align:top;}

}

@media screen and (min-width: 361px) and (max-width: 480px) {
.display_p{display:none; height:0; width:0;}
h1,h2,h3,h4,h5,h6{font-size:20px; line-height:40px; font-weight:normal;}

#whole_wraper{width:92%;}
#whole_div{width:100%;}

#main-wrapper{width:99%;}
#header{width:100%;height:auto; margin:0 0 1% 0;}

.logo{width:99%; height:auto; margin:3% auto 0 auto; float:none;}

.logoright{height:auto;width:33%; float:none; margin:0 auto;}
#ganeshji{ width:60px; height:auto;margin:4% 0 2% 0;}
#ganeshji img{ width:70%; height:70%; float:left;margin:0;}
#sicial{width:auto;	height:auto;margin:12% 0 0 0;}
#sicial img{width:28%;height:28%; margin:0;}
.morph{transition:none;}

.slider_right, .slider{display:none !important; width:0 !important; height:0 !important; }
.mobile_slider{display:block !important; width:99.9%; height:auto; margin:0;}

#flat_plan{width:100%;}
#flat_plan1{width:90%;height:auto;float:left;padding:5px;}
#flat_plan1 h2{width:100%;height:auto;font-size:18px; float:left; display:block; line-height:22px; margin:2% 0 0 2%;}
#flat_plan1 p{width:100%;height:auto;font-size:12px;float:left;  display:block;}

#center-wrapper{width:100%;margin-top:12px;}
#left-pannel, .left-pannel{width:99.9%;}
#left-pannel h2, .left-pannel h2{font-size:18px;;margin:0;padding:0; font-weight:normal;}
#left-pannel p, .left-pannel p{font-size:13px;line-height:24px;padding:0 0 8px 4px;}

#right-pannel{width:99.9%;height:auto;float:right;}
#right-pannel h2{font-size:18px;margin:5px 0;padding:0;}
#right-pannel p{font-size:14px;line-height:22px;padding:8px 0 8px 5px;}
.small_slider{width:100%; height:100%;margin:4% 0 0 25%;}
#devlop_snap{width:100%;}
#devlop_snap h2{font-size:20px;margin:8px 0 0 0;padding:0;}
.marquee{width:100%; float:left; margin:10px 0 0 0;}

.footer{width:99%;}
.footer ul{line-height:44px;}

.inner_title{width:99.9%; height:auto;}
.strip_img_mob{height:auto; width:98%; margin:-100px 0 0 0;}
.f_link{width:95%; margin:0;}

}

@media screen and (min-width: 481px) and (max-width: 768px) {
.display_p{display:none; height:0; width:0;}
h1,h2,h3,h4,h5,h6{font-size:20px; line-height:40px; font-weight:normal;}

#whole_wraper{width:95%;}
#whole_div{width:100%;}

#main-wrapper{width:99%;}
#header{width:100%;height:auto; margin:0 0 1% 0;}

.logo{width:65%; height:auto; margin:3% auto 0 auto;}

.logoright{height:auto;width:25%;}
#ganeshji{ width:60px; height:61px;margin:10% 0 0 0;}
#sicial{width:auto;	height:auto;margin:18% 2% 0 0;}

.slider_right, .slider{display:none !important; width:0 !important; height:0 !important; }
.mobile_slider{display:block !important; width:99.9%; height:auto; margin:0;}

#flat_plan{width:100%;}
#flat_plan1{width:90%;height:auto;float:left;padding:5px;}
#flat_plan1 h2{width:100%;height:auto;font-size:18px; float:left; display:block; line-height:22px; margin:2% 0 0 2%;}
#flat_plan1 p{width:100%;height:auto;font-size:12px;float:left;  display:block;}

#center-wrapper{width:100%;margin-top:12px;}
#left-pannel, .left-pannel{width:68%;}
#left-pannel h2, .left-pannel h2{font-size:18px;;margin:5px 0;padding:0;}
#left-pannel p, .left-pannel p{font-size:13px;line-height:24px;padding:0 0 8px 4px;}

#right-pannel{width:29%;height:auto;float:right;}
#right-pannel h2{font-size:18px;margin:5px 0;padding:0;}
#right-pannel p{font-size:14px;line-height:22px;padding:8px 0 8px 5px;}
.small_slider{width:100%; height:100%;margin:4% 0 0 0;}
#devlop_snap{width:100%;}
#devlop_snap h2{font-size:20px;margin:8px 0 0 0;padding:0;}
.marquee{width:100%; float:left; margin:10px 0 0 0;}

.footer{width:99%;}
.footer ul{line-height:44px;}

.inner_title{width:99.9%;  height:auto;}

.strip_img_mob{height:auto; width:95%; margin:-70px 0 0 0;}
.f_link{width:25%; margin:0; float:left;}
.strip_txt2{width:74%; float:right;}
}

@media screen and (min-width: 769px) and (max-width: 980px){
.display_p{display:none; height:0; width:0;}
h1,h2,h3,h4,h5,h6{font-size:20px; line-height:40px; font-weight:normal;}

#whole_wraper{width:95%;}
#whole_div{width:100%;}

#main-wrapper{width:99%;}
#header{width:100%;height:auto; margin:0 0 1% 0;}

.logo{width:65%; height:auto; margin:3% auto 0 auto;}

.logoright{height:auto;width:25%;}
#ganeshji{ width:60px; height:61px;margin:10% 0 0 0;}
#sicial{width:auto;	height:auto;margin:18% 2% 0 0;}

.slider_right, .slider{display:none !important; width:0 !important; height:0 !important; }
.mobile_slider{display:block !important; width:99.9%; height:auto; margin:0;}

#flat_plan{width:100%;}
#flat_plan1{width:90%;height:auto;float:left;padding:5px;}
#flat_plan1 h2{width:100%;height:auto;font-size:18px; float:left; display:block; line-height:22px; margin:2% 0 0 2%;}
#flat_plan1 p{width:100%;height:auto;font-size:12px;float:left;  display:block;}

#center-wrapper{width:100%;margin-top:12px;}
#left-pannel, .left-pannel{width:68%;}
#left-pannel h2, .left-pannel h2{font-size:20px;;margin:5px 0;padding:0;}
#left-pannel p, .left-pannel p{font-size:13px;line-height:24px;padding:0 0 8px 4px;}

#right-pannel{width:29%;height:auto;float:right;}
#right-pannel h2{font-size:20px;margin:5px 0;padding:0;}
#right-pannel p{font-size:14px;line-height:22px;padding:8px 0 8px 5px;}
.small_slider{width:100%; height:100%;margin:4% 0 0 0;}
#devlop_snap{width:100%;}
#devlop_snap h2{font-size:20px;margin:8px 0 0 0;padding:0;}
.marquee{width:100%; float:left; margin:10px 0 0 0;}

.footer{width:99%;}
.footer ul{line-height:44px;}

.inner_title{width:99.9%;  height:auto;}

.f_link{width:25%; margin:0; float:left;}
.strip_txt2{width:74%; float:right;}
}
 .img {
    width: 230% !important;
}