/*
Theme Name 	: 	PI Concept
Description	: 	property / builder
Design URL 	: 	http://www.bharatbhumibuildtech.com
Design by  	: 	CrossCountryWebServices
Designer   	: 	Rajesh Kumar
Version	   	:	HTML5/CSS3
*/

/*RESET*/
/* #Site Styles
================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans); 

.container-fixed { margin: 0 auto;  max-width: 960px;} 	body{color:#5c5c5c; background-color: #fff;} 
.alpha{ margin-left:0px;} .omega{ margin-right:0px;} .add-bottom{margin-bottom:15px;} .add-top{margin-top:15px;}
.cred{color:#e31e25; display:inline;}

p{font-family:'Futura-Light'; letter-spacing:0.06em; color:#555;  font-size:14px; font-weight:normal; text-align:justify; line-height:22px; text-decoration:none; margin-bottom:15px;} p a, p a:hover, p a:active, p a:visited{color:#a90b0b;  }

.hd1{font-family:'Futura-Light'; letter-spacing:0.06em; color:#555; font-size:16px; line-height:30px; text-decoration:none;  }
.hd2{font-family:'Futura-Light'; letter-spacing:0.06em; color:#555; font-size:18px; line-height:30px; text-decoration:none; text-align:center;  }

/* Homepage */ 
.logo{ width:100%; padding:25px 0 15px 0; margin:0px; text-align:center;}
.header{ width:100%; padding:15px 0 45px 0; } .section{ width:100%; padding:25px 0 25px 0; }
.media{ width:100%; padding:0px 0 14px 0; margin:0px; text-align:center;} .media img{ margin-right:2px;} 

/* Quick Enquiry */ 
.cap_form{ width:210px; padding:0 0 15px 0%; margin:0px auto 0px auto;}   

.cap_form .hd1{ text-align:center;}
.cap_form ul{list-style-type:none; margin:0px ; padding:0px; }  

.cap_form li{ line-height:20px; margin:0px ; padding:0px; font-family:'Futura-Light';  } 
.cap_form li .field_1{ width:210px; height:30px; padding:0px 7px; margin:0px 0px 9px 0px; border:#ccc 1px solid; background:#ededed; float:left; border-radius:5px; color:#333; letter-spacing:0.06em; font-size:12px;}  

.cap_form li textarea{ width:210px; height:60px; padding:0px 7px; margin:0px 0px 9px 0px; border:#ccc 1px solid; background:#ededed; float:left; border-radius:5px; color:#333; letter-spacing:0.06em; font-size:12px;}  

.cap_form li .field_3{width:100px; height:30px; padding:0px 7px; margin:0px 10px 10px 0px; border:#ccc 1px solid; background:#ededed; float:left; border-radius:5px; color:#333; letter-spacing:0.06em; font-size:12px;}  

.cap_form img{ margin-top:3px;}


.cap_form li .button2{ width:80px; margin-right:5px; height:28px; line-height:10px; float:left; background:none;border-radius:5px; 
color:#555; border:#ccc 1px solid;}  .cap_form li .button2:hover{border:#999 1px solid; color:#333;}

::-webkit-input-placeholder {color: #000; } :-moz-placeholder { /* Firefox 18- */ color: #000; } 
::-moz-placeholder {  /* Firefox 19+ */   color: #000;  } :-ms-input-placeholder {     color: #000;  }
  

/* #Media Queries
================================================== */
/* 15.6 Laptop resolution*/
@media only screen and (min-width: 1281px) and (max-width: 1400px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 990px) and (max-width: 1024px) {
.cap_form{ width:210px; padding:0 0 15px 0%; margin:0px auto; float:none;}  
}

/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 990px)  {}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) { }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
.cap_form{ width:210px; padding:0 0 35px 0%; margin:0px auto 25px auto; float:none;}  

.hd1, .hd2, p, p a{ text-align:center;} 
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.cap_form{ width:210px; padding:0 0 35px 0%; margin:0px auto 25px auto; float:none;}  
.hd1, .hd2, p, p a{ text-align:center;} 

}

/* Small devices (mobile, 360px and down) */
@media only screen and (max-width: 360px) {
 
}
/* Small devices (mobile, 320px and down) */
@media only screen and (max-width: 320px) { 
 
}