@media only screen and (max-width : 1200px) {
	#page-wrapper, header, nav, footer {
		margin-left: auto;
		margin-right: auto;
		width: auto;
		padding: 0 2em;
	}
	
	#page-wrapper {
		padding-bottom: 15em;
	}
	
	#content-wrapper article.main .article-top .related ul li {
		float: right;
		width: 90%;
		margin-bottom: .5em;
	}
	
	article #search {
		background-image: url("/forskningsradet/gfx/bladetforskning/search-medium.png");	
	}	
	
		article #search input#querystring2 {
			width: 400px;
		}
		
	.artikkelliste.andrepriartikler .imgbox_inline,
	article .toppnyhet .imgbox_inline	{
		width: 100% !important; 
		height: auto !important;
	}
	
		.artikkelliste.andrepriartikler .imgbox_inline img,
		article .toppnyhet .imgbox_inline img {
			width: 100% !important; 
			height: auto !important;
		}	
	
	.video_file_wrapper img.preview_image, 
	.video_file_wrapper object {
	    width: 100%;
	}

	.video_file_wrapper img.preview_image {
	    height: 100%;
	}
	.video_file_wrapper object {
	    height: 30em;
	}
}


@media only screen and (max-width : 1024px) {

	nav #search {
		background: transparent url("/forskningsradet/gfx/bladetforskning/header-search-small.png") 0 0 no-repeat;
		width:300px;
	}
		nav #search #search-query {
			width: 191px;
			margin-top: 2px;
		}
		
		nav #search #search-button {
			width: 40px;
		}

	.toppnyhet ul li .imgbox_left {
		width: 50% !important; 
		height: auto !important;
	}

	.toppnyhet ul li .imgbox_left + a,
	.toppnyhet ul li .imgbox_left + a + .articletype + .ingress,
	.toppnyhet ul li .imgbox_left + a + .articletype {
		width: 45%;
		float: left;
	}
 	
	.pdf .imgbox_inline {
		width: 65% !important; 
		height: auto !important;
	} 	

	article.main .eWebEditProContent .imgbox_left,
	article.main .eWebEditProContent .imgbox_right,
	article.main .eWebEditProContent .imgbox_inline {
		width: 50% !important; 
		height: auto !important;
	}
	
		.toppnyhet ul li img,
		.pdf .imgbox_inline img,
		article.main .eWebEditProContent img {
			width: 100% !important; 
			height: auto !important;
		} 

	.notiser article > ul > li {
		width: 47%;
	}
	
	#content-wrapper article.main .article-top .related ul li {
		width: 80%;
	}

		#content-wrapper article.main .article-top .related ul li.first {
			width: 20%;
		}	
	
	article #search {
		background-image: url("/forskningsradet/gfx/bladetforskning/search-small.png");
	}	
	
		article #search input#querystring2 {
			width: 200px;
		}

	article.main .eWebEditProContent .video_file_wrapper img.play_arrow {
		left: 40%;
	    position: absolute;
	    top: 34%;
	}

	.video_file_wrapper object {
	    height: 26em;
	}
}

	

@media only screen and (max-width : 768px) {
	#page-wrapper, header, nav, footer {
		padding: 0 1em;
	}

	#page-wrapper {
		padding-bottom: 20em;
	}

	hgroup h2 {
		width: auto;
	}

	hgroup h3.issue {
		position: static;
	}

	nav {
	}

		nav #search {
			clear: left;
			float: left;
			margin: .5em 0 1em 0;
			width: 100%;
		}

	nav .dropdown {
		height: auto;
	}
	
	nav .dropdown .covers {
		float: left;
		position: static;
	}

	article,
	.main-page .meta-head,
	aside {
		float: left;
		margin-left: 0;
		width: 99%;
	}

	aside {
		overflow: hidden;
	}
	
	.utgaveside aside {
		border-top: none;
	}

		aside .item {
			width: 46% !important;
		}

		aside .pdf {
			width: 47%;
			float: right;
			padding-top: 1.4em;
		}

		aside .leader h3 {
			border:none;
		}
		
	article.main p.quote {
		width: 35%;
	}
		
	
	article .artikkelliste {
		width: 99%;
	}
	
	#content-wrapper article.main .article-top .related ul li {
		width: 90%;
	}

		#content-wrapper article.main .article-top .related ul li.first {
			width: 10%;
		}	
	
	footer > span {
		width: 50%;
		border: none;
	}	
		footer > span:last-child {
			margin-left: 0;
		}
		
	article #search {
		background-image: url("/forskningsradet/gfx/bladetforskning/search-medium.png");	
	}	
	
		article #search input#querystring2 {
			width: 400px;
		}

	article.main .eWebEditProContent .video_file_wrapper img.play_arrow {
		left: 44%;
	    position: absolute;
	    top: 40%;
	}
	
	.video_file_wrapper object {
	    height: 28em;
	}


}

@media only screen and (max-width : 640px) {

	#header-wrapper, header {
		height: 96px;	
	}

	#page-wrapper {
		padding-bottom: 28em;
	}
	
	header {	
		background-image: url("/forskningsradet/gfx/bladetforskning/header-background-small.png");
	}

		header h1 {
			background: transparent url("/forskningsradet/gfx/bladetforskning/bf-logo-white-small.png") center top no-repeat;
			width: 300px;
			margin: 10px 0;
		}

		header .forskningsradet-logo {
			display:none;
		}
		
		article.main p.quote {
			width: 35%;
		}
		
		.notiser article > ul > li {
			width: 99%;
		}
		
	#content-wrapper article.main .article-top .related ul li {
		width: 80%;
	}

		#content-wrapper article.main .article-top .related ul li.first {
			width: 20%;
		}	

	footer > span {
		width: 100%;
		border: none;
	}	

	article #search {
		background-image: url("/forskningsradet/gfx/bladetforskning/search-smaller.png");
		background-position: 10px center;
		height: 80px;
	}	
	
		article #search input#querystring2 {
			width: 150px;
			margin: 28px 20px 30px 40px;
			font-size: 1.2em;
		}

		article #search input#sokeknapp2 {
			width: 60px;
			height: 30px;
		}		

	article.main .eWebEditProContent .video_file_wrapper img.play_arrow {
		left: 40%;
	    position: absolute;
	    top: 34%;
	}
	
	.video_file_wrapper object {
	    height: 24em;
	}
	
}		

@media only screen and (max-width : 512px) {

	html {
		-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}

	header .about {
		display: block;
		float: none;
		margin-bottom: 1em;
	}

	nav {
		margin: 10px auto;
	}

		nav > a {
			float: left;
			margin-right: 0;
			padding: .35em .5em;
		}
			nav > a.expandable {
				padding-right: 2em;
			}

			nav > a.expandable:after {
				right: .5em;
			}
			
			nav #search input {
				width: 70%;
			}

			nav #search button {
				width: auto;
			}

	hgroup h2 {
		font-size: 2em;
	}

	aside .item {
	float: none;
	width: 99% !important;
	}

	article.main p.quote {
		width: 100%;
	}
	
	.toppnyhet ul li .imgbox_left {
		width: 100% !important; 
		clear:both;
		float:none !important;
		margin-left: 0;
		margin-right: 0;
	}
 	
	.toppnyhet ul li .imgbox_left + a,
	.toppnyhet ul li .imgbox_left + a + .articletype + .ingress,
	.toppnyhet ul li .imgbox_left + a + .articletype {
		width: 99%;
	}
	
	article .artikkelliste.andrepriartikler ul li, 
	article .artikkelliste.boks-visning ul li {
		width: 96%;
	}

	article .artikkelliste.andrepriartikler ul li.odd, 
	article .artikkelliste.boks-visning ul li.odd {
		padding-right: 0;
	}
	
	article .artikkelliste.andrepriartikler ul li, 
	article .artikkelliste.boks-visning ul li {
		border-top: 1px solid #817f7a;
	}	

	article .artikkelliste.andrepriartikler ul li.first-element.odd, 
	article .artikkelliste.boks-visning ul li.first-element.odd {
		border-top: none;
	}	

	aside .pdf {
		width: 99%;
	}

	aside .pdf .imgbox_inline {
		width: auto !important;
	}	
	
	.se-alle .meta-head .numhits {
		float: left;
		clear:left;
	}
	
	
	
	h1 {
		font-size: 2em;
	}
	
	h2, h3 {
		font-size: 1.5em;
	}

	article.main .eWebEditProContent .video_file_wrapper img.play_arrow {
		left: 36%;
	    position: absolute;
	    top: 30%;
	}	
	.video_file_wrapper object {
 	   height: 20em;
	}
}

@media only screen and (max-width : 320px) {
	#page-wrapper, header, nav, footer {
		padding: 0 10px;
	}	
	
	#page-wrapper {
		padding-bottom: 28em;
	}
	
	article.main .eWebEditProContent .imgbox_left,
	article.main .eWebEditProContent .imgbox_right,
	article.main .eWebEditProContent .imgbox_inline {
		width: 100% !important; 
		clear:both;
		float:none !important;
		margin-left: 0;
		margin-right: 0;
	} 		

	.video_file_wrapper object {
 	   height: 16em;
	}
		
}