@media (max-width: 999px) {
    .container,
    .mb_contentitem_container,
    .twoColumn .sectionContainer {
        width: 90%;
    }

    /* Article templates */

	.articleTemplate_IntroContainer {
		width: 100%;
	}
}

@media (max-width : 768px) {

	/* Header */

	.topHeader .siteLogo img {
	    width: 140px;
	}

	.topHeader .companyNameLarge {
	    font-size: 24px;
	    margin-bottom: 4px;
	}

	.topHeader .companyNameSmall {
	    font-size: 16px;
	}

	/* Navigation */

	/* Footer */

	.mainFooter .footerLogo {
		display: none;
	}

	/* Article templates */

	.bildspel {
		height: 311px !important;
	}

	/* Imageslideshow - fullwidth */

}

@media (max-width : 640px) {

	html {
		-webkit-text-size-adjust: none;
	}

	/* General styles */

	/* Header */

	.topHeader .siteLogo img {
	    width: 100px;
	}

	.topHeader .companyNameLarge {
	    font-size: 22px;
	}

	.topHeader .companyNameSmall {
	    font-size: 14px;
	}

	/* Body */

	/* Footer */

	.mainFooter {
		text-align: center;
	}

	.mainFooter .vCard {
		display: block;
		margin: 0 0 10px 0;
	}

	/* Article templates */

	.articleTemplate_Intro h1 {
	    font-size: 36px;
	}

	.bildspel {
		height: 274px !important;
	}

	/* 978 Grid system - Responsive styles */

	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-10,
	.col-11,
	.col-12 { 
		margin-left: 0;
	}
	.col-1 {
	width: 5.5214724%;
	}
	.col-2 {
		width: 14.1104294%;
	}
	.col-3 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-3:last-child {
		margin-bottom: 0;
	}
	.col-4 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-4:last-child {
		margin-bottom: 0;
	}
	.col-5 {
		width: 100%;
	}
	.col-6 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-6:last-child {
		margin-bottom: 0;
	}
	.col-7 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-7:last-child {
		margin-bottom: 0;
	}
	.col-8 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-8:last-child {
		margin-bottom: 0;
	}
	.col-9 {
		width: 100%;
		margin-bottom: 30px;
	}
	.col-9:last-child {
		margin-bottom: 0;
	}
	.col-10 {
		width: 82.8220859%;
	}
	.col-11 {
		width: 91.4110429%;
	}
	.col-12 {
		width: 100%;	
	}

}

@media (max-width : 400px) {
	
	.topHeader {
		text-align: center;
	}

	.topHeader .siteLogo {
		margin-bottom: 10px;
	}

	.topHeader .companyName {
		margin-bottom: 20px;
	}
	
	.languageContainer {
		left: 0;
		right: initial;
		top: 31px;
	}
}

@media (max-width : 320px) {

	/* Header */

	.topHeader .siteLogo img {
		max-width: 100%;
	}

	/* Navigation */

	/* Footer */

	/* Article templates */

	.bildspel {
		height: 200px !important;
	}

	/* Imageslideshow - fullwidth */

}