@charset "UTF-8";
/* CSS Document */

@media (max-width: 991px){
	.banner-video{
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	
	.contact{
		width: 100%;
		float: none;
	}
	
	.know-when-they-go-content{
		float: none;
		padding-top: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.know-when-they-go, .banner, .why-knowunder{
		padding: 40px 0;
	}
	
	.why-knowunder-content{
		margin-bottom: 40px;
	}
	
	.know-when-they-go-content-text{
		margin-top: 0;
	}
}

@media (max-width: 767px){
	header{
		position: relative;
	}
	
	.logo{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.header-right{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.why-knowunder-content{
		margin-bottom: 40px;
	}
	
	.contact{
		padding: 20px;
	}
	
	.contact h3{
		font-size: 20px;
		line-height: 28px;
	}
	
	.title h2{
		font-size: 30px;
		line-height: 40px;
	}
	
	.why-knowunder-content, .know-when-they-go-content{
		font-size: 16px;
		line-height: 24px;
	}
	
	#header-menu{
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background: #fff;
		text-align: left;
		z-index: 12;
	}
	
	.menu .navbar-nav{
		margin: 0;
	}
	
	.menu .navbar-nav > li > a{
		padding-top: 10px;
		padding-bottom: 10px;
		/*margin: 0 10px;*/
		line-height: normal;
	}
	
	.navbar-toggle{
		text-transform: uppercase;
		line-height: 20px;
		margin-top: 0;
		padding-top: 0;
		margin-bottom: 19px;
		margin-right: 0;
	}
	
	.navbar-toggle i{
		font-size: 18px;
		margin-right: 10px;
		margin-top: 2px;
	}
	
	.header-social{
		float: none;
		display: inline-block;
	}
	
	.menu{
		float: none;
		display: inline-block;
	}
	
}