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

/*
--------------------- TABLE OF CONTENT  --------------------- 
0. MAIN/COMMON ELEMENTS
1. HEADER
	1.1 NAVIGATION
		1.1.1 NAVIGATION SECOND LEVEL 
		1.1.2 NAVIGATION THIRD LEVEL
		1.1.3 NAVIGATION FOURTH LEVEL
		1.1.4 LEFT NAVIGATION  
2. ARTICLE CONTENT
	2.1 MAIN COLUMN
		2.1.1 NEWS ITEM
		2.1.2 ARTICLE ITEM
		2.1.3 PRESS NEWS
	2.2 SIDE COLUMN
	2.3 BLURBS
		2.3.1 BLURB COLORS
		2.3.2 BLURB SLIDER
		2.3.3 BLURB BUTTON
		2.3.4 BLURB NEWS
		2.3.5 BLURB LOGIN
		2.3.6 BLURB FILES
3. FOOTER
4. SEARCH
	4.1 MAIN COLUMN
	4.2 MOBILE SEARCH
*/

/* --------------------- 0. MAIN/COMMON ELEMENTS --------------------- */

iframe {
	width: 100% !important;
}

body div#s4-workspace {
	border: 0px !important;
	min-width: 320px !important;
	width: 100%;
}

/* --------------------- 1. HEADER --------------------- */

div#s4-titlerow div.StructureImage {
	background-position: bottom right;
	background-size: cover;
	height: 120px;
}
div#s4-titlerow div.StructureImage.start {
	background-image: url('/Style Library/SaboV5/img/top/mobil/start.jpg');
}
div#s4-titlerow div.StructureImage.aktuellt {
	background-image: url('/Style Library/SaboV5/img/top/mobil/aktuellt.jpg');
}
div#s4-titlerow div.StructureImage.om_sabo {
	background-image: url('/Style Library/SaboV5/img/top/mobil/om_sabo.jpg');
}
div#s4-titlerow div.StructureImage.medlem {
	background-image: url('/Style Library/SaboV5/img/top/mobil/medlem.jpg');
}
div#s4-titlerow div.StructureImage.press {
	background-image: url('/Style Library/SaboV5/img/top/mobil/press.jpg');
}
div#s4-titlerow div.StructureImage.kunskapsomraden {
	background-image: url('/Style Library/SaboV5/img/top/mobil/kunskapsomraden.jpg');
}
div#s4-titlerow div.StructureImage.trycksaker {
	background-image: url('/Style Library/SaboV5/img/top/mobil/trycksaker.jpg');
}
div#s4-titlerow div.StructureImage.utbildning {
	background-image: url('/Style Library/SaboV5/img/top/mobil/utbildning.jpg');
}
div#s4-titlerow div.StructureImage a#Logotype {
	left: 35px;
	min-height: 74px;
	top: 15px;
	width: 160px;
}
div#s4-titlerow div.StructureImage a#Logotype h1 {
/*	color: #363836;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	left: 78px;
	letter-spacing: 2px;
	line-height: 18px;
	position: relative;
	text-shadow: 0px 1px 0px rgba(255,255,255, 0.5);
	top: 4px;*/
	display:none !important;
}	

	/* --------------------- 1.1 NAVIGATION --------------------- */
	
	li.Menu-WithChildren a.Menu-Link {
		position: relative;
	}
	
	span.Menu-Open-Children {
		display: block;
		position: absolute;
    	right: 0;
    	top: 0;
    	width: 60px;
    	padding: 0px !important;
    	margin: 0px;
		height:100%;
		line-height:100px;
	}

	body div#s4-titlerow div.MidNav li.menu.selected > ul {
		display:none;
	}

	div.MidNav li.Menu-Leaf a {
		background-image: none !important;
	}

	div#s4-titlerow div.MidNav li.menu > a,
	div#s4-titlerow div.MidNav li.search {
		display: inline-block;
	}
	div#s4-titlerow div.MidNav li.search a span,
	div#s4-titlerow div.MidNav li.menu a span,
	div#s4-titlerow div.MidNav li.start a span  {
		background-repeat: no-repeat;
		background-position: center left;
		padding-left: 30px;
	}
	div#s4-titlerow div.MidNav li.start > a span {
		background-image: url('/Style Library/SaboV5/img/gfx_top_search_home.png');
	}
	div#s4-titlerow div.MidNav li.menu > a span {
		background-image: url('/Style Library/SaboV5/img/gfx_top_menu.png');
	}
	div#s4-titlerow div.MidNav li.search > a span {
		background-image: url('/Style Library/SaboV5/img/gfx_top_search_search_2.png');
	}		
	div#s4-titlerow div.MidNav > ul {
		font-size: 18px;
		margin-left: 0px;
	}
	div#s4-titlerow div.MidNav ul ul li.selected > a {
		font-weight: bold;
	}
	div#s4-titlerow div.MidNav ul li.selected > ul {
		display: block;
	}
	div#s4-titlerow div.MidNav ul li ul {
		display: none;
	}
	div#s4-titlerow div.MidNav > ul > li {
		width: 33.3% !important;
	}
	div#s4-titlerow div.MidNav > ul > li > a {
		dipslay: block;
		text-align: center;
		padding: 0px !important;
		width: 100%;
	}
	div#s4-titlerow div.MidNav li.menu > ul {
		z-index: 2;
	}
	
	/* --------------------- 1.1.1 NAVIGATION SECOND LEVEL --------------------- */
	
	div#s4-titlerow div.MidNav ul ul {
		background-color: #fff;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;	
		width: 100%;
	}
	div#s4-titlerow div.MidNav ul ul li {
		clear: both;
	}
	div#s4-titlerow div.MidNav ul ul li {
		display: block;
		float: none;
		font-size: 18px;
		line-height: 42px;
		padding: 0px !important;
	}
	div#s4-titlerow div.MidNav > ul > li.selected > ul > li.selected > a {
		background-color: #fff !important;
		border-left: 0px !important;
		border-right: 0px  !important;
		color: #000 !important;
		height: 50px !important;
		line-height: 50px !important;
		left: 0px !important;
		position: relative !important;
		top: 0px !important;
	}
	div#s4-titlerow div.MidNav ul ul > li > a {
		background-image: url('/Style Library/SaboV5/img/gfx_dropdown_parent_big.png');
		background-position: right top !important;
		background-repeat: no-repeat !important;
		border-bottom: 1px solid #d9d9d8;
		border-right: 0px;
		display: block;
		height: auto !important;
		line-height: 50px !important;
		margin: 0px 15px !important;
		padding: 0px !important;
	}
	div#s4-titlerow div.MidNav ul ul > li.selected > a {
		background-position: right -49px !important;
		position: relative;
	}
	
	/* --------------------- 1.1.2 NAVIGATION THIRD LEVEL --------------------- */
	
	div#s4-titlerow div.MidNav ul ul ul li a {
		background-image: url('/Style Library/SaboV5/img/gfx_dropdown_parent_small.png');
		background-position: right -2px !important;
		background-repeat: no-repeat !important;	
		height: auto !important;
		font-size: 16px !important;
		line-height: 37px !important;	
		padding-right: 55px !important;
	}
	div#s4-titlerow div.MidNav ul ul ul li.selected > a {	
		background-position: right -90px !important;
	}
	div#s4-titlerow div.MidNav ul ul li.selected ul {
		position: relative;
	}
	div#s4-titlerow div.MidNav li.selected.menu ul li a {
		border-right: 0px;
	}
	
	/* --------------------- 1.1.3 NAVIGATION FOURTH LEVEL --------------------- */
	
	div#s4-titlerow div.MidNav ul ul ul ul li {
		margin-left: 15px;
	}
	div#s4-titlerow div.MidNav ul ul ul ul li a {
		background-color: #f3f3f3 !important;
		font-size: 15px !important;
		padding-left: 15px !important;
		padding-right: 55px !important;
	}
	div#s4-titlerow div.MidNav ul ul ul ul li a.Menu-Leaf {
		padding-right: 0px !important;
	}
	div#s4-titlerow div.MidNav ul ul ul ul li.selected > a {
		font-size: 16px !important;
	}
	
	/* --------------------- 1.1.3 NAVIGATION FIFTH LEVEL --------------------- */
	
	div#s4-titlerow div.MidNav ul ul ul ul ul li a {
		background-color: #f1f8de !important;
		background-image: none !important;
		border-bottom: 0px !important;
		padding-left: 15px !important;
	}
			
	/* --------------------- 1.1.4 LEFT NAVIGATION --------------------- */
	
	div.menu-horizontal, div.LeftNavigation {
		display:none;
	}
	
	/* --------------------- 1.2 SEARCH BOX --------------------- */
	
	div.WrapHeaderTop {
		display: none;
	}
/* --------------------- 2. ARTICLE CONTENT --------------------- */
	section.SubPage {
		float:none;
	}
	
	section.SubPage div#MainColumn,
	section.StartPage div#MainColumn,
	div#MainColumn {
		width: auto;
		max-width: 100%;
		float:none;
	}	
	section.SubPage div#MainColumn{
		margin: 0px;
	}
	section.SubPage div#MainColumn,
	section.StartPage div#MainColumn {
		margin-top: 0px;
	}
	.SubPage div#MainColumn {
		padding-top: 22px;
	}
	div#SideColumn {
		float:none;
		max-width:100%;
	}
	body section.SubPage div#SideColumn div.Blurb {
		margin-left:0px;
	}
	body section.SubPage div#SideColumn {
		display: block;
		margin:0px;
		padding:0px;
		max-width:100%;
	}
	body div#SideColumn.PhoneNoHide .SideColumnLeft {
		float:none;	
	}
	body section.SubPage div#MainColumn div.Blurb.Login {
		display:block;
	}
	body section.SubPage div#SideColumn div.Blurb.Login {
		display:none;
	}
	section {
		padding: 0px 15px;
	}
/* --------------------- 2.1 MAIN COLUMN --------------------- */
	
	div#MainColumn article.NewsItem a,
	div#MainColumn article a {
		border: 0px;
		padding: 20px 0px 0px 0px;
	}
	div#MainColumn article.NewsItem a:hover {
		border-left: none;	
	}
	div#MainColumn article.NewsItem img,
	div#MainColumn article img,
	div#MainColumn .ArticleItem img {
		max-width: 100%;
	}
	div#MainColumn div.PressNews h4 span {
		display: none;	
	}
	div#MainColumn div.PressNews ul li {
		overflow:hidden;
	}

	div.ArticleToolbox ul.PageTools li {
		display:none;
	}
	section.SubPage div.ArticleToolbox ul.PageTools li.icon {
		display:block;
	}
	div#MainColumn div#MainColumnLeft {
		float:left;
		margin-right:10px;
		overflow:hidden;
	}
	div#MainColumn div#MainColumnRight {
		float:left;
		overflow:hidden;
	}
	
		/* --------------------- 2.1.3 PRESS NEWS --------------------- */
		
		div#MainColumn div.PressNews {
			padding: 20px 0px 0px 0px;
		}

		div#MainColumn div.PressNews a span {
			overflow:hidden;
			display:block;
			height:40px;
		}

/* --------------------- 2.2 SIDE COLUMN ---------------- */
	
	section.StartPage div#SideColumn,
	section.StartPage div#SideColumn div.SideColumnLeft,
	section.StartPage div#SideColumn div.SideColumnRight {
		width:100%;
		margin:0px;
	}	
	section.StartPage div#SideColumn div.SideColumnLeft div.Blurb,
	section.StartPage div#SideColumn div.SideColumnRight div.Blurb {
		width:200px;	
		float:left;
		margin-right:10px;
	}
	section.StartPage div#SideColumn div.SideColumnLeft div.Blurb.Login {
		display:none;
	}	
/* --------------------- 2.3 BLURBS --------------------- */
	
	section.StartPage#MainContent div#MainColumn div.Blurb {
		margin: 20px 0px 20px 0px;
		padding: 0px;
	}
	
	div#MainColumn div.Blurb.TwoColumns {
		display: none;
	}
	
/* --------------------- 3. FOOTER --------------------- */	

	footer div#FirstHalfFoot li,
	footer div#SecondHalfFoot li {
		font-size: 13px;
		line-height: 22px;
	}
	footer div#CopyrightFoot span {
		display: none;
	}
	footer div#FirstHalfFoot li.copyright {
		display: block;
	}
	footer div#FirstHalfFoot {
		float:left;
		left:inherit;
		width:auto;
		min-width: 150px;
		position:static;
	}
	footer div#SecondHalfFoot {
		width: 110px;
		float: right;
		left:inherit;
		min-width:inherit;
		position:static;
	}

	footer div#FirstHalfFoot ul li,
	footer div#SecondHalfFoot ul li {
		margin-bottom: 0px;
	}
	footer div#FirstHalfFoot ul li a,
	footer div#SecondHalfFoot ul li a,
	footer div#FirstHalfFoot ul li span,
	footer div#SecondHalfFoot ul li span,
	footer div#CopyrightFoot span {
		background: none;
		height: inherit;
		line-height: inherit;
		padding-left: inherit;
	}
}

	/* --------------------- 4.1 MAIN COLUMN --------------------- */

	#s4-mainarea .srch-Page-bg a, .srch-Page-bg strong {
		padding-right: 10px;
	}

	#s4-mainarea section.SearchPage {
		padding: 10px 15px 10px 15px;
	}