/*---------------------------------------------------------------------------------
   Site: 
   COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2019. ALL RIGHTS RESERVED.
---------------------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
	.header {padding-right:10px; padding-left:10px;}	
	#Faktablad, .wrapper .section #main {padding:10px 10px 0;}
	.breadcrumb {padding:0 10px;}
	.footer {padding:20px;}
}
/*------------------------*/
@media screen and (max-width: 850px) {	
	td, tr {text-overflow:ellipsis; white-space:normal;}
	html {-webkit-text-size-adjust:none;}

	 /* MAIN TEMPLATE */
	.header-wrapper {z-index:55; position:fixed;}
	.topbar.content {padding:0 10px 0 0;}
	.navlist {border:none;}
	.wrapper {padding:56px 0 10px;}
	.headroom--unpinned {-webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); transform:translateY(0%);}
	.logo {position:absolute; left:50%; top:50%; padding:0; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.inloggning a.login, .inloggning, #kundvagn {margin:0;}
	.inloggningsruta {top:225px;}
	.inloggning {height:50px; line-height:50px; text-transform:uppercase; width:100%;}
	.inloggning:hover {background:none;}
	.stang::after {content:"\f00d"}
	.footer {text-align:center; padding:20px;}
	.footer .col {margin:0 0 20px;}
	.footer .nyhetsbrev input {width:80%;}
	.footer .nyhetsbrev .Knapp_Anmalan {width:20%;}
	.footer-content {padding:10px 0; margin:0; border-top:1px solid #ddd; border-right:0; min-height:50px;}
	.desktop {display:none !important;}
	.mobile {display:block !important;}
	
	/* START PAGE */
	.owl-controls {position:relative;}
	.owl-prev::before, .owl-next::before {font-size:16px;}
	.owl-prev {top:2px; left:30%; text-align:left;}
	.owl-next {top:2px; right:30%; text-align:right;}
	.centerpuff h3 a, .centerpuff h4 a {font-size:15px; padding:5px;}
	
	 /* ARTICLE GROUP */
	.Artgrupp_header {margin:0 0 10px 0;}
	.Artgrupp_header .fa-sort {width:5%; margin-right:1%;}
	.Artgrp_Sorteringsordning {float:left; width:94%;}
	.ArtgrpHeadline {font-size:1.4em;}
	.Artgrp_VisaFler {margin:10px 0 0; text-align:left;}
	.Artgrupp_header b {width:30%; float:left; height:20px; line-height:20px; margin:0 0 5px }
	.Artgrupp_header span select {width:100%;}
	.Artgrp_VisaFlerArtiklar_Markerad, .Artgrp_VisaFler a {padding:8px; margin:0 0 5px;}
	#ListaOmArtiklarSaknas li a {font-size:20px; padding:0px; text-align:center; line-height:40px; height:40px;}
	.PT_Wrapper {width:48.8%; border:none;}
	.PT_Wrapper:hover {border:none;}
	.PT_Knappar table, .PT_Knappar .Knapp_Kop, .PT_Knappar a {width:100%;}
	.PT_Wrapper .PT_Bildruta {min-height:130px; line-height:normal;}
	.PT_Wrapper .PT_Bildruta img {max-height:130px;}
	.PT_Wrapper .PT_Text_Kort, .breadcrumb {display:none;}
	.PT_Wrapper .PT_Beskr {height:70px;}
	.PT_Wrapper .PT_Beskr a {font-size:14px;}
	.PT_Pris {height:70px; padding:5px 0 0; text-align:center;}
	.PT_Pris span {display:block;}
	.PT_Status {margin:-2px 0 0; text-align:center !important;}
	.PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris .PT_PrisKampanj {font-size:18px;}
	.PT_Wrapper .PT_PrisOrdinarie {font-size:12px;}
	.PT_WrapperLista {width:100%;}
	.PT_WrapperLista .PT_Pris {height:inherit; padding:10px 0;}
	.Faktablock1 .m_12_of_12 {margin:0 0 5px;}
	.Faktablock1 .m_12_of_12:last-of-type {margin:0;}
	.PT_Topoffer_Wrapper {width:98.8%; border:none;}
	
	 /* PRODUCT PAGE */ 
	#ArtikelnamnFalt {margin:10px 0 7px; text-align:center; font-size:2em;}
	#PrisFalt, #PrisFaltStafflade, #VarumarkeFalt, .TextKort, .Faktablock1, .betyg_siffra {text-align:center;}
	#KundBetyg, .PrisFav {text-align:center;}
	.levinfo .col:nth-child(2) {margin-left:1.6%;}
	.storleksguide.active {width:80%; top:68px;}
	.close {right:-25px;}
	.PrisFav {justify-content:center;}
	#more-text {cursor:pointer; font-weight:bold; display:block;}
	#more-text:after {content:'\f078'; padding-left:5px;}
	#get_additional_grades {margin:15px 0 0 10px;}
	
	 /* MISC */
	#minsidaDrop ul li ul li {padding:3px 10px; margin:0; text-align:center; width:32%;}
	#minsidaDrop li span a::before {font-size:35px;}
	#Felmeddelande {width:300px; top:70px;}
	.login-btn div {text-align:center; width:100%;}
	h1 {font-size:1.5em;}
	
	 /* MY PAGE */
	#minsidaDrop > ul {height:50px; position:relative;}
	#minsidaDrop > ul > li {position:absolute;}
	#minsidaDrop > ul > li > ul {z-index: 1; cursor:default; height:35px; overflow:hidden; background:#fff; border:1px solid #f1f1f1; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	#minsidaDrop > ul > li > ul::after {width:20%; cursor:pointer; content:'\f078'; position:absolute; right:0px; top:0; height:100%; padding:8px 10px 0 0; text-align:right;}
	#minsidaDrop > ul > li > ul.active {height:auto;}
	#minsidaDrop > ul > li > ul.active:after {content:'\f077';}	
	#minsidaDrop > ul > li > ul.active > li {border-bottom:1px solid #f1f1f1;}
	#minsidaDrop > ul > li > ul > li {width:100%; text-align:left; padding:0 10px;}
	#minsidaDrop > ul > li > ul > li > span {display: block; float: left; height:35px; line-height:35px}
	#minsidaDrop > ul > li > ul > li.m_selected {-webkit-order:-1; -ms-flex-order:-1; order:-1;}	
	#minsidaDrop li span a {font-size:14px !important; position: relative; margin-left:30px;}
	#minsidaDrop li span a::before {font-size:20px; margin:0 0 0 10px; position:absolute; left:-40px;}
}
/*------------------------*/
@media screen and (max-width: 750px) {
	[class*="s_"] {width:100%;}
	.col {margin:1% 0 1% 0%;}
	.m_12_of_12 {width:100%} .m_11_of_12 {width:91.46%} .m_10_of_12 {width:83%} .m_9_of_12 {width:74.54%} .m_8_of_12 {width:66.08%} .m_7_of_12 {width:57.62%} .m_6_of_12 {width:49.16%} .m_5_of_12 {width:40.7%} .m_4_of_12 {width:32.24%} .m_3_of_12 {width:23.78%} .m_2_of_12 {width:15.32%} .m_1_of_12 {width:6.86%}

	.betyg_skriv, .betyg_utskrift {width:100%;}
	.betyg_skriv {margin-bottom:20px;}
	.betyg_skriv .Knapp_Generell a {font-size:14px; height:35px; line-height:35px; width:200px;}
	.satt_betyg .Knapp_Generell a {width:200px;}
	.betyg h2 {margin-bottom:10px;}
}
/*------------------------*/
@media screen and (max-width: 430px) {
	.Varum_Grupperad div {width:49%;}
	.Onskelista_count {margin:8px 7px 0 0;}
	.favoriter .PT_Pris {height:40px;}
}