/*
 * iDel
 * 
 * Asahi - mobiel
 */

@media(max-width:767px){
	
	/* nav */
	.navbar-inverse{
		z-index:99;
	}
	#nav-social{
		right:15px;
	}
	#logo{
		top:-5px;
		left:-5px;
		z-index:99;
		/*border:solid 5px #62789c;*/
		padding:5px;
		background-color:#fff;
	}
	#logo img{
		width:80px;
	}
	#nav-talen{
		top:65px;
		right:75px;
	}
	#talen-mobiel{
		top:105px;
		text-align:center;
		width:100%;
	}
	#talen-mobiel a{
		line-height:24px;
		font-size:14px;
	}
	#nav-container{
		padding:0 15px;
	}
	#navbar{
		width:auto;
		text-align:right;
		float:none;
		padding:0 15px;
	}
	.navbar-inverse .navbar-toggle,
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus{
		background-color:transparent;
		border-color:#ddd;
		border-radius:0;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
		border-color:#ccc;
	}
	.navbar-inverse .navbar-toggle .icon-bar{
		background-color:#000;
	}
	.navbar-inverse .navbar-nav li{
		float:left;
		width:100%;
	}
	.navbar-inverse .navbar-nav li a{
		padding:10px;
		background-color:#f5f5f5;
		border-right:none;
		border-bottom:solid 1px #fff;
	}
	.nav{
		display:block;
		margin:0;
	}
	.navbar-fixed-top #nav-talen{
		/*display:none;*/
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	    color: #555;
	    text-align:right;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{
		color:#333;
	}
	
	/* landing */
	#taglines{
		right:30px;
		font-size:18px;
		width:235px;
		top:150px;
	}
	
	.video-technology iframe{
		width:101%;
		height:auto;
	}
	
	#twitter-feed iframe{
		height:500px !important;
	}
	
	/* newsbox */
	#newsbox .container .newsbox-content img{
		position:relative !important;
	}
	
	.nieuws-item-foto{
		height:250px;
	}
	.nieuws-item-body{
		height:auto;
	}
	
	/* producten */
	.product-keuze a .titel{
		letter-spacing:0;
		font-size:30px;
	}
	.plate-answers label{
		padding:0 5px;
	}
	.prod-main-title{
		font-size:30px;
	}
	#nav-prod-cont{
		float:left;
	}
	#nav-prods ul li a, #nav-prods ul li span{
		padding:10px 5px;
		font-size:13px;
	}
	.prod-page{
		padding-top:160px;
	}
	
	/* resouce */
	.resource{
		margin-bottom:30px;
	}
	.resource-row-2{
		margin-top:0 !important;
	}
	.resource a{
		height:300px;
		padding-bottom:25px;
	}
	#resource-page iframe{
		width:100% !important;
		height:300px;
	}
	
	/* newsroom */
	.prev,
	.next{
		display:none !important;
	}
	.grid-sizer,
	.grid-item{ 
		width: 100%; 
	}
	
	.grid-sizer2,
	.grid-item2{ 
		width: 100%; 
	}
	#twitter-feed{
		margin-top:90px;
	}
	
	/* about */
	.person{
		height:300px;
	}
	.person-info a{
		line-height:14px;
	}
	
	/* contact */
	.list li{
		width:50%;
	}
	.bh-sl-container{
		padding:0;
	}
	#bh-sl-address{
		width:250px;
	}
	
	/* footer */
	.copy{
		text-align:center;
	}
	.idel{
		text-align:center;
	}
	
	/* resources */
	#resource-page{
		padding-top:130px;
	}
	.resource-titel{
		font-size:30px;
	}
	.resource-title{
		font-size:13px;
	}
	.resource-fotos{
		padding-top:30px;
	}
	
	#foot-social{
		padding-top:10px;
	}

	
}

@media(min-width:768px){

	/* nav */
	#logo-container{
		width:100px;
	}
	#logo img{
		width:100px;
	}
	.navbar-inverse .navbar-nav li a{
		padding:15px 5px;
		font-size:12px;
	}
	.navbar-fixed-top .navbar-nav li a{
		padding:15px 3px;
	}
	.navbar-fixed-top #nav-talen{
		top:15px;
		font-size:13px;
		/*display:none;*/
	}
	#talen{
		left:-15px;
	}
	#nav-talen{
		top:15px;
	}
	
	.product-keuze a .titel{
		font-size:24px;
		letter-spacing:0;
		margin-top:-15px;
	}
	.product-keuze a .titel-mask{
		top:15px;
		font-size:14px;
	}
	.product-keuze a .tekst-mask{
		bottom:15px;
		padding:15px;
		font-size:14px;
	}
	.prev{
		left:-15px;
	}
	.next{
		right:-15px;
	}
	.resource{
		margin-bottom:30px;
	}
	.resource a{
		/*height:300px;*/
	}
	.resource-row-2{
		margin-top:0 !important;
	}
	
	#resource-page iframe{
		width:768px !important;
		height:432px;
	}
	
	.person{
		height:280px;
	}
	
	.grid-sizer,
	.grid-item{ 
		width: 33.333%; 
	}
	
	.grid-sizer2,
	.grid-item2{ 
		width: 50%; 
	}
	
	.video-technology iframe{
		height:400px;
	}
	
	
	
}

@media(min-width:992px){
	
	/* nav */
	#logo-container{
		width:130px;
	}
	#logo img{
		width:auto;
	}
	.navbar-inverse .navbar-nav li a{
		padding:25px 12px;
		font-size:14px;
	}
	#nav-talen{
		top:25px;
		font-size:14px;
	}
	.navbar-fixed-top .navbar-nav li a{
		padding:15px 12px;
	}
	.navbar-fixed-top #nav-talen{
		top:18px;
	}
	#talen{
		left:0;
	}
	
	.product-keuze a .titel{
		font-size:24px;
		letter-spacing:-5;
		margin-top:-25px;
	}
	.product-keuze a .titel-mask{
		top:10px;
		font-size:20px;
		line-height:20px;
	}
	.product-keuze a .tekst-mask{
		bottom:10px;
		padding:10px;
		font-size:12px;
	}
	.prev{
		left:-30px;
	}
	.next{
		right:-30px;
	}
	
	#resource-page iframe{
		width:992px !important;
		height:558px;
	}
	
	.grid-sizer,
	.grid-item{ 
		width: 25%; 
	}
	
	.grid-sizer2,
	.grid-item2{ 
		width: 33.333%; 
	}
	
	.video-technology iframe{
		height:500px;
	}
	.person{
		height:360px;
	}
	
	.resource a{
		/*height:350px;*/
	}
}

@media(min-width:1200px){
	
	/* nav */
	.navbar-inverse .navbar-nav li a{
		padding:25px;
	}
	.navbar-fixed-top .navbar-nav li a{
		padding:15px 25px;
	}
	
	.product-keuze a .titel{
		font-size:30px;
		letter-spacing:-5;
		margin-top:-30px;
	}
	.product-keuze a .tekst-mask{
		font-size:14px;
	}
	
	.video-technology iframe{
		height:639px;
	}
	
	
	.resource a{
		/*height:350px;*/
	}
	#resource-page iframe{
		width:1200px !important;
		height:675px;
	}
}