/*--------------------------------------------------------------------------------------------------
  Site: 
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1420px) {
	.header {padding:10px;}	
	#Faktablad, .wrapper .section #main {padding:10px 10px 0;}
	.breadcrumb {padding:0 10px;}
	.footer {padding:20px;}
	td, tr {text-overflow:ellipsis; white-space:normal;}
	html {-webkit-text-size-adjust:none;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	/* GRID */
	.col {margin:1% 0 1% 0%;}	
	[class*="span_"] {width:100%;}
		
	/* ARBETSYTA */
	.header {padding:10px; border-bottom:1px solid #eee;}
	.header-wrapper {z-index:55; position:fixed;}
	.topbar.content {padding:0 10px 0 0;}
	.navlist {border:none;}
	.wrapper {padding:56px 0 10px;}
	.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%);}
	.logo img {max-height:40px; width:auto;}
	.inloggning a.login, .inloggning, #kundvagn {margin:0;}
	.inloggningsruta {top:215px;}
	.inloggning {height:50px; line-height:50px; text-transform:uppercase; width:100%;}
	.inloggning:hover {background:none;}
	.mobilenav-icon {display:block; cursor:pointer; float:left; padding:0 15px 0 0; line-height:32px;}
	.mobilenav-icon::after {font-family:"SS BlackTie-Regular"; content:"\E9A1";}
	.stang::after {font-family:"SS BlackTie-Regular";  content:"\2421";}
	.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;}
	
	/* ARTIKELGRUPP */
	.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:190px;}
	.PT_Wrapper .PT_Bildruta img {max-height:180px;}
	.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_Status {margin:-2px 0 0;}
	.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;}
	
	/* PRODUKTBESKRIVNING */ 
	#ArtikelnamnFalt {margin:10px 0px; text-align:center; font-size:2em;}
	#PrisFalt, #PrisFaltStafflade, #VarumarkeFalt {text-align:center;}
	#KundBetyg {text-align:center; float:none;}
	.levinfo .col:nth-child(2) {margin-left:1.6%;}
		
	/* MAGICZOOM */
	.MagicThumb-background {position:relative !important;}
	
	/* TEXTSTORLEKAR */
	h1 {font-size:1.5em;}
	.eight {font-size:10vw}
	.seven {font-size:9vw}
	.six {font-size:8vw}
	.five {font-size:7vw}
	.four {font-size:6vw}
	.three {font-size:5vw}
	.two {font-size:4vw}
	.soktoggle, .mobilenav-icon {font-size:20px}
	.centerpuff h3 a, .centerpuff h4 a {font-size:15px; padding:5px;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 430px) {
	.Varum_Grupperad div {width:49%;}
}