/* ----------------------------------------------------------------------------- */
/* -------------------------------- Webbster ----------------------------------- */
/* Created by Webbster i Sverige AB -------------------------------------------- */
/* admin@webbster.se ----------------------------------------------------------- */
/* Copyright (c) 2013 Webbster. All rights reserved ---------------------------- */
/* ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- */
/* -------------------------------- max-width: 1000px -------------------------- */
/* ----------------------------------------------------------------------------- */
@media (max-width: 939px) {

/* ----------------------------------------------------------------------------- */
/* -------------------------------- Page --------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* 718 - 915 = 197*/
#topbar {
	/* width: 768px; */
}

/* -------------------------------- Header ------------------------------------- */

#header {
	/* width: 768px; */
}

#header .logo{
	max-width: 220px;
}

#header .navbar-toggle {
	background-color: #fff;
	border-radius: 0;
	padding: 0;
	height: 54px;
	margin: 0 auto;
}
#header .navbar-toggle .icon-bar {
	background-color: #000;
	border-radius: 0;
	height: 6px;
	margin-bottom: 4px;
	width: 38px;
}

/* -------------------------------- Page --------------------------------------- */

#page {
	/* width: 768px; */
}

/* -------------------------------- Footer ------------------------------------- */

#footer {
	/* width: 768px; */
}


/* -------------------------------- Blurb -------------------------------------- */

.blurb {
	/* width: 768px; */
}
/*  915 (25)
	215
	560
	140

	743 (25)
	174 175
	454 454
	113 114
*/
#blurb-news .content-blurb .cell.left {
	border-right: 2px solid #fff;
	padding-right: 35px;
	/* width: 165px; */
}
#blurb-news .content-blurb .cell.middle {
	padding: 0 16px;
	/* width: 380px; */
}
#blurb-news .content-blurb .cell.right {
	/* width: 114px; */
}

}
/* ----------------------------------------------------------------------------- */
/* -------------------------------- max-width: 768px --------------------------- */
/* ----------------------------------------------------------------------------- */

@media (max-width: 767px) {

/* ----------------------------------------------------------------------------- */
/* -------------------------------- Page --------------------------------------- */
/* ----------------------------------------------------------------------------- */

#topbar {
	/* width: 480px; */
}

/* -------------------------------- Header ------------------------------------- */

#header {
	/* width: 480px; */
}

/* Mobil-meny: visa hamburger, göm desktop-meny */
    #header .navbar-toggle {
        display: block;
    }
    #header #main_menu {
        display: none;
    }

/* -------------------------------- Page --------------------------------------- */

#page {
	/* width: 480px; */
}
#page .main .content-main {
	padding: 20px;
}
#page .main.have-sidebar {
	float: none;
	width: 100%;
}
#page .sidebar {
	float: none;
	width: 100%;
}
#page .sidebar .content-sidebar {
	padding: 0 30px 30px 30px;
}

/* -------------------------------- Footer ------------------------------------- */

#footer {
	/* width: 480px; */
}

/* -------------------------------- Blurb -------------------------------------- */

.blurb {
	/* width: 480px; */
}
.blurb .content {
	padding: 20px;
}
.blurb .content .cell.left,
.blurb .content .cell.middle,
.blurb .content .cell.right {
	width: 100%;
	padding-bottom: 20px;
}
.blurb .content-blurb .cell.right {
	margin-left: 0;
}

/* -------------------------------- Blurb About -------------------------------- */

#blurb-about .content .cell.right {
	display: none;
}

/* -------------------------------- Blurb News --------------------------------- */

#blurb-news .content .cell.left {
	border-right: none;
	font-size: 40px;
	padding: 0;
	text-align: left;
	width: 100%;
}
#blurb-news .content .cell.middle {
	min-height: 0;
	padding: 0;
	width: 100%;
}
#blurb-news .content .cell.right {
	display: none;
	width: 100%;
}
#blurb-news .content .line-breaker {
	background-color: #fff;
	display: block !important;
	float: left;
	height: 2px;
	margin: 20px 0 15px 0;
	width: 100px;
}
#blurb-news .content .arrow {
	display: block !important;
	color: #ffffff !important;
}

#blurb-news .content .arrow:after {
	display: none !important;
}

/* -------------------------------- Blurb Products ----------------------------- */

#blurb-products .content-blurb .cell.right {
	float: left;
}

/* -------------------------------- Blurb Quality ------------------------------ */

#blurb-quality .content-blurb .cell.left {
	width: calc(60% - 20px);
}
#blurb-quality .content-blurb .cell.right {
	width: 40%;
}
#blurb-quality .content-blurb .cell.right .thumbnail {
	padding-top: 110px;
}

/* -------------------------------- Footer ------------------------------------- */

#footer .content-footer .cell h2 {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
}
#footer .content-footer #footer_menu {
	border-bottom: none;
}
#footer .content-footer #footer_menu ul li {
	float: none;
}
#footer .content-footer .cell.top.left {
	width: 50%;
}
#footer .content-footer .cell.top.right {
	margin-left: 5%;
	width: 45%;
}
#footer .content-footer .cell.top.right .logo {
	padding-left: 0;
	padding-top: 8px;
	width: 100%;
}
#footer .content-footer .cell.bottom.left {
	width: 50%;
}
#footer .content-footer .cell.bottom.right {
	margin-left: 5%;
	width: 45%;
}
#footer .content-footer .cell.bottom.right .thumbnail {
	width: 100%;
}

/* -------------------------------- Template Home ------------------------------ */

.template-home .slider {
	/*display: none;*/
}

/* -------------------------------- Template About ----------------------------- */

.template-about .page .main .content-main .cell.top.left {
	width: 100%;
}
.template-about .page .main .content-main .cell.top.right {
	display: none;
}

/* -------------------------------- Template Products -------------------------- */

.template-products .page .main .content-main .cell.top.left {
	width: 100%;
}
.template-products .page .main .content-main .cell.top.right {
	width: 100%;
}
.template-products .page .main .content-main .cell.bottom.left {
	width: 100%;
}
.template-products .page .main .content-main .cell.bottom.right {
	width: 100%;
}

/* -------------------------------- Template Quality --------------------------- */

.template-quality .page .main .content-main .cell.top.left {
	width: 100%;
}
.template-quality .page .main .content-main .cell.top.right {
	margin-left: 0;
	width: 100%;
}
.template-quality .page .main .list .cell.left {
	display: none;
}
.template-quality .page .main .list .cell.right {
	margin-left: 0;
	padding: 0 4%;
	width: 92%;
}

/* -------------------------------- Template Contact --------------------------- */

.template-contact .page .main .content-main .cell.top.left {
	width: 100%;
}
.template-contact .page .main .content-main .cell.top.right {
	margin-left: 0;
	margin-top: 60px;
	width: 100%;
}
.template-contact .page .main .content-main .list {
	margin-top: 60px;
}
.template-contact .webbster-form {
	/* width: 400px; */
}

}
/* ----------------------------------------------------------------------------- */
/* -------------------------------- Webbster ----------------------------------- */
/* ----------------------------------------------------------------------------- */