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

 
/* #Navigation
================================================== */

.nav-border{ width:100%;/* border-top:1px solid #efefef; border-bottom:1px solid #efefef;*/}
.nav{ float:left;}  

.navbar{ margin:0px 0px 0px 0px;  border-radius: 0px; border:none; background: none; } 

.navbar-inverse {color: #b93236; background: none; } .navbar-inverse .navbar-brand {color: #4e4e4e; } 
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {  color:#7f2d2e;  background-color: transparent;}

.navbar-inverse .navbar-nav > li{ border-right:1px solid #ccc; margin:10px 0;  } 
.navbar-inverse .navbar-nav > li.li2{ border-right:0px solid #ccc;  }
.navbar-inverse .navbar-nav > li > a { background: none; font-family:'Futura-Light'; font-size:14px; color:#333; padding:0 20px; letter-spacing:0.06em; } 

.navbar-inverse .navbar-nav > li > a.sample{padding:0 12px; } 

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color:#a90b0b; background: none; font-family:'Futura-Light'; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#a90b0b; 	 background: none; font-family:'Futura-Light';}  .navbar .navbar-nav {display: inline-block; float: none;}	.navbar .navbar-collapse {text-align: center;}

.navbar-nav > li > a, .navbar-brand { padding-top:2px !important;  padding-bottom:0 !important; height: 22px;} 
.navbar {min-height:22px !important;}
 

/* #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) {  
 
 
}

/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 990px) {
.navbar-inverse .navbar-nav > li > a { padding:0 12px; text-align:center;}
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 .navbar-inverse .navbar-nav > li > a { padding:0 12px; text-align:center;} 
}



/* 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) { 

.nav{ float:none; padding-left:10px; border-bottom:0px; }
.navbar{ margin:2px 0px; border:none; border-bottom:0px; }
.navbar-inverse {color: #4e4e4e; background: #fff; border-bottom:0px; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {   border-color: #eee;}

.navbar-inverse .navbar-nav > li{ border-right:0px solid #ccc; margin:15px 0;  } 
.navbar-inverse .navbar-nav > li.li2{ border-right:0px solid #ccc;  }
.navbar-inverse .navbar-nav > li > a { background: none; font-family:'Futura-Light'; font-size:14px; color:#333; padding:0 20px; letter-spacing:0.06em; }
 
.navbar-toggle{ background:#a90b0a !important; border:none; float:none; margin:0 auto; margin-left:38%;}  /*toggle nav*/
.navbar-toggle:hover{background:#333;} 

.navbar-nav > li > a, .navbar-brand { padding-top:12px !important;  padding-bottom:0 !important; height: 22px;} 
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

.nav{ float:none; padding-left:10px; } 
.navbar{ margin:2px 0px; border:none; border-bottom:0px; } .navbar-inverse {color: #4e4e4e; background:#fff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {   border-color: #eee;}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a{ border-bottom:none; margin:0px;}
.navbar-inverse .navbar-nav > li{ border-right:0px solid #ccc; margin:15px 0;  } 

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {color:#7f2d2e;  background: none;  margin:0px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#a90b0a; background: #fff; margin:0px;}

.navbar-toggle{ background:#a90b0a !important; border:none; float:none; margin:0 auto; margin-left:34%;}  /*toggle nav*/
.navbar-toggle:hover{background:#333;} 

}

/* Small devices (mobile, 360px and down) */
@media only screen and (max-width: 360px) {
 .navbar-toggle{ background:#a90b0a !important; border:none; float:none; margin:0 auto; margin-left:33%;}  /*toggle nav*/
}
/* Small devices (mobile, 320px and down) */
@media only screen and (max-width: 320px) { 
.navbar-toggle{ background:#a90b0a !important; border:none; float:none; margin:0 auto; margin-left:30%;}  /*toggle nav*/
}