/*
--------------------------------------------------------------------------------------------------
  Butik: Wizeguy
  Detta CSS är en del av Askås Internetbutik.
  COPYRIGHT (c) ASKÅS INTERNET- & REKLAMBYRÅ AB 1997-2016. ALLA RÄTTIGHETER RESERVERADE.
--------------------------------------------------------------------------------------------------
*/
/*
--------------------------------------------------------------------------------------------------
                               DESKTOP / maxbredd: 1200px
--------------------------------------------------------------------------------------------------
*/
@media screen and (max-width : 1200px) {
	#wrapper {overflow:hidden; padding:115px 10px 10px 10px;}
	.section_wrapper {padding-bottom:0px;}
	.logo {padding:0 0 0 10px;}
	.PT_Wrapper .PT_Bildruta {min-height:80px;}
	.PT_Beskr {height:55px;}
	.PT_Pris {height:65px;}
	#footer-wrapper {position:relative;}
	#f1, #f2 {padding: 20px;}
	/*#Bildkolumn, #Faktakolumn {width:100%;}*/
	/*#Faktakolumn {margin-left:0;}*/
	/*#Faktakolumn {width: 45%; margin-left: 5%;}*/

	.PT_Pris {
    font-size: 21px;
    line-height: 30px;
	}
	
	/* CUSTOM MOBILE DEVICES */
	td, tr {text-overflow:ellipsis; white-space:normal;}
	html {-webkit-text-size-adjust:none; /* Prevent font scaling in landscape */}
	.Sokknapp, .Laggikorgen_Antalsfalt, #bestallningsknapp {-webkit-appearance:none;}

	#BetalningsmetoderRam span, #FraktmetoderRam span, #AviseringsmetoderRam span {height: 180px;margin: 0.5%;width: 32%;}
	.Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst {width:100%; min-height:10px;}

	.nr3 {padding-right: 0px;}
}



@media all and (max-width: 1360px) and (min-width: 300px) {
	.PT_PrisOrdinarie /*, .PT_PrisKampanj*/ {font-size: 13px; display: block; width: 100%; line-height: 13px;}
}
/*
--------------------------------------------------------------------------------------------------
                              Mxbredd: 1000px
--------------------------------------------------------------------------------------------------
*/

@media screen and (max-width : 1000px) {
	.artikelgrupp-bild, .artikelgrupp-text {width: 100%; display: block; margin-left: 0;}
}

@media screen and (max-width: 980px) {
	#Faktakolumn.span_4_of_12, #Bildkolumn.span_8_of_12 {width: 100%; display: block;}
}


@media all and (max-width: 1100px) and (min-width: 850px) {
	.span_2_of_12 {
	    width: 32.2%;
	}
}

@media all and (max-width: 850px) and (min-width: 480px) {
#footer-wrapper .span_1_of_7, #footer-wrapper .span_2_of_7 {padding:0 25%;}

}
/*
--------------------------------------------------------------------------------------------------
                              MOBIL / maxbredd: 850px
--------------------------------------------------------------------------------------------------
*/
@media screen and (max-width: 850px) {
	#Bildkolumn .span_8_of_10 {width: 70%;}
	#Bildkolumn .span_2_of_10 {width: 28%; margin-bottom: 15px;}
	.BildZoomThumbnails a, .MediaPlay a {width: 215px; height: auto;}
	.mobilenav.active .nav ul.niva1 > li {border-right: none !important;}
	.settings, .inloggning {display: none;}
	.mobilenav.active .inloggning {display: block; width: 100%; line-height: 40px; height: 40px; border-bottom: 1px solid #333; clear:both; padding-left:15px;}
	.mobilenav.active .inloggning a {line-height: 32px; text-transform: uppercase; color: #FFF;}
	.mobilenav.active .settings {display: block; padding-top: 0; color: #FFF; font-size: 16px;}
	.mobilenav.active .li_currency a {color: #FFF !important;}
	.mobilenav.active #toggla-valuta, .mobilenav.active #toggla-sprak  {width: 100%; line-height: 40px; min-height: 40px; border-bottom: 1px solid #333; clear:both; padding-left:15px; text-align: left;} 
	/*.mobilenav.active #toggla-sprak {width: 100%; line-height: 40px; height: 40px; border-bottom: 1px solid #333; clear:both; padding-left:10px;}*/
	.mobilenav.active #sprak-lista, .mobilenav.active #valuta-lista{position: relative; right: 0px; margin: 0;}
	.mobilenav.active .country-list, .mobilenav.active .currency-list {background-color: rgba(0, 0, 0, 0); line-height: auto;}
	.mobilenav.active .country-list li{/*margin-right: 10px;*/}

	.LSS_Input input[type="text"] {border-radius: 0 !important;}
	#Faktakolumn {width: 100%; margin:0; margin-bottom: 10px;}


	/*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%}
	
	/* ARBETSYTA */
	.d1 {display: none;}
	.d2 {background-color: #5bb300; padding-top: 0; padding-bottom: 5px}
	.d3 {display: none;}
	.header {padding:0;}
	.Varukorg .AIRvarukorg-Arrow, .soktoggle, .mobilenav-icon {color: #000;}
	.Varukorg .AIRvarukorg-Qty, .Varukorg .EmptyCart {background-color: #3593d3;}
	.soktoggle, .mobilenav-icon {font-size: 25px;}
	.mobilenav-icon:after {font-family:FontAwesome; content:"\f0c9";}
	.soktoggle:after {font-family:FontAwesome; content:"\f002";}
	.header-wrapper {position: fixed;}
	#topbar {position:relative;}
	.header-wrapper {z-index:5;}
	.topbar.content {padding:0 10px 0 0;}
	#wrapper {padding:52px 10px 10px 10px;}
	.sokrutan, #AIRvarukorg-Wrap {width:100%;}
	.logo {left:50%; margin:7px 0 0 -72px; padding:0; position:absolute; top:0; width:130px;}
	.logo img {max-width:130px; margin-top: -5px;}
	.logo br {display: none;}
	.sokrutan {margin:10px 0px;}
	.sokrutan.active {display:block; position:absolute; top:52px; background-color: #FFF;}
	#LSS_Result {top:49px; width:100%; margin:0; /*padding:10px;*/ max-height:330px; overflow-y:scroll;}
	#LSS_Result #LSS_Close {right:-10px;}
	.inloggning a.login {border:none; margin:0;}
	.inloggningsruta {width:100%; z-index:999; left:0px; margin:0; top:40px;}
	#kundvagn {position:static; background:transparent; margin-top: -37px; margin-right: 10px;}
	.soktoggle {display:inline-block; padding:3px 0 0; margin:0;}
	.mobilenav-icon {cursor:pointer; display:block; float:left; padding:5px 15px 0 10px;}
	#bodywrapper.active .bodycover {position: fixed;top: 0;left: 85%;width: 15%;height: 100%;z-index: 100;}
	.usp {display:none;}
	.inloggningsruta {border-right: 1px solid #000;}
	.settings {padding-bottom: 80px;}

	/* STARTSIDAN */
	.span_1_of_2.boxStart1, .span_1_of_2.boxStart2 {width: 100% !important;}
	.SliderBox {display:none;}
	.section_wrapper {padding-top:45px;}

	/* FILTER */
	.filter.toggle {display: inline-block; width: 100%; background:#3593d3; color: #FFF;}
	.filter.toggle div.active {display:inline-block; text-align:center;}
	.filter.toggle div {display: none;}
	.Filter.active {display:inline-block; width: 100%;}
	.Filter ul > li{width:100% !important; margin: 1% 0 1% 0 !important;}
	.filtermobile {display:none;}
	.filtermobile.active {display:block !important;}
	.sidomeny{display:none !important;}
	.sidomeny.active{display:block !important;}

	/* DOLDA OBJEKT */ 
	.Checkout, .sokrutan, .nav, .toppmeny, .sidomeny {display:none;}
	
	/* FOOTER */
	#footer-wrapper {text-align:center;}
	#footer-wrapper .span_1_of_7, #footer-wrapper .span_2_of_7 {margin-bottom:30px;}
	.footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right:0px; min-height:50px;}
	.toppmeny-desktop h3 {display:none;}
	#f1, #f2 {padding: 10px;}
	#nyhetsbrev {width: 280px; margin:0 auto;}
	.nyhetsbrevbox {margin-top: 15px;}
	
	/* ARTIKELGRUPP */
	.artgr.nomeny {float: left;}
	.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%;}
	.PT_Pris.span_7_of_12 {width: 79%;}
	 .PT_Knappar.span_5_of_12 {width: 20%;}
	/*.PT_Knappar.col.span_5_of_12 > form {float:right;}*/
	.topoffer .span_6_of_12 {width: 100% !important; margin-bottom: 15px;}
	.topoffer .span_6_of_12:nth-child(2) {margin-left:0; margin-top: 0;}
	.Bilder_Artikelgrupp .span_3_of_12 {margin:0; width:33% !important;}
	.Bilder_Artikelgrupp .PT_Bildruta {line-height:90px;}
	.Bilder_Artikelgrupp .PT_Beskr {height:50px; text-align:center;}

	.Bilder_Artikelgrupp .PT_Bildruta {max-height:100px; min-height:100px;}
	
	/* PRODUKTBESKRIVNING */ 
	#ArtikelnamnFalt {margin:10px 0px; text-align:center; font-size:2em;}
	#PrisFalt, #PrisFaltStafflade, #VarumarkeFalt {text-align:center;}
		
	/* KASSA / VARUKORG / DIN SIDA */
	.Kassan {width:100% !important;}
	.Varukorg {min-width:inherit;}
	#AIRvarukorg-Wrap .Checkout {display:block;}
	#AIRvarukorg-Wrap {right:0px; top:43px;}
	#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {font-size:12px; width:40%;}
	.AIRvarukorg-Sum {display:none !important;}
	.GodkannaVillkorochBestallningsknappRam td {width:100%; display:block; text-align:center;}
	#GodkannaVillkorRam {margin:10px 0;}
	.AddKassa, .SubKassa, .remove-it {margin:5px 5px 0;}

	#AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap .Descr{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	
	/* MAGICZOOM */
	.MagicThumb-background {position:relative !important;}

	/* Kassan */
	.Snabbkassa_Varukorg_Tabell_Rad td.Antal {width: 100%;padding: 30px 10px 10px;}
	.Snabbkassa_Varukorg_Tabell_Rad td.Bild {width: 100%;display: inline-block; float: left; margin-top: 20px;}
	tr.Snabbkassa_Varukorg_Tabell_Rad {position: relative;}
	td.Antal a{width:100%;}
	span.Snabbkassa_Varukorg_Tabell_Rad_Beskr{margin:0;}
	span.Snabbkassa_Varukorg_Tabell_Rad_Beskr { width: 100%;text-align: center; height: auto;line-height: normal;margin-top: 10px;}
	.remove-it {position: absolute;top: 10px;right: 0;}
	.Snabbkassa_Varukorg_Tabell_Rad td.Pris {width: 100%;text-align: center; display: inline-block;}
	.Snabbkassa_Varukorg_Tabell_Rad .Pris b {float: none;}
	.sub_add { position: relative; margin: 0 auto;display: table;}
	#BetalningsmetoderRam span, #FraktmetoderRam span{width: 49%;height:150px;}
	.Snabbkassa_Presentkort, tr.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum{width:100%;}

	tr.Snabbkassa_Varukorg_Tabell_Rad { position: relative;width: 99%;float: left;height:280px;margin: 0.5%; padding-top: 10px;}
	.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {height: auto;}
	.Snabbkassa_Varukorg_Tabell_Rad {border-top: 1px solid #eee !important;}
	td.Antal div{text-align:center;}


	.PT_Wrapper {width:48.4% !important; margin:1% 0 1% 1.6%;}
	.PT_Wrapper:nth-child(2n+3) {margin-left:0 !important;}

	.PT_Wrapper_All .left:first-child {margin-left:0;}
	
	.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:45px;}
	/*.PT_Wrapper .PT_Pris, .PT_Wrapper .PT_Pris div, .PT_Wrapper .PT_Pris span*/ .PT_PrisKampanj, .PT_Pris {font-size:25px;}
	#minsidaDrop ul li ul li {padding:10px; margin:0; text-align:center; width:49%;}
	#minsidaDrop li span a::before {font-size:40px;}
	.OrderTable {max-width:320px; 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;}


	.TillbehorVal_TextRad{border:none !important; height: 50px !important;}
	.Varukorg_Rad_Niva_0 {border: none !important;}
	.TillbehorVal_Rad {height: auto !important; width: 49% !important;}
	
	.TillbehorValStilProduktnamn {height: 40px;}


	#Adressblock > table.Pnr_Tabell{
	    width: 90%;
	    padding: 0 !important;
	    margin: 0 !important;
	}

	#KnappAdresshamtningKreditor .Knapp_Generell a {padding: 0px 5px;}

	.Snabbkassa_Kunduppgift_Etiketter {display: block; width: 100%;}
	#Adressblock2 input {width: 90%;}
}

@media all and (max-width: 4000px) and (min-width: 850px) {
.nyhetsbrevbox {float: right;}
}

@media all and (max-width: 850px) and (min-width: 650px) {
.social {width: 50%; margin:0 auto;}
}


@media all and (max-width: 650px) and (min-width: 470px) {
.social {width: 70%; margin:0 auto;}
}

@media screen and (max-width: 600px) {
	.TillbehorVal_Rad {width: 99% !important;}
}

@media screen and (max-width: 550px) {
.PT_Varumarke {height: 45px;}
#Bildkolumn .thumbs {max-height: 250px; overflow: hidden;}
}


@media screen and (max-width: 500px) {
/*.PT_PrisKampanj, .PT_PrisOrdinarie {font-size: 15px !important;}*/
.ProduktBild {width: 100%;}
.BildZoomThumbnails {width: auto !important;}
}
/* ------------------------------------------ */
@media screen and (max-width: 430px) {
	tr.Snabbkassa_Varukorg_Tabell_Rad {width: 99%;}
	.social span {font-size: 20px;}
}

@media screen and (max-width: 410px) {
.PT_Pris.span_7_of_12 {width: 100%;}
.PT_Knappar.span_5_of_12 {width: 100%;}
.PT_Knappar .Knapp_Kop a {width: 100%; max-width: 100%; display: block;}
.TillbehorValStilProduktnamn {height: 60px;}
.Varukorg_Rad_Niva_0 {min-height: 30px !important; height: auto !important;}


.Bilder_Artikelgrupp .span_3_of_12 {width: 50% !important;}
}