@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:320px) and (max-width: 360px){
.main{ width:90%;}
 .header img {
    height: 100px;
}
.about-us{ width:90%;}
.gallery{ width:100%;}
.top-btn{ text-align:center;}
.header .logo{ float:none; width:60%; z-index:6;}
.header .logo img{ margin-top:60px}
.header .right{ width:100%; margin:0 auto; text-align:center;}
.form input[type=text]{ width:95%; margin:5px auto;}
.form input[type=submit]{ width:95%; margin:10px auto;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.content1{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.footer .foot-left{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right img{ width:30%;}
.header .logo{ display:none;}
.header .right{ margin-top:50px;}
.header .right p span{ font-size:18px;}

.top-bt{ 
	width:100%;
	text-align:right;
	display:none;
}
.contactdetails{width:100%;}
.contactdetails .cont-left {
    width: 100%;
    float: unset;
    padding: 0px 15px;
    margin: 0px;
}
.contactdetails .cont-right{
	 width: 100%;
    float: unset;
    padding: 0px 15px;
    margin: 0px;
}
.top-logo img{width:100%;}
#feedback{ display:none;}

.pro{padding:10px 0;}
.pro h1{ text-align:center;}
.product {
    width: 100%;
    padding: 10px;
    margin: 20px 0px;
}
#ML{ margin:0 auto;}
.product-left{ width:100%;}
.pro .pro-img{ width:100%; margin:0 auto;}
.pro .pro-img img{ width:100%; height:auto;}
.pro .pro-img p a{ padding:10px 30px;}
.product-right{ width:100%;}
 
.top-btn .top-logo { isplay:none;width: 100%;}
#mcts1 { width:65%; padding:0;}
#mcts1 div.item { margin-right:80px;}

.form-block .popup{ width:80%;}
.form-block .popup input[type=text]{ width:90%; margin:5px auto;}
.form-block .popup input[type=submit]{ width:90%; margin:5px auto;}
.form-block1 .popup{ width:80%;}
.form-block1 .popup input[type=text]{ width:90%; margin:5px auto;}
.form-block1 .popup input[type=submit]{ width:90%; margin:5px auto;}

.cboxPhoto{ max-width:220px !important; max-height:150px !important  }
   
}

@media only screen and (min-width:361px) and (max-width: 480px){
 
.main {
    width: 100%;
    padding: 0px;
}
#footerif {
    width: 100%;
    padding: 3px 0px 20px 0px;
}
.about-us{ width:90%;margin: 5px auto;}
.gallery{ width:90%;}
.top-btn{ text-align:center;}
.top-btn .top-logo {
    width: 100%;
    margin: 5px auto;
}
.top-logo img{float:none;text-align:center;}
.pro .pro-img img{width:100%;}
.rs_mobile_query a{width: 45% !important;}
.bd-crm{width:90%;}
.top-bt{ width:60%; margin:8px auto;display:none;}
.pro .pro-cnt{padding:0px 20px;}
.header .logo{ float:none; width:50%; z-index:6;}
.header .logo img{ margin-top:60px;}
.header .right{ width:100%; margin:0 auto; text-align:center;}
.form input[type=text]{ width:95%; margin:5px auto;}
.form input[type=submit]{ width:95%; margin:10px auto;}
.content {
    padding: 10px;
    width: 100%;
    margin: 0px;
    border-bottom: dotted 1px #272727;
    /* margin-top: 20px; */
}
.content h1 {
    padding: 0px;
    margin: 0px;
    font: normal 22px 'tahoma';
    color: #192d64;
}
.gallery h1 {
    font: normal 22px 'tahoma';
    color: #fff;
    text-align: center;
    padding: 0px 15px;
    margin: 0px;
}
.contactdetails {  width: 100%;}
.contactdetails .cont-left {
    width: 100%;
    /* margin: 0px; */
    margin: 0px auto;
    float: none;
    
}
.contactdetails .cont-right {
    width: 100%;
   
    margin: 0px auto;
    background: #192d64;
   
}
.content1{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.footer .foot-left{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right p{ text-align:center;}
.footer .foot-right img{ width:30%;}
.floor-plan img{ margin:20px 15px; width:180px; height:180px; border:dotted 1px #272727;}
#feedback{ display:none;}
.header .logo{ display:none;}
.header .right{ margin-top:70px;}
.header .right p span{ font-size:20px;}

.pro {
    padding: 10px 0;
    margin: 0px 0px 10px 0px;
}
.pro h1 {
    margin: 5px;
    text-align: center;
    padding: 0px;
}
.product {
    padding: 10px;
    border: 1px solid #ccc;
    width: 100%;
}
#ML{margin: 10px 0px 0px 0px;}
.product-left{ width:100%;}
.pro .pro-img{ width:100%; margin:0 auto;}
.pro .pro-img img{ width:100%; height:auto;}
.pro .pro-img p a{ padding:10px 30px;}
.product-right{ width:100%;}

#mcts1 { padding:0;}
#mcts1 div.item { margin-right:70px;}
.cboxPhoto{ max-width:340px !important; max-height:200px !important  }

}

@media only screen and (min-width:481px) and (max-width: 640px){
.main{ width:90%;}
.about-us{ width:90%;}
.gallery{ width:90%;}
.top-btn{ text-align:center;}
.top-btn .top-logo { width:20%; margin:5px auto;}
.top-bt{ width:50%; margin:8px auto}
.header .logo{ float:none; width:30%; z-index:8;}
.header .logo img{ margin-top:60px;}
.header .right{ width:100%; margin:0 auto; text-align:center;}
.form input[type=text]{ width:95%; margin:5px auto;}
.form input[type=submit]{ width:95%; margin:5px auto;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.content1{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.footer .foot-left{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right p{ text-align:center;}
.footer .foot-right img{ width:18%;}
.floor-plan img{ margin:20px 15px; width:42%; height:180px; border:dotted 1px #272727;}
#feedback{ display:none;}
.header .logo{ display:none;}
.header .right{ margin-top:70px;}
.header .right p span{ font-size:20px;}

.pro{padding:10px 0; margin:0 auto;}
.pro h1{ text-align:center;}
.product { width:100%; margin:20px auto;}
#ML{ margin:0 auto;}
.product-left{ width:100%;}
.pro .pro-img{ width:35%; margin:20px auto 10px 20px;}
.pro .pro-img img{ width:100%; height:auto;}
.pro .pro-img p a{ padding:10px 30px;}
.pro .pro-cnt h1{ text-align:left;}
.product-right{ width:100%;}

#mcts1 { padding:0;}
#mcts1 div.item { margin-right:37px;}
.cboxPhoto{ max-width:540px !important; max-height:300px !important  }
}

@media only screen and (min-width:641px) and (max-width:767px){
.main{ width:90%;}
.about-us{ width:90%;}
.gallery{ width:90%;}
.top-bt{ width:50%; margin:8px auto}
.header .logo{ float:left; width:30%;}
.header .logo img{ margin:0 auto;}
.header .right{ width:60%; text-align:center;}
.form input[type=text]{ width:95%; margin:5px auto;}
.form input[type=submit]{ width:95%; margin:5px auto;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin-top:20px;}
.content1{ width:45%; border-bottom:dotted 1px #272727; margin-top:20px;}
.footer .foot-left{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right p{ text-align:center;}
.footer .foot-right img{ width:18%;}
.floor-plan img{ margin:20px 15px; width:42%; height:180px; border:dotted 1px #272727;}

#ML{ margin-left:20px;}
.product-left{ width:100%;}
.pro .pro-img{ width:100%; margin:0 auto;}
.pro .pro-img img{ width:100%; height:auto;}
.pro .pro-img p a{ padding:10px 30px;}
.product-right{ width:100%;}

#mcts1 { width:95%;}
#mcts1 div.item { margin-right:80px;}
.cboxPhoto{ max-width:540px !important; max-height:300px !important  }
}

@media only screen and (min-width:768px) and (max-width:800px){
.main{ width:90%;}
.about-us{ width:90%;}
.gallery{ width:90%;}
.header .logo{ float:left; width:30%; margin:0 auto;}
.header .logo img{}
.top-bt{ width:40%; margin:8px auto}
.header .right{ width:60%; }
.form h1{ width:100%;}
.form input[type=text]{ width:40%; margin:10px 10px;}
.form input[type=submit]{ width:40%; margin:10px 10px;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin:20px auto;}
.content1{ width:47%; border-bottom:dotted 1px #272727; margin:20px auto; margin-right:20px;}
.footer .foot-left{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right{ float:none; width:90%; margin:10px auto; padding:0 0; text-align:center;}
.footer .foot-right p{ text-align:center;}
.footer .foot-right img{ width:18%;}
.floor-plan img{ margin:20px 15px; width:42%; height:180px; border:dotted 1px #272727;}

#ML{ margin-left:30px;}
.pro .pro-img{ width:35%; margin:20px auto 10px 20px;}

#mcts1 { width:95%;}
#mcts1 div.item { margin-right:80px;}
.cboxPhoto{ max-width:540px !important; max-height:300px !important  }
}

@media only screen and (min-width:801px) and (max-width:980px){
.main{ width:90%;}
.top-btn .top-logo {
   float: inherit;
    width: 70%;
}
.top-btn{width:100%;}
 .header img {
    margin-top: 135px;}
.product {
    /* float: left; */
    width: 90%;
    margin: 0px auto;
text-align: center;
}
.product img{ width: 80%;
    padding: 16px;}
	.product h1 a{font-size:30px;}
.contactdetails .cont-left {
    width: 100%;
    /* float: left; */
    margin: 27px 20px;
    text-align: left;
}
.product p {
    font: normal 30px 'tahoma';
    color: #272727;
    text-align: justify;
}
.product li {
    font: normal 30px 'tahoma';
    color: #272727;
    text-align: justify;
}
.content1 ul li {
font: normal 30px 'tahoma';
}
.content1 h1 {
font: normal 40px 'tahoma';
}
.about-us{ width:90%;}
.gallery{ width:90%;}
.header .logo{ float:left; width:20%; margin:0 auto;}
.header .logo img{ margin:0 auto;}
.top-bt{ width:65%; margin:8px auto}
.enquiry{font-size:1em;}

.top-bt img{}
.top-btn .top-logo img{width:100%;height:auto;}	

.header .right{ width:50%;}
.form h1{ width:100%;}
.form input[type=text]{ width:40%; margin:10px 10px;}
.form input[type=submit]{ width:40%; margin:10px 10px;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin:20px auto;}
.content1{ width:47%; border-bottom:dotted 1px #272727; margin:20px auto; margin-right:20px;}
.footer .foot-left{ width:45%;}
.footer .foot-right{ width:45%;}
.footer .foot-right img{ width:20%;}
.floor-plan img{ margin:20px 15px; width:21%; height:180px; border:dotted 1px #272727;}
#mcts1 { width:95%;}
#mcts1 div.item { margin-right:60px;}
.cboxPhoto{ max-width:600px !important; max-height:350px !important  }


	.form-block1 .popup {
    width: 80%;
    background: #fff;
    min-height: 214px;
    margin: auto;
    max-width: 359px;
    cursor: auto;
    z-index: 9999;
    padding: 36px;
    position: relative;
}
.form-block1 .popup h1{font-size:2em;}
.form-block1 .popup p{font-size:1.5em;}
/*--.form-block1 .popup input[type=name]{font-size:2em;    width: 90%;
    color: #000;    
    height: 55px;}
	.form-block1 .popup input[type=email]{font-size:2em;    width: 90%;
    color: #000;    
    height: 55px;}
	.form-block1 .popup input[type=mobile]{font-size:2em;    width: 90%;
    color: #000;    
    height: 55px;}
	.form-block1 .popup textarea{font-size:2em;    width: 90%;
    color: #000;    
    height: 55px;}
	.form-block1 .popup input[type=submit]{font-size:1em;width:50%;padding:7px;}
	.about-us h1{font-size:40px;}
	.pro h1{font-size:35px;}--------------------*/

}



@media only screen and (min-width:987px) and (max-width:1280px){
.main{ width:80%; margin:0 auto;}
.header .logo{ width:20%; margin:0 auto;}
.header .logo img{ margin:0 auto;}
.header .right{ float:right; width:70%;}
.top-bt{ width:30%; margin:8px auto}
.about-us{ width:100%;}
.gallery{ width:90%;}
.form h1{ width:100%;}
.form input[type=text]{ float:none; width:20%; margin:10px 10px;}
.form input[type=submit]{ float:none;  width:20%; margin:10px 10px;}
.content{ width:100%; border-bottom:dotted 1px #272727; margin:20px auto;}
.content1{ width:47%; border-bottom:dotted 1px #272727; margin:20px auto; margin-right:20px;}
.footer .foot-left{ width:45%;}
.footer .foot-right{ width:45%;}
.footer .foot-right img{ width:20%;}
.floor-plan img{ margin:20px 15px; width:21%; height:180px; border:dotted 1px #272727;}

#mcts1 { width:95%;}
#mcts1 div.item { margin-right:70px;}
.cboxPhoto{ max-width:600px !important; max-height:350px !important  }
}