/*--------------------------------------------------------------------------------------------------
  Site: 
  This CSS is a part of Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2017. ALL RIGHTS RESERVED.
--------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1420px) {
	.header {padding:0 10px 5px 10px;}	
	#Faktablad, .wrapper .section #main {padding:10px 0 40px;}
	.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: 1200px) {
	#Faktablad, .wrapper .section #main {padding: 10px 10px 40px;}
}
@media screen and (max-width: 950px) {
	.prodmeny.nav .niva1 li a, .prodmeny.nav .nav-menu li a {font-size: 11px; padding: 0 10px;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 850px) {
	/* GRID */
	.col {margin:1% 0 1% 0%;}	
	[class*="span_"] {width:100%;}
	.startpuffar [class*="col"] {text-align: center;}

	/* MAIN TEMPLATE */
	.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:57px 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:56%; 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:50px; width:auto;}

	.inloggning a.login, .inloggning, #kundvagn {margin:0;}
	.inloggning:before{font-size:13px;}
	.sprakfras {display: none;}
	.toppmeny_sprak{width:auto; max-width: none;}
	.sprakval a{padding-right: 10px;}

	.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;}

	/* 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: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:40px; 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_WrapperLista {width:100%;}
	.PT_WrapperLista .PT_Pris {height:inherit; padding:10px 0;}
	
	/* PRODUCT PAGE */ 
	#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%;}
		
	/* MAGIC ZOOM */
	.MagicThumb-background {position:relative !important;}
	
	/* FONT SIZE */
	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;}

	.prodmeny.nav .niva1 li a, .prodmeny.nav .nav-menu li a, .inloggning {font-size: 12px; text-transform: uppercase;}
	.toppmeny_sprak, .inloggning {height: 50px; line-height: 50px;}
	.sprakval {margin-top: 10px;}
	.right_container {margin: 0;}

	.pluppText {width: 26px; height: 26px; bottom: 11px;}
	.wishlist-button {text-align: center;}

	/* HITTA ÅTERFÖRSÄLJARE */
	.Hitta_Butik_Main input, .Hitta_Butik_Main select {width: 100%; background-position: 98% center; margin-bottom: 5px;}
}
/*----------------------------------------------------------------------------------*/
@media screen and (max-width: 500px) {
	.Varum_Grupperad div {width:49%;}
	.PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris .PT_PrisKampanj, .PT_PrisOrdinarie {font-size: 16px;}
	.plupp .fa-heart {line-height: 34px;}

}