/*
--------------------------------------------------------------------------------------------------
  Butik: Skriv domännamnet här.
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1998-2015. ALLA RÄTTIGHETER RESERVERADE.
  INNEHÅLLET FÅR EJ KOPIERAS, ÄNDRAS, ANVÄNDAS, LAGRAS ELLER DISTRIBUERAS UTAN TILLSTÅND 
  FRÅN ASKÅS INTERNET- & REKLAMBYRÅ AB.
--------------------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------------------------
                       Rewrap och radindelning för span_X_of_Y-element
--------------------------------------------------------------------------------------------------
*/

@media (max-width: 600px) {
	.rewrapMob.span_1_of_6 {
		width: 32.24%;
	} /* blir 1_of_3 */
	.rewrapMob.col {
		margin: 1% 0 1% 1.6%;
	}
	.rewrapMob.span_1_of_6:nth-child(3n + 1) {
		margin-left: 0;
	}
}

@media (min-width: 601px) and (max-width: 850px) {
	.rewrapMob.span_1_of_6 {
		width: 23.8%;
	} /* blir 1_of_4 */
	.rewrapMob.col {
		margin: 1% 0 1% 1.6%;
	}
	.rewrapMob.span_1_of_6:nth-child(4n + 1) {
		margin-left: 0;
	}
}

@media (min-width: 851px) and (max-width: 1100px) {
	.rewrap.span_1_of_3 {
		width: 49.2%;
	} /* blir 1_of_2 */
	.rewrap.span_2_of_3 {
		width: 100%;
	} /* blir 2_of_2 */

	.rewrap.span_1_of_4 {
		width: 32.24%;
	} /* blir 1_of_3 */
	.rewrap.span_3_of_4 {
		width: 66.1%;
	} /* blir 2_of_3 */

	.rewrap.span_1_of_5 {
		width: 23.8%;
	} /* blir 1_of_4 */

	.rewrap.span_1_of_6 {
		width: 18.72%;
	} /* blir 1_of_5 */

	.rewrap.span_1_of_3:nth-child(2n + 1),
	.rewrap.span_1_of_4:nth-child(3n + 1),
	.rewrap.span_1_of_5:nth-child(4n + 1),
	.rewrap.span_1_of_6:nth-child(5n + 1) {
		margin-left: 0;
	}

	#railingSpecification .rewrap.span_1_of_3:nth-child(2n + 1) {
		margin-left: 1.6%;
	}
}

@media (min-width: 1100px) {
	.rewrap.span_1_of_3:nth-child(3n + 1),
	.rewrap.span_1_of_4:nth-child(4n + 1),
	.rewrap.span_1_of_5:nth-child(5n + 1),
	.rewrap.span_1_of_6:nth-child(6n + 1) {
		margin-left: 0;
	}
}

/*
--------------------------------------------------------------------------------------------------
                               DESKTOP / maxbredd: 1200px
--------------------------------------------------------------------------------------------------
*/

@media screen and (min-width: 1230px) {
	#wrapper,
	.header,
	#footer-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.matched-group-link {
		height: auto;
	} /* sökresultat > artikelgrupper */
	/*.ProduktBild {max-width: 500px;}  för att det inte ska bli tomrum vid sidan om bilderna */
}

@media screen and (min-width: 601px) {
	.variantInfo[data-th='Artnr'],
	.variantInfo:nth-child(n + 4) {
		color: #666;
	}
	.variantInfo[data-th='Grundavgift'],
	.variantInfo[data-th='Basic fee'] {
		color: #000;
	}
	tbody .PT_BeskrListaBakgrund:hover {
		background: #e5e5e5;
	}
	tbody .PT_BeskrListaBakgrund:hover .variantInfo {
		color: #000;
	}
	/*.variantInfo:nth-child(3) {font-weight: 600;}*/
}

@media screen and (min-width: 851px) {
	.startsidan .PT_Wrapper,
	.cm .PT_Wrapper {
		width: 23.78%;
	}

	/* DB 2020-01-20: */
	.startsidan .PT_Wrapper:nth-child(4n + 5),
	.cm .PT_Wrapper:nth-child(4n + 5) {
		margin-left: 0;
	}
	.startsidan .PT_Wrapper:nth-child(5n + 6),
	.cm .PT_Wrapper:nth-child(5n + 6) {
		margin-left: 1.6% !important;
	}

	.Artikellista_Varianter .Knapp_Kop .Knapp_Kop a,
	.Artikellista_Varianter .buy-button {
		padding: 0 15px;
		margin-left: 5px;
		/* width: 50%; */
		text-align: center;
	}

	.ProduktBild {
		max-width: 550px;
	}

	.rundDesktop {
		border-radius: 9999px;
	}

	/* Meny för artikelgrupper */
	.nav > ul > li {
		width: 15%;
	}
	.nav > ul > li:nth-child(5),
	.nav > ul > li:nth-child(6) {
		width: 9%;
	}
	.nav > ul.navRailing > li:nth-child(1) {
		width: 22%;
	}
	html[lang='en'] .nav > ul > li:nth-child(5) {
		width: 15%;
	}
	html[lang='en'] .nav > ul.navRailing > li:nth-child(1) {
		width: 25%;
	}

	.nav > ul > li > i {
		display: block;
		position: absolute;
		top: 0;
		width: 15%;
		height: 55px;
		text-align: center;
		color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		font-size: 0.7em;
	}

	.nav > ul.navRailing > li:nth-child(1) > i {
		width: 22%;
	}
	html[lang='en'] .nav > ul.navRailing > li:nth-child(1) > i {
		width: 25%;
	}

	.nav > ul > li > i::before {
		position: absolute;
		bottom: 3px;
		left: 50%;
		transform: translateX(-50%);
	}

	.nav > ul > li > a {
		padding: 0 10px !important;
		display: table-cell !important;
		text-align: center;
		vertical-align: middle;
		height: 55px;
		width: inherit;

		/*position: relative;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;*/
	}

	.nav > ul:first-child > li {
		border-left: 1px solid #1a2d65;
	}
	.nav > ul > li:last-child {
		border-right: 1px solid #1a2d65;
	}

	.nav ul li.active ul {
		display: block;
	}
	.nav .niva2 li i {
		display: none;
	}
	.desktop .nav ul.child-ul.niva2 li:nth-child(4n + 1) {
		clear: both;
	}

	ul.navRailing > li > ul {
		width: 30% !important;
		right: 0;
		left: auto !important;
		padding: 1% 0 !important;
	}

	ul.navRailing .navrailingIcon {
		margin: 0 5px -10px 0;
	}

	ul.navRailing > li > ul.niva2 > li {
		width: 100% !important;
		margin: 0 !important;
	}

	ul.navRailing > li > ul.niva2 > li > a {
		color: #000 !important;
		font-weight: 500;
		padding: 3% 6%;
	}

	.header-wrapper {
		padding: 32px 0 0;
	}
	.header2 {
		background: #fff;
	}
	.header2 .logo a {
		display: none;
	}
	.toppmeny {
		background: #fff;
	}

	.inloggning a.login {
		color: #233977 !important;
	}
	.inloggning a.login:hover {
		color: #1a2d65 !important;
	}
	ul.f-p li .f-p-vald:hover {
		color: #666;
	}

	.sidebar {
		border: none;
	}
	.toppmeny .niva1 li {
		border-bottom: 1px solid #e5e5e5;
	}
	.toppmeny .niva1:last-child li {
		border: none;
	}
	/*.toppmeny .niva1 li:last-child {border: none;}*/
	.toppmeny .niva2 li {
		border: 1px dashed #e5e5e5 !important;
		border-width: 1px 0 0 0 !important;
	}
	.nyhetsbrev_headline {
		margin: 20px 0 5px !important;
	}

	.sidebar_headline {
		background-color: inherit;
		border: none;
		text-align: inherit;
		height: 34px;
		line-height: inherit;
		color: #233977;
		font-weight: 600;
		font-size: 1.25em;
		border-bottom: 2px solid #233977;
		padding: 6px 0 5px 10px;
		margin: 0 0 15px;
	}

	.PT_BeskrListaBakgrund > td:nth-child(2),
	.PT_BeskrListaBakgrund > th:nth-child(2) {
		padding-left: 10px;
	}
	.PT_BeskrListaBakgrund > td:last-child,
	.PT_BeskrListaBakgrund > th:last-child {
		padding-right: 5px;
	}
	/*.Artikellista_Varianter td td {padding: 0 !important;}*/
}

@media screen and (min-width: 1000px) {
	.webbsida {
		padding: 50px 10px;
	}
}

@media screen and (max-width: 1100px) {
	#kundvagn > .Checkout {
		display: none;
	}
	.header-wrapper .logo {
		width: 160px;
		top: -10px;
	}
}

@media screen and (max-width: 1200px) {
	/*#Bildkolumn, #Faktakolumn {width: 100%;}
	#Faktakolumn {margin-left: 0;}
        .ProduktBild {max-width: none;}*/

	/* CUSTOM MOBILE DEVICES */
	html {
		-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
	}
	td,
	tr {
		text-overflow: ellipsis;
		white-space: normal;
	}
}
/*
--------------------------------------------------------------------------------------------------
                              MOBIL / maxbredd: 850px
--------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 850px) {
	/*GRID*/
	.col {
		margin: 1% 0 1% 0%;
	}

	.span_1_of_1 {
		width: 100%;
	}
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_3_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}
	.span_5_of_5 {
		width: 100%;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_3_of_5 {
		width: 100%;
	}
	.span_2_of_5 {
		width: 100%;
	}
	.span_1_of_5 {
		width: 100%;
	}
	.span_6_of_6 {
		width: 100%;
	}
	.span_5_of_6 {
		width: 100%;
	}
	.span_4_of_6 {
		width: 100%;
	}
	.span_3_of_6 {
		width: 100%;
	}
	.span_2_of_6 {
		width: 100%;
	}
	.span_1_of_6 {
		width: 100%;
	}
	.span_7_of_7 {
		width: 100%;
	}
	.span_6_of_7 {
		width: 100%;
	}
	.span_5_of_7 {
		width: 100%;
	}
	.span_4_of_7 {
		width: 100%;
	}
	.span_3_of_7 {
		width: 100%;
	}
	.span_2_of_7 {
		width: 100%;
	}
	.span_1_of_7 {
		width: 100%;
	}
	.span_8_of_8 {
		width: 100%;
	}
	.span_7_of_8 {
		width: 100%;
	}
	.span_6_of_8 {
		width: 100%;
	}
	.span_5_of_8 {
		width: 100%;
	}
	.span_4_of_8 {
		width: 100%;
	}
	.span_3_of_8 {
		width: 100%;
	}
	.span_2_of_8 {
		width: 100%;
	}
	.span_1_of_8 {
		width: 100%;
	}
	.span_9_of_9 {
		width: 100%;
	}
	.span_8_of_9 {
		width: 100%;
	}
	.span_7_of_9 {
		width: 100%;
	}
	.span_6_of_9 {
		width: 100%;
	}
	.span_5_of_9 {
		width: 100%;
	}
	.span_4_of_9 {
		width: 100%;
	}
	.span_3_of_9 {
		width: 100%;
	}
	.span_2_of_9 {
		width: 100%;
	}
	.span_1_of_9 {
		width: 100%;
	}
	.span_10_of_10 {
		width: 100%;
	}
	.span_9_of_10 {
		width: 100%;
	}
	.span_8_of_10 {
		width: 100%;
	}
	.span_7_of_10 {
		width: 100%;
	}
	.span_6_of_10 {
		width: 100;
	}
	.span_5_of_10 {
		width: 100%;
	}
	.span_4_of_10 {
		width: 100%;
	}
	.span_3_of_10 {
		width: 100%;
	}
	.span_2_of_10 {
		width: 100%;
	}
	.span_1_of_10 {
		width: 100%;
	}
	.span_11_of_11 {
		width: 100%;
	}
	.span_10_of_11 {
		width: 100%;
	}
	.span_9_of_11 {
		width: 100%;
	}
	.span_8_of_11 {
		width: 100%;
	}
	.span_7_of_11 {
		width: 100%;
	}
	.span_6_of_11 {
		width: 100%;
	}
	.span_5_of_11 {
		width: 100%;
	}
	.span_4_of_11 {
		width: 100%;
	}
	.span_3_of_11 {
		width: 100%;
	}
	.span_2_of_11 {
		width: 100%;
	}
	.span_1_of_11 {
		width: 100%;
	}
	.span_12_of_12 {
		width: 100%;
	}
	.span_11_of_12 {
		width: 100%;
	}
	.span_10_of_12 {
		width: 100%;
	}
	.span_9_of_12 {
		width: 100%;
	}
	.span_8_of_12 {
		width: 100%;
	}
	.span_7_of_12 {
		width: 100%;
	}
	.span_6_of_12 {
		width: 100%;
	}
	.span_5_of_12 {
		width: 100%;
	}
	.span_4_of_12 {
		width: 100%;
	}
	.span_3_of_12 {
		width: 100%;
	}
	.span_2_of_12 {
		width: 100%;
	}
	.span_1_of_12 {
		width: 100%;
	}

	/*ARTIKELGRUPP*/
	.artikelgrupp_std .PT_Bildruta {
		width: 15.32% !important;
	}
	.artikelgrupp_std .PT_Beskr {
		width: 57% !important;
	}
	.artikelgrupp_std .PT_Pris,
	.artikelgrupp_std .PT_Knappar {
		width: 21% !important;
	}

	/* ARBETSYTA */
	.header-wrapper {
	}
	.header .headerLeft,
	.header .headerRight {
		width: auto !important;
	}
	.header {
		padding: 0 !important;
		position: fixed;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}
	.header .logo {
		display: none;
	}
	.header .section.cf {
		background-color: #233977;
		padding: 9px 0 6px;
	}
	.topbar.content {
		padding: 0 10px 0 0;
	}
	#wrapper {
		padding: 15px 10px 30px;
	}
	.header2 {
		padding-top: 60px;
	}
	.header2 .logo {
		height: 75px;
	}
	.sokrutan,
	#AIRvarukorg-Wrap {
		width: 100%;
	}
	.logo {
		width: 100%;
		margin: 0 auto;
	}
	.header2 .logo img {
		max-width: 175px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.sokrutan.active {
		display: block !important;
		position: fixed;
		top: 47px;
		z-index: 1;
		margin: 0;
	}
	.sokrutan.active #sokterm,
	.sokrutan.active .Sokknapp {
		border-radius: 0;
	}
	#LSS_Result {
		top: 46px;
		width: 100%;
		margin: 0;
		padding: 10px;
		max-height: 400px;
		overflow-y: scroll;
	}
	#LSS_Result #LSS_Close {
		right: -10px;
	}
	.inloggningsruta {
		width: 100% !important;
		z-index: 999;
		left: 0px;
		margin: 0;
		top: 54px !important;
	}
	#kundvagn {
		position: static;
		margin-top: 0 !important;
	}
	.Varukorg .AIRvarukorg-Arrow,
	.AIRvarukorg-Sum {
		padding-top: 0;
	}
	.mobile-only,
	.soktoggle {
		display: inline-block;
		padding: 3px 0 0;
		cursor: pointer;
	}
	.soktoggle {
		display: inline-block !important;
	}
	.mobilenav-icon {
		cursor: pointer;
		display: block !important;
		float: left;
		padding: 5px 20px 0 10px;
	}
	.inloggning {
		height: 35px !important;
		padding: 0 !important;
	}
	.inloggning a.login {
		line-height: 35px !important;
	}
	.betalmetoder img {
		height: 25px;
		width: auto;
		margin-top: -5px;
		margin-left: 20px;
	}
	.offert {
		display: none;
	}
	.LSS_Artiklar li {
		width: 49% !important;
	}
	.AIRvarukorg-Arrow {
		line-height: 32px;
	}

	/* STARTSIDAN + ACE*/
	#kampanjytaStartsida {
		display: block;
	}
	/*#startsidaSpot .spot2 {display: none;}*/
	/*#startsidaSpot .col {width:49.2% !important; margin:1% 0 1% 1.6%;}*/
	.startsidanBildspelDesktop {
		display: none !important;
	}
	.startsidanBildspelMobil {
		display: block !important;
	}
	.spotL,
	.spotL img,
	.spotR,
	.spotR img,
	.cm-img-wrapper img {
		border-radius: 3px !important;
	}
	.cm-img-wrapper {
		padding-bottom: 0.5rem;
		padding-top: 0.5rem;
	}
	.row > .col-xs-12:first-child .cm-img-wrapper {
		padding-top: 0;
	}
	.row > .col-xs-12:last-child .cm-img-wrapper {
		padding-bottom: 0;
	}
	.cm .cm_article_wrapper .PT_Wrapper:nth-child(2n + 1) {
		margin-left: 0;
	}

	/* DOLDA OBJEKT */
	.Checkout,
	.sokrutan,
	.nav,
	.toppmeny {
		display: none;
	}

	/* FOOTER */
	/*.footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right:0px; min-height:50px;}*/

	/* MENY */
	.sidebar_headline,
	.sidebar {
		border: 0 !important;
		display: block !important;
	}
	.sidebar {
		width: 100% !important;
	}

	#bodywrapper.active {
		width: 100%;
		min-height: 100%;
		position: fixed; /*left:85%;*/
	}
	#bodywrapper .header-wrapper {
		left: 0;
		transition: left 0.2s;
	}
	#bodywrapper.active .header-wrapper {
		width: 100%;
		left: 85%;
	}
	.mobilenav {
		width: 85%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		z-index: 100;
		background: #eee;
		left: -85%;
		transition: left 0.2s;
	}
	.mobilenav.active {
		left: 0;
	}
	.mobilenav .nav {
		display: block !important;
		border: none;
		border-radius: 0 !important;
	}
	.mobilenav .nav > ul > li {
		line-height: 40px !important; /*height: 40px !important;*/
	}
	.mobilenav .nav > ul > li i {
		display: block !important;
		color: #999;
		line-height: 40px;
		text-align: right;
		float: right;
		padding: 0 10px 4px 0;
		margin: 0;
		width: 20%;
		cursor: pointer;
	}
	.mobilenav .nav > ul > li > i {
		position: absolute;
		top: 0;
		width: 100%;
		height: 50px;
		line-height: 45px;
	}
	.mobilenav .nav ul.niva2 > li > i {
		border-left: 1px solid #ccc;
	}
	.mobilenav .nav ul.niva2 > li.active > i {
		border-bottom: 1px solid #ccc;
	}
	.mobilenav .nav > ul > li:hover {
		background: none !important;
	}
	.mobilenav .nav ul li:hover ul,
	.mobilenav .nav .niva2 li:hover ul,
	.mobilenav .nav .niva3 li:hover ul,
	.mobilenav .nav .niva4 li:hover ul {
		display: none;
	}
	.mobilenav .nav > ul > li:hover {
		background: none !important;
	}
	.mobilenav .nav ul li.active > a,
	.nav ul li.active-parent > a {
		font-weight: 800 !important;
	}

	/* Nivå 1 */
	.mobilenav .nav .niva1 li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #000;
		text-align: left;
		position: relative;
	}
	.mobilenav .nav .niva1 li a {
		display: inline-block !important;
		width: 100%;
		padding: 5px 0 5px 10px;
		color: #fff !important;
	}

	/* Nivå 2 */
	.mobilenav .nav ul li.active .niva2 {
		display: block;
		position: relative;
		background: #eee;
	}
	.mobilenav .nav .niva2 {
		padding: 0;
		margin: 0;
		top: 0;
		position: relative;
		float: left;
		box-shadow: none;
		display: none;
		max-height: inherit;
		overflow-y: inherit;
	}
	.mobilenav .nav .niva2 li {
		margin: 0;
		border-bottom: 1px dashed #ccc;
	}
	.mobilenav .nav .niva2 li:last-child {
		border-bottom: none !important;
	}
	.mobilenav .nav .niva2 li a {
		width: 80%;
		padding: 12px 15px !important;
		color: #000 !important;
		border: none !important;
		font-size: 1em !important;
	}

	/* Nivå 3 */
	.mobilenav .nav .niva2 li.active .niva3 {
		display: block;
		position: relative;
		background: transparent;
	}
	.mobilenav .nav .niva3 {
		width: 100%;
		padding: 0;
		box-shadow: none;
		display: none;
	}
	.mobilenav .nav .niva3 li {
		width: 100%;
		display: inline-block;
	}
	.mobilenav .nav .niva3 li:last-child {
		border-bottom: none;
	}
	.mobilenav .nav .niva3 li a {
		padding: 12px 25px !important;
		width: 100%;
	}

	/* Nivå 4 */
	.mobilenav .nav .niva3 li.active .niva4 {
		display: block;
		position: relative;
		background: transparent;
	}
	.mobilenav .nav .niva4 {
		width: 100%;
		padding: 0 0 0 10px;
		box-shadow: none;
		display: none;
	}
	.mobilenav .nav .niva4 li {
		width: 100%;
		display: inline-block;
	}
	.mobilenav .nav .niva4 li:last-child {
		border-bottom: none !important;
	}
	.mobilenav .nav .niva4 li a {
		padding: 6px 0 !important;
	}

	/* KAMPANJMENY, VARUMÄRKESMENY */
	.mobilenav .nav .nav-menu li {
		width: 100%;
		height: auto;
		line-height: 40px;
		border-bottom: 1px solid #eee;
	}
	.mobilenav .nav .nav-menu li a {
		display: inline-block !important;
		width: 80%;
		height: 40px !important;
		line-height: 40px !important;
	}
	.mobilenav .nav .nav-menu li.active .child-ul a {
		width: 100%;
		border-bottom: 1px solid #333;
		padding: 0;
	}
	.mobilenav .nav .nav-menu li.active .child-ul li,
	.mobilenav .nav .nav-menu li.active .child-ul a:last-of-type {
		border-bottom: none;
	}
	.mobilenav .nav .nav-menu li .child-ul {
		box-shadow: none;
		display: none;
		float: left;
		margin: -10px 0 0;
		max-height: inherit;
		overflow-y: inherit;
		padding: 0 0 0 20px;
		position: relative;
		top: 0;
	}
	.mobilenav .nav .nav-menu li.active .child-ul {
		display: block !important;
		position: relative;
		top: 0;
		left: 0;
		background: transparent !important;
		width: 100%;
	}

	/* SÖKNING */
	.matched-group-link {
		width: 100%;
		margin-right: 0;
		float: none;
		height: auto;
	}

	/* TOPPMENY WEBBSIDOR */
	.sidebar {
		display: none;
		margin-top: 0px !important;
	}
	.mobilenav .sidebar {
		display: block;
	}
	.mobilenav .toppmeny {
		width: 100%;
		display: block !important;
		border-top: 1px solid #333;
		margin: -1px 0 0 0 !important;
	}
	.mobilenav .toppmeny li {
		line-height: inherit;
	}
	.mobilenav .toppmeny > ul > li {
		display: inline-block;
		height: 40px;
		line-height: 40px !important;
		float: left;
	}
	.mobilenav .toppmeny > ul > li i {
		display: block !important;
		float: right;
		line-height: 35px;
		padding: 5px 0 5px 0;
		margin: 0 10px 0 0;
		color: #999;
	}
	.mobilenav .toppmeny > ul > li:hover {
		background: none !important;
	}
	.mobilenav .toppmeny ul li:hover ul,
	.mobilenav .toppmeny .niva2 li:hover ul,
	.mobilenav .toppmeny .niva3 li:hover ul,
	.mobilenav .toppmeny .niva4 li:hover ul {
		display: none;
	}
	.mobilenav .toppmeny > ul > li:hover {
		background: none !important;
	}
	.mobilenav .toppmeny ul li.active > a,
	.toppmeny ul li.active-parent > a {
		font-weight: bold;
	}
	.mobilenav .toppmeny ul li ul > li:hover {
		background: transparent !important;
	}

	/* Nivå 1 */
	.mobilenav .toppmeny .niva1 li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #333;
	}
	.mobilenav .toppmeny .niva1 li a {
		display: inline-block !important;
		width: 80%;
		padding: 5px 0 5px 10px;
		color: #000 !important;
	}

	/* Nivå 2 */
	.mobilenav .toppmeny ul li.active .niva2 {
		width: 100%;
		display: block;
		background: transparent !important;
	}
	.mobilenav .toppmeny .niva2 {
		padding: 0 0 0 20px;
		margin: -10px 0 0 0;
		top: 0;
		position: relative;
		float: left;
		box-shadow: none;
		display: none;
		background-color: #eeeeee;
	}
	.mobilenav .toppmeny .niva2 li {
		margin: 0;
	}
	.mobilenav .toppmeny .niva2 li:last-child {
		border-bottom: none !important;
	}
	.mobilenav .toppmeny .niva2 li a {
		padding: 12px 0 !important;
	}

	/* Nivå 3 */
	.mobilenav .toppmeny .niva2 li.active .niva3 {
		width: 100%;
		display: block;
		position: relative;
		background: transparent !important;
	}
	.mobilenav .toppmeny .niva3 {
		width: 100%;
		padding: 0 0 0 10px;
		margin: -10px 0 0 0;
		float: left;
		box-shadow: none;
		display: none;
		left: 0 !important;
		background-color: #eeeeee;
	}
	.mobilenav .toppmeny .niva3 li {
		width: 100%;
		display: inline-block;
	}
	.mobilenav .toppmeny .niva3 li:last-child {
		border-bottom: none;
	}
	.mobilenav .toppmeny .niva3 li a {
		text-transform: none !important;
	}

	/* Nivå 4 */
	.mobilenav .toppmeny .niva3 li.active .niva4 {
		width: 100%;
		display: block;
		position: relative;
		background: transparent !important;
	}
	.mobilenav .toppmeny .niva4 {
		width: 100%;
		padding: 0 0 0 10px;
		margin: -10px 0 0 0;
		float: left;
		box-shadow: none;
		display: none;
		left: 0 !important;
	}
	.mobilenav .toppmeny .niva4 li {
		width: 100%;
		display: inline-block;
	}
	.mobilenav .toppmeny .niva4 li:last-child {
		border-bottom: none !important;
	}
	.mobilenav .toppmeny .niva4 li a {
		text-transform: none !important;
	}

	/* ARTIKELGRUPP */
	.ArtgrpHeadline {
		font-size: 2em;
	}
	.Artgrupp_header b {
		width: 30%;
		float: left;
		height: 20px;
		line-height: 20px;
		margin: 0 0 5px;
	}
	.Artgrupp_header span select {
		width: 100%;
	}
	#ListaOmArtiklarSaknas li a {
		font-size: 20px;
		padding: 0px;
		text-align: center;
		line-height: 40px;
		height: 40px;
	}
	.PT_Knappar table,
	.PT_Knappar .Knapp_Kop,
	.PT_Knappar a {
		width: 100%;
	}
	.Knapp_Kop_Tabell .Knapp_Info {
		display: block !important;
	}
	.Artikellista_tabell .Knapp_Info {
		display: none !important;
	}

	/* PRODUKTBESKRIVNING */
	#ArtikelnamnFalt {
		margin: 10px 0px;
		text-align: center;
		font-size: 2em;
	}
	/*#PrisFalt, #PrisFaltStafflade, #VarumarkeFalt {text-align:center;}*/

	/* KASSA / VARUKORG / DIN SIDA */
	#AIRvarukorg-Wrap .DescrWrap .DescrEgenskap {
		display: none;
	}
	#AIRvarukorg-Wrap .DescrWrap,
	#AIRvarukorg-Wrap .TxtWrap .Price {
		height: 45px;
	}
	.Kassan {
		width: 100%;
	}
	.Varukorg {
		min-width: inherit;
	}
	#AIRvarukorg-Wrap .Checkout {
		display: block !important;
	}
	#AIRvarukorg-Wrap {
		right: 0px;
		top: 45px !important;
	}
	#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {
		font-size: 8px;
		width: 50%;
	}
	.Snabbkassa_Varukorg {
		padding: 10px;
	}
	.Snabbkassa_Varukorg_Tabell {
		-moz-box-sizing: border-box;
		max-width: 100%;
	}
	.Snabbkassa_Varukorg_Tabell td {
		white-space: normal;
	}
	.Snabbkassa_Varukorg_Tabell_Rad .Pris b {
		font-size: 10px;
	}
	.Snabbkassa_Varukorg_Tabell_Rad .Antal a {
		width: 100%;
		clear: left;
		display: flex;
		align-items: center;
	} /* block */
	.Snabbkassa_Varukorg_Tabell_Rad .Antal .Snabbkassa_Varukorg_Tabell_Rad_st {
		display: none;
	}
	#Felmeddelande {
		top: 2%;
		width: 90%;
	}
	#AdressblockLoggain table tbody tr td input {
		width: 100px;
	}
	#AdressblockPaminnare table tbody tr td {
		width: 100%;
		float: left;
		text-align: left !important;
		margin: 1px 0px;
	}
	.Snabbkassa_Presentkort,
	.Kunddata,
	.Betalning,
	.Fraktmetoder,
	.GodkannaVillkorochBestallningsknappRam,
	.Kundtjanst {
		width: 100%;
		min-height: 10px;
	}
	.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {
		width: 100%;
	}
	.Snabbkassa_Varukorg_Tabell_Rad td.Antal,
	.Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {
		line-height: 20px;
	}
	#Klarna_InvoiceContainer,
	#overDiv,
	#InforutaRabattkodPresentkod {
		display: none !important;
	}
	.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum,
	#wrapper,
	.footer,
	.topline,
	#kundvagn,
	#wrapper,
	.footer {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#LankAdressblockAnvnamn .Snabbkassa_Kunduppgift_Etiketter,
	#LankAdressblockLeveransadress .Snabbkassa_Kunduppgift_Etiketter {
		width: 0 !important;
	}
	.Snabbkassa_Kunduppgift_Etiketter {
		font-size: 13px;
		line-height: 20px;
	}
	#BetalningsmetoderRam span,
	#FraktmetoderRam span {
		height: 180px;
		margin: 0 2% 2% 0;
		width: 48%;
	}
	.Kundtjanst table tbody tr td div b,
	.Kundtjanst table tbody tr td div div,
	.Presentkortsruta {
		width: 100%;
	}
	.GodkannaVillkorochBestallningsknappRam td {
		width: 100%;
		display: block;
		text-align: center;
	}
	#GodkannaVillkorRam {
		margin: 10px 0;
	}

	.AddKassa,
	.SubKassa,
	.remove-it,
	.remove-it-select {
		margin: 5px 5px 0;
	}

	/* MAGICZOOM */
	.MagicThumb-background {
		position: relative !important;
	}

	/* FOOTER */
	#footer-wrapper {
		text-align: center;
		position: relative;
	}
}

@media screen and (max-width: 600px) {
	/* VARIANTLISTA */
	.inforutaMobil {
		display: block;
		text-align: center;
		font-size: 0.95em;
	}
	.PT_BeskrListaBakgrund.Artikellista_headerrad {
		display: none;
	}

	.Artikellista_tabell tr,
	.Artikellista_tabell tr:nth-child(even) {
		border-bottom: 2px dotted #eee;
		background: #fff;
	}
	.Artikellista_tabell tr:last-child {
		border: none;
	}

	.Artikellista_tabell td {
		white-space: normal;
	}
	.variantInfo {
		padding-left: 25px;
		display: none;
	}
	.active .variantInfo {
		display: block !important;
	}
	.variantInfo:before {
		content: attr(data-th) ' ';
		font-weight: 600;
	}
	.variantInfo span {
		float: right;
		width: 50%;
	}

	.variantBeskr {
		display: block !important;
		font-weight: 600;
		padding: 15px 0 5px 30px;
		cursor: pointer;
		position: relative;
	}
	.variantBeskr .variantToggle {
		position: absolute;
		top: 16px;
		left: 10px;
	}
	.variantPris,
	.variantLager,
	.variantKopknapp {
		float: left;
		width: 33.333%;
		margin: 5px 0 15px;
	}
	.variantPris {
		padding-left: 10px;
	}
	.variantPris span {
		display: block;
	}
	.variantPris .PT_PrisLista {
		color: #ef4030;
		font-weight: 700;
		margin-top: 8px;
	}
	.variantLager {
		margin-top: 13px;
	}
	.variantKopknapp {
		padding-right: 5px;
	}

	/*.variantLager div div::after {display: inline !important; position: static; background: none; box-shadow: none; padding: 1px 0 0 5px;}
	.variantLager div div::before {cursor: auto;}*/

	/* ARTIKELGRUPP */
	.artikelgrupp_std .PT_Bildruta {
		width: 20% !important;
		height: 75px !important;
		float: left;
	}
	.artikelgrupp_std .PT_Beskr {
		width: 75% !important;
		margin-left: 0;
		float: right;
	}
	.artikelgrupp_std .PT_Pris {
		float: left !important;
		width: 49% !important;
		text-align: left;
	}
	.artikelgrupp_std .PT_Knappar {
		width: 49% !important;
	}

	/* Metervaror - MaS 17/11 - 17 */
	.Snabbkassa_Varukorg_Tabell_Rad .Antal {
		display: inline-block;
	}
	.name_and_length {
	}
}

/* ------------------------------------------ */
@media all and (max-width: 850px) and (min-width: 450px) {
	.PT_Wrapper {
		width: 49.2% !important;
		margin: 1% 0 1% 1.6%;
	}
	.PT_Wrapper:nth-child(2n + 3) {
		margin-left: 0 !important;
	}
	.Snabbkassa_Kunduppgift_Etiketter {
		width: 25%;
	}
	.KundprofilFaltOK,
	.KundprofilFaltFEL,
	.KundprofilFaltOK_Kort,
	.KundprofilFaltFEL_Kort {
		width: 70%;
	}
}

@media all and (max-width: 850px) and (min-width: 580px) {
	ul.f-p {
		color: #fff;
	}
	ul.f-p .f-p-vald {
		padding-top: 8px !important;
		color: #fff;
	}
	ul.f-p li ul {
		top: 45px;
	}
}

@media all and (max-width: 700px) {
	td.Knapp_Kop.variantKopknapp form {
		flex-flow: column;
	}
	td.Knapp_Kop.variantKopknapp form .FrilangdFaltVariant {
		width: 62% !important;
	}
	td.Knapp_Kop.variantKopknapp form .Knapp_Kop_Tabell {
		margin: 0;
	}

	.Knapp_Kop.variantKopknapp form {
		padding: 3px;
		float: right;
	}

	.Knapp_Kop.variantKopknapp .Knapp_Kop_Tabell {
		padding: 2px 0 0;
	}
	.Knapp_Kop.variantKopknapp .Knapp_Kop_Tabell tr {
		display: flex;
		flex-flow: row;
	}
	.Knapp_Kop.variantKopknapp .Knapp_Kop.KKn3 {
		flex-grow: 1;
	}
	.Knapp_Kop.variantKopknapp .Knapp_Kop_Tabell tbody,
	.Knapp_Kop.variantKopknapp .Knapp_Kop.KKn3 a {
		width: 100%;
	}
}

@media all and (max-width: 580px) and (min-width: 300px) {
	.f-p {
		display: none !important;
	}
	.mobilenav .f-p {
		display: block !important;
	}
	.mobilenav .f-p-vald {
		height: 120px;
		font-weight: bold;
		font-size: 16px !important;
	}
	.mobilenav ul.f-p li ul {
		width: 210px !important;
	}
	.mobilenav ul.f-p li ul li a {
		height: 40px !important;
		line-height: 40px !important;
		font-size: 16px !important;
	}
}

@media all and (max-width: 500px) {
	#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {
		width: 40%;
	}
}

/* ------------------------------------------ */
@media all and (max-width: 450px) {
	.login .loginLabel {
		display: none;
	}
	.artikelgrupp_std .PT_Text_Kort {
		display: none;
	}
	.artikelgrupp_std .PT_Bildruta {
		width: 30% !important;
	}
	.artikelgrupp_std .PT_Beskr {
		width: 65% !important;
	}
	.PT_Wrapper {
		width: 49.2% !important;
		margin: 1% 0 1% 1.6%;
	}
	.PT_Wrapper:nth-child(4n + 3) {
		margin-left: 0 !important;
	}
	.PT_Wrapper .PT_Bildruta {
		height: 120px;
	}
	.PT_Wrapper .PT_Bildruta img {
		max-height: 120px;
	}
	.PT_Wrapper .PT_Text_Kort,
	#breadcrumb {
		display: none;
	}
	.PT_Wrapper .PT_Beskr a {
		font-size: 14px;
	}
	.Snabbkassa_Flik_Normal div,
	.Snabbkassa_Flik_Normal span {
		font-size: 15px !important;
	}
	.Snabbkassa_Kunduppgift_Etiketter {
		width: 38%;
	}
	.KundprofilFaltOK,
	.KundprofilFaltFEL,
	.KundprofilFaltOK_Kort,
	.KundprofilFaltFEL_Kort {
		width: 55%;
	}
	.Snabbkassa_Kundfalt_Marginal.SKM_PNr {
		width: 100%;
		display: inline-block;
	}
	.Snabbkassa_Kundfalt_Marginal.SKM_PNr label {
		line-height: 15px;
	}
	.Kunddata #Adressblock table,
	.Kunddata #Adressblock .Pnr_Tabell {
		width: 100%;
	}
	input#Pnr {
		width: 85%;
	}
	#KreditorInfo {
		font-size: 11px;
	}
	#AdressblockLoggain .Snabbkassa_Kunduppgift_Etiketter {
		width: 100%;
	}
	#minsidaDrop ul li ul li {
		padding: 10px;
		margin: 0;
		text-align: center;
		width: 49%;
	}
	#minsidaDrop li span a::before {
		font-size: 40px;
	}
	.OrderTable {
		overflow-x: scroll;
		display: block;
	}
	/*.IkonNyhetArtgruppFaltSV .PT_UtskriftIkonNyhet:after, #IkonNyhetFaltSV .Ikon_Nyhet:after,
	.IkonKampanjArtgruppFaltSV .PT_UtskriftIkonKampanj:after, #IkonKampanjFaltSV .Ikon_Kampanj:after	
	{font-size:11px; height:50px; line-height:50px; width:50px;}*/
	.IkonKampanjArtgruppFaltSV,
	.IkonKampanjArtgruppFaltNO,
	.IkonKampanjArtgruppFaltFI,
	.IkonKampanjArtgruppFaltDK,
	.IkonNyhetArtgruppFaltSV,
	.IkonNyhetArtgruppFaltNO,
	.IkonNyhetArtgruppFaltFI,
	.IkonNyhetArtgruppFaltDK {
		top: 0px;
	}
	a#Pnr_Knapp {
		font-size: 13px !important;
	}
	input#GodkannaVillkorCB {
		width: 20px;
		height: 20px;
		background: #fff;
		border: 1px solid #000;
	}
	#LankKassanAngeAdress label.Snabbkassa_Kunduppgift_Etiketter,
	.LankLoggain label.Snabbkassa_Kunduppgift_Etiketter {
		display: none;
	}
	.kontaktform,
	.kontaktformarea,
	.kontaktText,
	.kontaktform {
		width: 265px !important;
	}
}