/*! 
 * Kalatheme (http://drupal.org/project/kalatheme) 
 */ 
/*
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}



.collapse {
  position:relative;
  height:0;
  overflow:hidden;
  -webkit-transition:height 0.35s ease;
  -moz-transition:height 0.35s ease;
  -o-transition:height 0.35s ease;
  transition:height 0.35s ease;
}
.collapse.in {
  height:auto;
}

mas acho que tem é que maxer na
.navbar-collapse.collapse ....
*/

/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */ 
	@media only screen and (min-width : 320px) {
		
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (min-width : 480px) {
		.jumbotron img {
			float: left;
			margin-right:10px;
		}
		.jumbotron p {
			float:left;
		}	
		.jumbotron a {
			font-size: 1.1em;
		}		
		.jumbotron .col {
			clear: both;
			padding-top: 20px;
		}
		
	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {
	    .andi-header {
		  margin-bottom: 15px;
		  -webkit-box-shadow: 0px 6px 10px 0px rgba(50, 50, 50, 0.5);
		  -moz-box-shadow:    0px 6px 10px 0px rgba(50, 50, 50, 0.5);
		  box-shadow:         0px 6px 10px 0px rgba(50, 50, 50, 0.5); 		
		}
		.andi-subheader {
		   display: none;
		}
		.navbar-default .navbar-nav > li > a {
			font-size: 15px !important;
		}		
		.andi-col-1 {
		  display: block !important;
		  margin: 3.2% 0 0 0;
		}
		.andi-col-2 {
		  display: block !important;
		  margin: 3% 0 0 0;
		}
		.vid iframe,
		.vid object,
		.vid embed {
			width: 80% !important;
			height: 80% !important;
		}	
		.carousel-caption {
		  font-size: 15px !important;
		  line-height:1.2em !important;
		} 	
		.carousel-caption h3 a {
		  font-size: 20px !important; 
		}	
		
	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {
		.navbar-default .navbar-nav > li > a {
			font-size: 18px !important;
		}
/*		
		.navbar-default .navbar-nav > .dropdown-kt  .dropdown-kt:hover + a { color: #0F0; }
		.navbar-default ul.navbar-nav  li.dropdown ul.dropdown-menu li a:hover {color: #0FF !important;}
		.navbar-default ul.navbar-nav  li.dropdown ul.dropdown-menu li:hover>a {color: #51C786 !important;}
*/		
	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {
		.vid iframe,
		.vid object,
		.vid embed {
			width: 60% !important;
			height: 60% !important;
		}
		.jumbotron p {
			float:none;
			clear: none;
			margin-left: 0;		
		}
		.jumbotron img {
			float: none;
			width: 100%;
			height: auto;			
		}	
		.jumbotron .col {
			clear: none;
			padding-top:0;
			text-align:center;
		}		
	}



	/*==========  Non-Mobile First Method  ==========*/

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {

	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
	
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		
	}