/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width:420px) {
  .nav-logo {
	width:270px;
	height:45px;
	margin-top:-12px;
  }
}

@media (max-width:320px) {
  .nav-logo {
	width:230px;
	height:38px;
	margin-top:-10px;
  }
  
  	.carousel {
	  	height: 200px;
	  	overflow: hidden;
	}
	
	.carousel .item {
		height: 200px;
	}
  
	.carousel .item p {
	  	font-size: 15px;
  		margin-bottom: 15px;
  	}
  
   	.carousel .item .btn {
	  padding-top: 2px;
	  	padding-bottom: 2px;
	}
  
  	.carousel .item h1 {
		font-size: 26px;
		margin-bottom: 15px;
	}
	
		
	.carousel-indicators {
		bottom: 0px;
	}
	
	.carousel-caption {
		text-shadow: 0 1px 2px rgba(0,0,0,1);
		bottom: 4px;
	}
}

@media (min-width:321px) and (max-width:767px) {
	.carousel {
		height: 250px;
		overflow: hidden;
	}
	
	.carousel .item {
		height: 250px;
	}
	
	.carousel .item h1 {
		font-size: 32px;
		margin-bottom: 5px;
	}
	
	.carousel .item p {
		margin-bottom: 10px;
		font-size: 17px;
	}
	
	.carousel-indicators {
		bottom: 0px;
	}
}

@media (min-width:400px) and (max-width:767px) {
	.page img.responsive-image {
		width: 48% !important;
		margin-right: 10px !important;
	}
}

@media (min-width:600px) and (max-width:767px) {

	div.col-xs-12 {
		width: 50%;		
	}
	
	.footer-links .col-xs-12 {
		width: 100%;
	}

}

@media (max-width:767px) {
	.page {
		padding-bottom: 20px;
		padding-right: 20px;
		padding-left: 15px;
	}

	.left-sidebar.affix {
		position: static;
	}
	
	.navbar-nav.navbar-right:last-child {
		margin-right: -15px;
	}
	
	.navbar-nav li.divider {
		border-top: 1px solid rgba(255,255,255,0.3);
	}
  
	.navbar .nav>li>a {
	  padding: 10px 20px;
	}
	
	.navbar {
	  background-color: rgba(0, 0, 0, 0.85);
	}
	
	.page {
		background-color: #fff !important;
	}
	
	.left-nav {
	  padding-left: 15px;
	  margin-bottom: 15px;
	}
	
	.content {
		padding-left: 15px !important;
		padding-right: 10px;
		min-height: inherit;
		box-shadow: none;
		border-radius: 0px;
	}

	.table {
		width: 100% !important;
	}
}