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

@media (max-width: 991px) {
	.content {
/* 		padding-left: 35px; */
	}
	
	.page img {
		max-width: 100%;
		height: auto !important;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.carousel .item h1 {
		font-size: 57px;
	}
	
	.navbar .nav>li>a {
    	padding: 15px 4px;
	}
	
	.navbar-nav.navbar-right:last-child {
		margin-right: 0px;
  	}
  	
  	.page img.responsive-image {
	  	width: 48% !important;
	  	margin-right: 10px !important;
  	}
  	
  	.carousel {
	  	height: 320px;
	  	overflow: hidden;
	}
	
	.carousel .item {
		height: 320px;
	}
}

@media (min-width: 768px) {

/*

  .dropdown-menu .sub-menu {
	  left: 100%;
	  position: absolute;
	  top: 0;
	  visibility: hidden;
	  margin-top: -1px;
  }

  .dropdown-menu li:hover .sub-menu {
	  visibility: visible;
  }

  .dropdown:hover .dropdown-menu {
	  display: block;
  }

  .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	  margin-top: 0;
  }

  .navbar .sub-menu:before {
	  border-bottom: 7px solid transparent;
	  border-left: none;
	  border-right: 7px solid rgba(0, 0, 0, 0.2);
	  border-top: 7px solid transparent;
	  left: -7px;
	  top: 10px;
  }
  .navbar .sub-menu:after {
	  border-top: 6px solid transparent;
	  border-left: none;
	  border-right: 6px solid #fff;
	  border-bottom: 6px solid transparent;
	  left: 10px;
	  top: 11px;
	  left: -6px;
  }
  
*/

}