/* 985px */
@media only screen and (max-width: 985px){


	div.vertikal-meny div.huvud a.orangebold{
		color: #e2ce08;
		font-weight: bold;
	}


    html{
        -webkit-text-size-adjust: none;
    }
    img{
        width: 100%;
        height: auto;
        width: auto\9; /* IE9 and below */
        display:block;
    }

	div.tva-kolumner div.kolumn-ett div.bild img {
		width:auto;
    		max-width: 100%;
	
	}

    .ejresp{
        display:none;
    }
    br.onlyresp, span.onlyresp{
        display:initial;
    }
    .baramobil{
        display:none;
    }


    div#container {
        width: 100%;
        overflow: hidden;
    }

    div.kont-l{
        float:none;
        width:100%;
        margin-bottom:25px;
    }
    div.kont-r{
        float:none;
        width:100%;
    }

    div#sidhuvud {
        margin-top: 0px;
        height: 142px;
        width: 100%;
        border:1px solid #3989b8;
        background-image: url(../bilder/sidhuvud-resp-3.png);
    }
    div#sidhuvud.hinfo{
        height: 171px;
    }
    div#sidhuvud.hinfo div#menyn{
        margin-top:144px;
    }
    
    div#logo {
        float: left;
        width: 35%;
    }
    div.uc-cont-ny{
        display: none;
    }
    div.uc-cont{
        display: block;
    }


    div#hoger {
        float: left;
        width: 65%;
        padding-top: 23px;
        background-image:none;
    }
    div#hoger.nya {
        padding-top: 12px;
    }
    div#hoger.nyare {
        padding-top: 8px;
    }
    div.sok-sidhuvud-cont{
        padding-bottom: 3px;
    }

    div.nivoSlider{
        width:100%;
        height:auto;
    }

    div#main{
        padding-top:3%;
        width:100%;
        height:auto;
    }
    div#main div.slider-wrapper.theme-default {
        margin-bottom: 3%;
    }

    div.kolumn-ett, div.en-kolumn.produktsidor, div.en-kolumn.kassasidor{
        float: left;
        width: 24%;
        padding-right: 2%;
    }
    div.kolumn-tva {
        float: left;
        width: 74%;
    }
    div.vertikal-meny {
        padding: 0px 0px 10px 0px;
    }

    div#sokruta {
        float: left;
        padding-right: 0px;
        padding-top: 0px;
        width: 100%;
    }
    div.sok-v {
        float: none;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 4px;
        padding-left: 8px;
        box-sizing: border-box;
    }
    div.sok-v input.sokfalt{
        width: 100%;
        box-sizing: border-box;
    }
    div.sok-h {
        float: none;
        width: 100%;
        padding-right: 0px;
        padding-left: 8px;
        padding-bottom: 8px;
    }
    div.vertikal-meny div.huvud a {
        word-wrap: break-word;
    }
    

    div.produkt-cont {
        float: left;
        margin-left: 2%;
        margin-bottom: 20px;
        width: 23%;
        overflow: hidden;
        box-sizing: border-box;
        border:1px solid #edefef;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(187,187,187,0.7);
        -moz-box-shadow: 1px 1px 3px 0px rgba(187,187,187,0.7);
        box-shadow: 1px 1px 3px 0px rgba(187,187,187,0.7);
    }
    div.produkt-cont.tvakol {
        margin-left: 2%;
    }
    div.produkt-cont.tvakol.sist {
        margin-left: 2%;
    }

    div.produkt-cont div.main {
        background-image: none;
        padding: 0px 0px 0px 0px;
        width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }
    div.produkt-cont div.bot {
        display:none;
    }
    div.produkt-cont div.bild-cont {
        width: 100%;
        height: 200px;
        text-align: center;
        overflow: hidden;
    }
    #wrapper {
        display: table;
        width: 100%;
    }
    div.produkt-cont #cell {
        display: table-cell;
        vertical-align: middle;
        height: 200px;
    }
    div.produkt-cont #cell img{
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        width: auto\9; /* IE9 and below */
        display:inline-block;
    }
    div.produkt-cont div.text-outer-cont{
        
    }
    div.produkt-cont div.text-cont{
        width:100%;
        word-wrap: break-word;
        box-sizing: border-box;
        padding: 6px 0px 0px 4px;
    }
    div.storlek-outer-cont {
        width: 100%;
        height: 26px;
        overflow: hidden;
        padding: 1px 3px 0px 3px;
        margin-left: 0px;
        margin-top: 0px;
        box-sizing: border-box;
        overflow: hidden;
    }
    div.storlek-cont {
        float: none;
        overflow: hidden;
        margin-left: 0px;
        padding: 1px 0px 1px 0px;
    }
    div.storlek-cont select{
        width:100%;
        margin:0px;
        box-sizing: border-box;
    }

    div.produkt-cont div.pris-cont {
        float: left;
        width: 85px;
        padding: 7px 0px 0px 3px;
        overflow: hidden;
    }
    div.produkt-cont div.knapp-cont {
        float: right;
        height: 26px;
        width: 55px;
        padding: 4px 4px 0px 0px;
        overflow: hidden;
    }
    div.info-outer{
        background-color: #edefef;
        height:149px;
        overflow: hidden;
    }

    div#sidfot {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        height:101px;
    }

    div.fritt-falt.navigering{
        margin: 0% 0% 3% 0%;
    }

    div.produkt-info {
        float: left;
        width: 45%;
    }
    div.produkt-bild {
        float: left;
        padding-left: 3%;
        width: 52%;
    }
    div.smabilder{
        padding-bottom:3%;
    }
    div.smabilder div{
        width:23%;
        padding-right:2%;
    }
    div.forsta-bild-lank-cont{
        height:auto;
        padding:0% 0% 3% 0%;
    }



    form.kv-form{
        margin-top:3%;
    }
    div.kv-cont{
        width:100%;
    }
    div.kv-cont div.kv-bild {
        box-sizing: border-box;
        width:7%;
        padding-right:2%;
    }
    div.kv-cont div.kv-bild img{
        width: 100%;
    }
    div.kv-cont div.kv-produkt {
        box-sizing: border-box;
        width: 40%;
    }
    div.kv-cont.kassan div.kv-produkt {
        width: 52%;
    }
    div.kv-cont div.kv-pris {
        box-sizing: border-box;
        width:20%;
        padding-right: 2%;
    }
    div.kv-cont div.kv-pris.valjstrlk{
        box-sizing: border-box;
        width:48%;
        padding-right:2%;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-ett{
        float:right;
        text-align:right;
        width:56px;
        padding-top:2px;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-ett img{
        display: inline-block;
        width: 51px;
        vertical-align: bottom;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-tva{
        float:right;
        text-align:right;
        width:130px;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-tva select{
        width:120px;
        margin:2px;
    }
    div.kv-cont div.kv-antal {
        box-sizing: border-box;
        width:8%;
        padding-right: 2%;
    }
    div.kv-cont div.kv-summa {
        box-sizing: border-box;
        width:20%;
        padding-right: 2%;
    }
    div.kv-cont div.kv-tabort {
        box-sizing: border-box;
        width:5%;
        padding-right: 2%;
        text-align: right;
    }
    div.kv-cont div.kv-tabort img{
        display: inline-block;
        width:100%;
        max-width:13px;
        vertical-align: bottom;
    }

    div.kv-cont.kassan div.kv-rad div.varav_moms{
        box-sizing: border-box;
        padding-right:2%;
    }
    div.kv-cont.kassan div.kv-rad div.total{
        box-sizing: border-box;
        padding-right:2%;
    }



    div.kv-relaterade-cont {
        margin-top: 2%;
        margin-left: 0px;
        padding-left: 0px;
        border: 1px solid #fff;
    }
    div.kv-relaterade-inner-cont{
        padding-bottom:3%;
    }
    div.kv-relaterade {
        float: left;
        width: 160px;
        padding-right: 2%;
        padding-top: 3%;
        padding-bottom: 2px;
    }
    div.kv-relaterade div.kv-rel-bild {
        width: 50px;
    }
    div.kv-relaterade div.kv-rel-bild img{
        width: 40px;
    }
    div.kv-relaterade div.kv-rel-namn {
        float: left;
        width: 110px;
    }
    div.kv-cont div.kv-fritext{
        box-sizing: border-box;
        width:100%;
        padding-top:1%;
    }
    div.kv-cont div.kv-fritext .textfalt-fritext{
        box-sizing: border-box;
        width:100%;
    }






    table.kvtabell-kassan {
        width: 98%;
    }
    table.kvtabell-kassan td.antal{
        width:40px;
    }
    table.kvtabell-kassan td.pris{
        width:80px;
    }

    div.betalsatt-cont{
        box-sizing: border-box;
        margin-left: 0%;
        width:40%;
    }
    div.betalsatt-cont h3{
        margin-left: 0%;
    }
    div.betalsatt-cont div.betalsatt {
        box-sizing: border-box;
        float: left;
        padding: 10px 8px 10px 8px;
        text-align: center;
        margin-left: 0px;
        margin-bottom: 0px;
        cursor: pointer;
        cursor: hand;
        width: 49%;
        margin-right: 2%;
        height: 210px;
        background-image: none;
        border:1px solid #ededed;
    }
    div.betalsatt-cont div.betalsatt.fakt {
        margin-right: 0%;
    }

    div.betalsatt-cont div.betalsatt.var, div.betalsatt-cont div.betalsatt.var.fakt{
        margin-left: 0px;
        margin-right: 15px;
        width: calc(33.33% - 10px);
    }
    div.betalsatt-cont div.betalsatt div{
        height:45px;
    }

    div.betalsatt-cont div.betalsatt:hover, div.betalsatt-cont div.betalsatt.markerad{
        background-image: none;
        border:1px solid #b6b6b6;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);
        -moz-box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);
        box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);
    }

    div.leveransalternativ-outer-cont {
        box-sizing: border-box;
        width:59%;
        margin: 0%;
        margin-left: 1%;
    }
    div.leveransalternativ-outer-cont h3{
        margin-left: 0px;
    }

    div.leveransalternativ-inner-cont {
        box-sizing: border-box;
        padding: 10px 0px 0px 9px;
        width: 100%;
        height: 210px;
        background-image: none;
        border:1px solid #b6b6b6;
        -webkit-box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);
        -moz-box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);
        box-shadow: 0px 0px 4px 0px rgba(170,170,170,1);

    }
    div.lev-alt-v {
        float: left;
        width: 9%;
    }
    div.lev-alt-h {
        float: left;
        width: 91%;
        font-size: 12px;
    }

    div.leveransalternativ-inner-cont.var div.lev-alt-v{
        width: 25px;
    }

    div.epost-cont{
        box-sizing: border-box;
        width: 28%;
        margin-left: 0px;
    }
    div.epost-cont input.textfalt-stort.epost{
        box-sizing: border-box;
        width: 100%;
    }
    div.persnr-cont{
        box-sizing: border-box;
        width: 28%;
        margin-left: 2%;
    }
    div.persnr-cont input.textfalt-stort{
        box-sizing: border-box;
        width: 100%;
    }
    div.rabatt-cont{
        box-sizing: border-box;
        width: 38%;
        margin-left: 2%;
    }
    div.rabatt-cont  input.textfalt-stort{
        box-sizing: border-box;
        width: 50%;
    }
    h3.dina-uppg-rub{
        margin-left: 0px;
    }
    div.dina-uppgifter-cont{
        box-sizing: border-box;
        margin-left: 0px;
        float: left;
        padding: 3% 3% 0% 3%;
        width: 47%;
        min-height: 0px;
        height:auto;
        border:1px solid #ededed;
    }
    div.dina-uppgifter-cont.mpad{
        padding-bottom: 3%;
    }
    div.uppg-v {
        box-sizing: border-box;
        width: 40%;
        word-wrap: break-word;
    }
    div.uppg-h {
        box-sizing: border-box;
        width: 60%;
    }
    div.uppg-h input.textfalt{
        box-sizing: border-box;
        width: 100%;
    }
    div.uppg-h input.textfalt-kort{
        box-sizing: border-box;
        width: 60px;
    }
    span.smsav{
        font-size:11px;
    }

    div.bet-v.godk {
        float: left;
        width: 180px;
        padding: 0px;
        padding-top: 0px;
        margin-bottom:3%;
    }
    div.bet-v.godk.var{
        margin-bottom:0%;
    }

    div.skicka-order-cont{
        box-sizing: border-box;
        margin-left: 3%;
        width:50%;
        padding-right:3%;
    }

    div#kassa-knapp-cont{
        width:100%;
    }
    div#kassa-knapp-cont input{
        width:100%;
        max-width:100%;
    }

    div.ovrigt-cont {
        box-sizing: border-box;
        margin-top: 3%;
        float: left;
        padding: 3% 3% 3% 3%;
        width: 100%;
    }
    div.ovrigt-cont textarea.textfalt{
        box-sizing: border-box;
        width:100%;
    }

    div.levonsk-cont{
        box-sizing: border-box;
        margin-top: 3%;
        padding: 3% 3% 3% 3%;
        width: 100%;
    }


    div.dina-uppgifter-orderbekr{
        box-sizing: border-box;
        float:left;
        width:60%;
        padding-right:2%;
    }
    div.dina-uppgifter-orderbekr div.uppg-v{
        width: 40%;
        word-wrap: break-word;
    }
    div.dina-uppgifter-orderbekr div.uppg-h{
        width: 60%;
        word-wrap: break-word;
    }

    div.betalningsalt-orderbekr{
        float:left;
        width:40%;
    }
    div.betalningsalt-orderbekr p img{
        width:auto;
    }
    img#skriv-ut-bild{
        max-width:74px;
    }


    div.moduler.info div.kolumn-tva{
        box-sizing: border-box;
        width:74%;
        padding-right:2%;
    }
    div.moduler.info div.kolumn-tva div.fritt-falt img{
        display: inline-block;
        width:auto;
    }

    div.kolumn-tva.dina-sidor{
        box-sizing: border-box;
        padding-right:2%;
    }
    div.login-cont{
        box-sizing: border-box;
        width:34%;
    }
    div.login-cont input.textfalt-login{
        box-sizing: border-box;
        width:100%;
    }
    div.login-cont.sist{
        box-sizing: border-box;
        width:32%;
    }
    div.login-cont.sist input{
        max-width: 100%;
    }

    div.logga-ut{
        padding-right:2%;
    }

    div.erbjudande-kassan-v {
        float: left;
        width: 6%;
    }
    div.erbjudande-kassan-h {
        float: left;
        padding-left:2%;
        width: 92%;
        padding-top: 1%;
    }

    div#kassa-knapp-loader-cont {
        margin-top: 15px;
        display: none;
        height: auto;
        width: 100%;
        box-sizing: border-box;
    }
    div#kassa-knapp-loader-cont div.bild {
        float: none;
        padding-left: 0px;
        width: 100%;
        padding-top: 7px;
        margin: 0px;
        text-align: center;
    }
    div#kassa-knapp-loader-cont div.bild img{
        display: inline-block;
        width:auto;
        vertical-align: bottom;
    }
    div#kassa-knapp-loader-cont div.text {
        float: none;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    div.nyhetsb-ruta div.nyhetsb-info{
        margin-top:-12px;
        font-size: 11px;
    }

    div.leveransalternativ-inner-cont.var{
        width: 97%;
    }
    div.betalsatt-cont.var {
        max-width: 97%;
        width: 97%;
    }

}




/* max 985px - min 600px */
@media only screen and (max-width: 985px) and (min-width: 600px){



    div.produkt-pris-cont {
        float:none;
    }
    div.produkt-storlekar-cont {
        float: left;
        width:auto;
        max-width: 130px;
        padding-top: 6px;
        padding-bottom: 2px;
        text-align: left;
    }
    div.produkt-storlekar-cont select{
        width:auto;
        max-width: 120px;
    }
    div.produkt-knapp-cont {
        float: left;
        width: 66px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: left;
        margin-left:33px;
    }
    div.produkt-antal-cont {
        float: left;
        width: 30px;
        padding-top: 5px;
        padding-bottom: 2px;
        text-align: left;
        margin-left: -95px;
    }
    div.produkt-info h2{
        margin:0% 0% 15px 0%;
    }



    div.relaterade-cont {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    div.relaterade-cont div {
        padding-bottom: 3%;
        padding-top: 2%;
    }
    div.relaterade-cont div.relaterade-bild img{
        width:50px;
    }
    div.relaterade-cont div.relaterade-form {
        border-bottom: none;
        float: left;
        overflow: hidden;
        width: auto;
        padding: 3% 0% 0% 0%;
        text-align: left;
    }
    div.relaterade-cont div.relaterade-storlek-cont{
        float:left;
    }


}





@media only screen and (max-width: 900px){
    div.produkt-cont div.bild-cont, div.produkt-cont #cell{
        height:180px;
    }
    div.produkt-cont div.pris-cont {
        float: none;
        width: 92px;
        padding: 1px 0px 0px 3px;
        overflow: hidden;
    }
    div.produkt-cont div.knapp-cont {
        float: none;
        height: 32px;
        width: 100%;
        padding: 2px 4px 4px 4px;
        overflow: hidden;
        box-sizing: border-box;
    }
    br.dnh{
        display:none;
    }
    div.produkt-cont div.text-cont{
        font-size:0.9em;
    }
    br.smsbr, br.privforbr{
        display:initial;
    }

}
@media only screen and (max-width: 850px){
    div.produkt-cont div.text-cont{
        font-size:11px;
        line-height: 12px;
    }
    div.uppg-v {
        font-size:12px;
    }
}
@media only screen and (max-width: 800px){
    div.produkt-cont div.bild-cont, div.produkt-cont #cell{
        height:160px;
    }
    div.produkt-info {
        width: 51%;
    }
    div.produkt-bild {
        width: 46%;
    }
    div.uppg-v {
        font-size:11px;
        width: 45%;
    }
    div.uppg-h {
        width: 55%;
    }
    div.dina-uppgifter-orderbekr div.uppg-v{
        font-size:11px;
    }
    div.dina-uppgifter-orderbekr div.uppg-h{
        font-size:11px;
    }
}
@media only screen and (max-width: 700px){
    div.produkt-cont div.bild-cont, div.produkt-cont #cell{
        height:140px;
    }
    div.produkt-info {
        width: 56%;
    }
    div.produkt-bild {
        width: 41%;
    }
    div.lev-alt-h {
        font-size: 11px;
    }
}
@media only screen and (max-width: 650px){
    div.produkt-cont div.bild-cont, div.produkt-cont #cell{
        height:130px;
    }
}




/* 750px */
@media only screen and (max-width: 750px){
    div.epost-cont{
        box-sizing: border-box;
        width: 26%;
        margin-left: 0px;
    }
    div.epost-cont input.textfalt-stort.epost{
        box-sizing: border-box;
        width: 100%;
    }
    div.persnr-cont{
        box-sizing: border-box;
        width: 26%;
        margin-left: 2%;
    }
    div.persnr-cont input.textfalt-stort{
        box-sizing: border-box;
        width: 100%;
    }
    div.rabatt-cont{
        box-sizing: border-box;
        width: 42%;
        margin-left: 2%;
    }
    div.rabatt-cont  input.textfalt-stort{
        box-sizing: border-box;
        width: 44%;
    }
    div.epost-cont h3, div.persnr-cont h3, div.rabatt-cont h3{
        font-size:13px;
    }
}



/* 700px */
@media only screen and (max-width: 700px){


    div.till-kassan{
        width:100px;
    }
    div.liten-kundvagn {
        float: right;
        background-color: #e5e5e5;
        background-image: none;
        border: 1px solid #3889B8;
        padding-top: 12px;
        padding-right: 15px;
        padding-left: 20px;
        width: 174px;
        height: 42px;
        cursor: pointer;
        cursor: hand;
        font-size: 15px;
        margin-top: 6px;
        margin-bottom: 8px;
    }

    div.nyhetsb-ruta{
        width: 211px;
    }

    div.sok-sidhuvud-cont div.sok-v{
        width:251px;
    }

    div.hamtinfo{
        padding: 6px 90px 5px 13px;
        width: 323px;
        font-size: 14px;
        line-height: 16px;
    }

}







/* 800px */
@media only screen and (max-width: 800px){


}







/* 600 px - mobile version */
@media only screen and (max-width: 600px){
    
    .ejresp{
        display:initial;
    }
    .ejmobil{
        display: none;
    }
    br.onlyresp, span.onlyresp{
        display:none;
    }
    br.onlymobile{
        display:initial;
    }
    .baramobil{
        display:initial;
    }
    div.vertikal-meny a.baramobil{
        display:block;
    }
    div.kv-cont .mobileheader{
        display:initial;
    }
    br.smsbr, br.privforbr{
        display:none;
    }

    p.forminfo, p.formfelmeddelande {
        margin:5% 2% 5% 2%;
    }

    div.kolumn-tva p.formfelmeddelande, div.kolumn-tva p.forminfo{
        margin:3% 2% 3% 2%;
    }
    div.kolumn-tva.kundvagn p.formfelmeddelande, div.kolumn-tva.kundvagn p.forminfo{
        margin:3% 0% 3% 0%;
    }
    div.kolumn-tva.dina-sidor p.formfelmeddelande, div.kolumn-tva.dina-sidor p.forminfo{
        margin:3% 0% 3% 0%;
    }

    p.lank-orderhist{
        margin-top:3%;
    }

    div#sidhuvud, div#sidhuvud.hinfo {
        border:none;
        height:auto;
        padding-top: 100px;
    }
    div#logo {
        float: none;
        width: 250px;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    div#hoger {
        display:none;
        float: none;
        position:absolute;
        margin-top: -118px;
        margin-left:0%;
        width: 100%;
        padding-top: 10px;
        background-image:none;
    }
    div#hoger.nya {
        padding-top: 0px;
    }

    div#sidfot {
        box-sizing: border-box;
        width: 100%;
        height: auto;
        background-image: none;
        padding:6% 0% 2% 0%;

    }
    
    div.liten-kundvagn-mobile{
        display:block;
    }


    div.nyhetsb-cont{
        display:none;
        height: 56px;
        border-bottom:2px solid #fff;
    }
    div#menyn div.nyhetsb-cont{
        display:block;
    }
    div#sidfot div.nyhetsb-cont{
        display:block;
        margin-bottom:4%;
    }
    div.nyhetsb-knapp{
        width:30%;
        margin-top:0px;
        margin-left:0%;
        padding-left: 0px;
        padding-right: 0px;
        padding-top:21px;
        height:56px;
        background-color: #3989b8;
        border-left:3px solid #fff;
        box-sizing: border-box;
        cursor: pointer;
        font-size: 16px;
        line-height: 16px;
    }
    div.nyhetsb-knapp img{
        display:none;
    }
    div.nyhetsb-knapp span{
        display:block;
        width:100%;
        text-align: center;
    }
    div.nyhetsb-ruta{
        box-sizing: border-box;
        float: right;
        padding-right:0%;
        height: 56px;
        position: absolute;
        width: 70%;
        margin-left: 0%;
    }
    div.nyhetsb-ruta input.textfalt{
        box-sizing: border-box;
        width: 100%;
        height:56px;
        margin:0%;
        padding:3px;
        border:1px solid #3889b8;
        font-size: 14px;
    }
    div.nyhetsb-ruta div.nyhetsb-text{
        height:15px;
        overflow: hidden;
    }
    div.nyhetsb-ruta div.nyhetsb-info{
        margin-top:-18px;
        font-size: 12px;
        width:140%;
    }


    div.till-kassan{
        width:30%;
        margin-top:3px;
        margin-left:0%;
        margin-bottom:3px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top:12px;
        height:56px;
        background-color: #3989b8;
        border-left:3px solid #fff;
        box-sizing: border-box;
        cursor: pointer;
    }
    div.till-kassan a{
        color:#fff;
        text-decoration: none;
    }
    div.till-kassan img{
        display:none;
    }
    div.till-kassan span{
        display:block;
        width:100%;
        text-align: center;
        font-size:16px;
        line-height: 16px;
    }
    div.liten-kundvagn {
        float:left;
        width:70%;
        margin-top:3px;
        margin-bottom:3px;
        height: 56px;
        padding-left:2%;
        padding-right:2%;
        font-size: 13px;
        box-sizing: border-box;
    }
    div#menyn-mobile-head{
        display:block;
        position:static;
        margin-top:0px;
        margin-bottom:2px;
        width:100%;
        height:56px;
        padding-top:16px;
        padding-left:4%;
        font-size:20px;
        background-color: #3989b8;
        box-sizing: border-box;
        cursor: pointer;
        background-image: url(bilder/pil.png?r=2);
        background-position: right center;
        background-repeat: no-repeat;
        color:#fff;
    }
    div#menyn {
        display:none;
        position: static;
        margin-top: 0px;
        padding-left: 0%;
        padding-bottom: 0%;
        width:100%;
        background-color: #3989b8;
        box-sizing: border-box;
        z-index:900;
        border-bottom:2px solid #fff;
    }
    div#menyn a, div#menyn a:hover, div#menyn a.markerad {
        display: block;
        float: none;
        margin-left: 0px;
        padding: 4% 0% 4% 4%;
        height: auto;
        background-image: none;
        text-decoration: none;
        font-size: 16px;
        color: #FFF;
        border: none;
        border-top: solid 1px #fff;
        border-top: solid 1px #fff;
        background-image: url(bilder/pil.png?r=2);
        background-position: right center;
        background-repeat: no-repeat;
    }
    div#menyn a:hover, div#menyn a.markerad {
        color: #fff;
        background-color: #21506c;
        border-top: 1px solid #969696;
    }

    div#main{
        padding-top:181px;
    }

    div.en-kolumn.startsidan{
        padding-top:3%;
    }

    .moduler .theme-default .nivo-controlNav {
        margin-left: -150px;
        width: 300px;
    }

    div#sokruta {
        position:absolute;
        float: none;
        padding:0px;
        width: 100%;
        top:60px;
        left:0px;
        z-index: 800;
    }
    div.sok-v {
        float: left;
        width: 70%;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        box-sizing: border-box;
    }
    div.sok-v input{
        width:100%;
        height:56px;
        box-sizing: border-box;
    }
    div.sok-h.ejmobil{
        display:none;
    }
    div.sok-h.only-mobile{
        display:block;
    }
    div.sok-h {
        float: left;
        width: 30%;
        padding-right: 0px;
        padding-left: 3px;
        padding-bottom: 0px;
        box-sizing: border-box;
        text-align: right;
    }

    div.sok-h.only-mobile div.sokknappen{
        width: 100%;
        margin: 0px;
        padding: 0px;
        padding-left: 0px;
        padding-top: 20px;
        height: 56px;
        background-color: #3989b8;
        border:none;
        color:#fff;
        box-sizing: border-box;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
    }

    div#katmenyn-mobile-head{
        display:block;
        position:absolute;
        float: none;
        padding:0px;
        width: 100%;
        height: 56px;
        padding-top: 16px;
        padding-left: 4%;
        font-size:20px;
        top:1px;
        left:0%;
        z-index: 800;
        background-color: #3989b8;
        color:#fff;
        box-sizing: border-box;
        cursor: pointer;
        background-image: url(bilder/pil.png?r=2);
        background-position: right center;
        background-repeat: no-repeat;
    }

    div.tva-kolumner div.kolumn-ett{
        float:none;
    }
    div.tva-kolumner div.kolumn-ett div.bild{
        text-align: center;
    }
    div.tva-kolumner div.kolumn-ett div.bild img{
        max-width:100%;
        display: inline-block;
        vertical-align: bottom;
    }
    div.kolumn-ett, div.en-kolumn.produktsidor, div.en-kolumn.kassasidor{
        width:auto;
        padding:0px;
        margin:0px;
    }
    div.vertikal-meny {
        width:auto;
        padding:0px;
        margin:0px;
    }
    div.meny-outer-cont{
        display:none;
        position:absolute;
        left:0px;
        top:118px;
        z-index: 900;
        width: 100%;
        background-color: #3989b8;
        box-sizing: border-box;
        border-bottom: 2px solid #ccc;
    }
    div.vertikal-meny div.huvud {
        padding: 0px;
    }
    div.vertikal-meny div.huvud a{
        display:block;
        background-image: url(bilder/pil.png?r=2);
        background-position: right center;
    }
    div.vertikal-meny div.huvud a.ejmobil{
        display:none;
    }
    div.vertikal-meny div.huvud a, div.vertikal-meny div.huvud a:hover, div.vertikal-meny div.huvud a.markerad{
        padding: 4% 0% 4% 4%;
        margin:0%;
        height:auto;
        text-decoration: none;
        font-size: 16px;
        color: #FFF;
        border: none;
        border-top: solid 1px #fff;
        background-image: url(bilder/pil.png?r=2);
        background-position: right center;
    }
    div.vertikal-meny div.huvud a:hover, div.vertikal-meny div.huvud a.markerad{
        color: #fff;
        background-color: #21506c;
        border-top:1px solid #969696;
    }

    div.vertikal-meny div.huvud a.julklappshornan:hover, div.vertikal-meny div.huvud a.julklappshornan.markerad{
        color: #b20206;
    }

    div.vertikal-meny div.huvud a.black-friday, div.vertikal-meny div.huvud a.markerad.black-friday{
        font-family: 'GotenborgFraktur';
        font-size: 1.5em;
        background-position: right center;
    }

    div.vertikal-meny div.huvud div.mellan{
        margin-left:0%;
        padding-left:0%;
    }
    div.vertikal-meny div.huvud div.mellan a, div.vertikal-meny div.huvud div.mellan a:hover, div.vertikal-meny div.huvud div.mellan a.markerad{
        border-top: none;
        padding-left:10%;
        background-image: url(bilder/pil-l.png?r=1);
        background-position: left center;
        background-color: #fff;
        color:#333;
        border-top:1px solid #3989b8;
    }
    div.vertikal-meny div.huvud div.mellan a.ett, div.vertikal-meny div.huvud div.mellan a.ett:hover, div.vertikal-meny div.huvud div.mellan a.ett.markerad{
        border-top:none;
    }
    div.vertikal-meny div.huvud div.mellan a:hover, div.vertikal-meny div.huvud div.mellan a.markerad{
        text-decoration: underline;
    }



    div.kolumn-tva{
        box-sizing: border-box;
        float:none;
        width:100%;
        padding-left:0%;
    }
    div.produkt-cont {
        float: left;
        margin-left: 2%;
        margin-bottom: 3%;
        width: 47%;
    }
    div.produkt-cont.tvakol {
        margin-left: 2%;
    }
    div.produkt-cont.tvakol.ett {
        margin-left: 2%;
    }


    div.fritt-falt.navigering{
        margin: 3% 0% 3% 2%;
    }


    div.produkt-bild{
        display:none;
    }
    div.produkt-bild.mobile-pics{
        display:block;
        float:none;
    }

    div.produkt-info{
        width:100%;
        box-sizing: border-box;
        padding:0% 2% 0% 2%;
    }
    div.produkt-info h2 {
        margin: 3% 0% 3% 0%;
    }

    form.produkt-kopruta {
        box-sizing: border-box;
        background-color: #EDEFEF;
        border: 1px solid #E5E5E5;
        padding: 5px 5px 5px 5px;
        margin-bottom: 3%;
        margin-top: 3%;
        min-height: auto;
        height: auto;
        width:100%;
    }
    div.produkt-knapp-cont {
        width: 62px;
    }
    div.produkt-antal-cont {
        width: 28px;
    }
    div.produkt-bild {
        width: 100%;
        padding-left:0%;
    }
    div.produkt-bild div.bild-stor{
        width: 70%;
        padding-left:15%;
    }

    


    div.relaterade-cont {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    div.relaterade-cont div {
        padding-bottom: 3%;
        padding-top: 2%;
    }
    div.relaterade-cont div.relaterade-form {
        float: right;
    }
    div.relaterade-cont div.relaterade-bild img{
        width:48px;
    }
    div.relaterade-cont div.relaterade-bild{
        width:54px;
    }
    div.relaterade-cont div.relaterade-namn {
        width: 137px;
    }

    div.kolumn-tva.kundvagn{
        padding:0% 2% 0% 2%;
    }
    form.kv-form{
        padding-top:3%;
        margin-top:-10px;
    }
    div.kolumn-tva.kundvagn h1{
        margin: 3% 0% 0% 0%;
    }
    div.kv-cont div.kv-rubrikrad{
        display:none;
    }

    div.kv-cont div.kv-bild {
        box-sizing: border-box;
        width: 20%;
        text-align: center;
        padding-right: 0%;
    }
    div.kv-cont div.kv-bild img{
        display: inline-block;
        max-width: 50px;
        vertical-align: bottom;
    }
    div.kv-cont div.kv-produkt {
        box-sizing: border-box;
        width: 80%;
    }
    div.kv-cont.kassan div.kv-rad {
        border-top:1px solid #b5b5b5;
        margin-top:3%;
        padding-top:3%;
    }
    div.kv-cont.kassan.orderbekr div.kv-rad {
        border-top:none;
        margin-top:0%;
        padding-top:0%;
    }
    div.kv-cont.kassan div.kv-produkt {
        width: 100%;
    }

 

    div.kv-cont div.kv-pris {
        width: 30%;
        padding-top:1%;
        text-align: left;
    }
    div.kv-cont div.kv-antal {
        width: 20%;
        padding-top:1%;
        text-align: left;
    }
    div.kv-cont div.kv-summa {
        width: 30%;
        padding-top:1%;
        text-align: left;
    }
    div.kv-cont div.kv-tabort {
        float:right;
        width: 10%;
        padding-top:1%;
    }

    div.kv-cont div.kv-pris.mobileheader{
        padding-top:3%;
    }
    div.kv-cont div.kv-antal.mobileheader{
        padding-top:3%;
    }
    div.kv-cont div.kv-summa.mobileheader{
        padding-top:3%;
    }

    div.kv-cont div.kv-pris.valjstrlk{
        width:90%;
        padding-top:2%;
    }
    div.kv-cont div.kv-tabort.valjstrlktb{
        padding-top:12px;
    }

    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-ett {
        box-sizing: border-box;
        float: right;
        text-align: left;
        width: 30%;
        padding-top: 2px;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-tva {
        box-sizing: border-box;
        float: right;
        text-align: left;
        width: 70%;
        padding-right: 2%;
    }
    div.kv-cont div.kv-pris.valjstrlk div.vljstrl-tva select {
        box-sizing: border-box;
        width: 99%;
        margin-right:0px;
        margin-left:0px;
    }

    div.kv-forts-handla {
        float: none;
        width: auto;
    }
    div.kv-uppd-till-kassan {
        float: none;
        width: auto;
        text-align: left;
        padding-top:4%;
    }

    form#kassanform{
        box-sizing: border-box;
        width: 100%;
        padding-left:2%;
        padding-right:2%;
    }
    table.kvtabell-kassan{
        margin-top:3%;
        width: 100%;
    }

    div.kv-cont.kassan div.kv-rad.oresutj{
        border-top:none;
        margin-top:0%;
        padding-top:1%;
    }
    div.kv-cont.kassan div.kv-rad.total{
        border-top:none;
        margin-top:0%;
        padding-top:1%;
    }

    div.betalsatt-cont{
        margin-left: 0%;
        width:100%;
    }
    div.betalsatt-cont h3{
        margin-left: 0%;
    }
    div.betalsatt-cont div.betalsatt {
        box-sizing: border-box;
        float: left;
        padding: 10px 8px 10px 8px;
        text-align: center;
        margin-left: 0px;
        margin-bottom: 0px;
        cursor: pointer;
        cursor: hand;
        width: 49%;
        margin-right: 2%;
        height: auto;
        background-image: none;
        border:1px solid #ededed;
    }
    div.betalsatt-cont div.betalsatt.fakt {
        margin-right: 0%;
    }

    div.leveransalternativ-outer-cont {
        box-sizing: border-box;
        width:100%;
        margin-top: 6%;
        margin-left: 0%;
    }
    div.leveransalternativ-outer-cont h3{
        margin-left: 0px;
    }

    div.leveransalternativ-inner-cont {
        box-sizing: border-box;
        padding: 10px 0px 0px 9px;
        width: 100%;
        height: auto;
        background-image: none;
    }
    div.lev-alt-v {
        float: left;
        width: 9%;
    }
    div.lev-alt-h {
        float: left;
        width: 91%;
        font-size: 13px;
    }

    div.epost-cont{
        box-sizing: border-box;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 0%;
    }
    div.epost-cont input.textfalt-stort.epost{
        box-sizing: border-box;
        width: 100%;
    }
    div.persnr-cont{
        box-sizing: border-box;
        width: 100%;
        margin-left: 0%;
        margin-bottom: 0%;
        margin-top: 4%;
    }
    form#kassanform.order div.persnr-cont{
        margin-bottom: 6%;
    }
    div.persnr-cont input.textfalt-stort{
        box-sizing: border-box;
        width: 100%;
    }
    div.rabatt-cont{
        box-sizing: border-box;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 6%;
        margin-top: 4%;
    }
    div.rabatt-cont  input.textfalt-stort{
        box-sizing: border-box;
        width: 60%;
    }
    div.epost-cont h3, div.persnr-cont h3, div.rabatt-cont h3{
        font-size:15px;
    }
    h3.dina-uppg-rub{
        margin-left: 0px;
    }
    div.dina-uppgifter-cont{
        box-sizing: border-box;
        margin-left: 0px;
        float: left;
        padding: 3% 3% 0% 3%;
        width: 100%;
        min-height: 0px;
        height:auto;
        border:1px solid #ededed;
    }
    div.uppg-v {
        font-size: 13px;
        width: 100%;
    }
    div.uppg-h {
        float: left;
        width: 100%;
        padding-top: 1%;
    }
    div.uppg-h input.textfalt{
        box-sizing: border-box;
        width: 100%;
    }
    div.uppg-h input.textfalt-kort{
        box-sizing: border-box;
        width: 120px;
    }

    div.bet-v.godk {
        float: left;
        width: 180px;
        padding: 0px;
        padding-top: 0px;
        margin-bottom:3%;
    }

    div.skicka-order-cont{
        margin-left: 0px;
        margin-top: 5%;
        width:100%;
        padding:0%;
    }

    div#kassa-knapp-cont{
        width:100%;
    }
    div#kassa-knapp-cont input{
        width:100%;
        max-width:100%;
    }

    div.fortsatt-but-c{
        width:100%;
    }

    div.ovrigt-cont {
        box-sizing: border-box;
        margin-top: 5%;
        float: left;
        padding: 0% 0% 0% 0%;
        width: 100%;
        border:none;

    }


    div.dina-uppgifter-orderbekr{
        box-sizing: border-box;
        float:left;
        width:100%;
        padding-right:0%;
        margin-top:3%;
    }
    div.dina-uppgifter-orderbekr div.uppg-v{
        width: 40%;
        font-size: 13px;
    }
    div.dina-uppgifter-orderbekr div.uppg-h{
        width: 60%;
        font-size: 13px;
    }

    div.betalningsalt-orderbekr{
        float:left;
        width:100%;
        margin-top:3%;
        padding-top:5%;
        border-top:1px solid #cbcbcb;
    }
    div.betalningsalt-orderbekr p img{
        width:auto;
    }
    img#skriv-ut-bild{
        max-width:74px;
    }

    div.moduler.info div.kolumn-tva{
        box-sizing: border-box;
        width:100%;
        padding-top:3%;
        padding-left:2%;
        padding-right:2%;
    }

    div.moduler.info div.kolumn-tva div.fritt-falt img{
        display: block;
        max-width:100%;
    }


    div.kolumn-tva.dina-sidor{
        box-sizing: border-box;
        padding-top:3%;
        padding-left:2%;
        padding-right:2%;
        width:100%;
    }
    div.kolumn-tva.dina-sidor-start{
        box-sizing: border-box;
        padding-top:3%;
        padding-left:0%;
        padding-right:0%;
        width:100%;
    }
    div.dina-sidor-start-text{
        padding-left:2%;
        padding-right:2%;
    }
    div.login-cont{
        width:100%;
        padding-right:0%;
    }
    div.login-cont input.textfalt-login{
        width:100%;
    }
    div.login-cont.forst{
        padding-bottom:3%;
    }
    div.login-cont.sist{
        width:100%;
    }
    div.login-cont.sist input{
        max-width: 100%;
    }

    div.fritt-falt.historik table{
        width:100%;
    }
    div.fritt-falt.historik td{
        box-sizing: border-box;
        width:20%;
        padding:3%;
        font-size:12px;
    }
    div.fritt-falt.historik td.ett{
        width:10%;
    }
    div.fritt-falt.historik td.visa{
        text-align: left;
        padding:3%;
    }

    div.uc-cont{
        display:none;
    }
    div.uc-cont-m{
        display:block;
        text-align: center;
        padding-top:15px;
    }
    div.uc-cont-m img{
        display: inline-block;
        max-width: 300px;
    }

    div#sidhuvud.ny{
        background-size: initial;
    }

    div.dhlInfoOuter{
    }
    div.dhlInfoInner{
        width:60%;
        margin-top:20%;
        padding:10%;
    }
    div.dhlInfoInner input{
        margin-top:20px;
        padding:10px 50px 10px 50px;
    }

    div.fritt-falt a.katb-1, div.fritt-falt a.katb-2, div.fritt-falt a.katb-3, div.fritt-falt a.katb-4{
        display: block;
        float:left;
        width:45%;
        margin-left:10%;
        margin-bottom:10%;
    }
    div.fritt-falt a.katb-1{
        margin-left:0%;
    }
    div.fritt-falt a.katb-2{
        
    }
    div.fritt-falt a.katb-3{
        margin-left:0%;
    }
    div.fritt-falt a.katb-4{

    }

    div.omdomen-mobile{
        display: block;
        padding-bottom:50px;
    }
    div.omdomen-cont div.le{
        width:10%;
    }
    div.omdomen-cont div.ri{
        width:90%;
    }

    div.omdomen-deskt{
        display: none;
    }

    div.hamtinfo{
        display: none;
    }
    div.hamtinfo.only-mobile{
        display: block;
        position: absolute;
        float: none;
        width: 100%;
        top: 119px;
        left: 0px;
        z-index: 800;

        padding: 11px 90px 5px 13px;
        font-size: 15px;
        line-height: 20px;
    }

    div.swish-bet-cont{
        padding-left: 2%;
        padding-right: 2%;
    }
    div.swish-bet-cont h1{
        margin-top: 3%;
    }
    div.levalt-kol.l{
        padding-left: 4px;
        width: 100%;
    }
    div.levalt-kol.r{
        padding-left: 4px;
        width: 100%;
    }

    div.swish-right {
        float: none;
        display: block;
        width: 131px;
        max-width: 131px;
        padding-top: 0px;
    }
    div.swish-right.ejmobil{
        display: none;
    }
    div.swish-left {
        width: 100%;
    }
    div.swish-left input.textfalt-stort.swish{
        width: 100%;
        padding-top:4px;
        padding-left:10px;
        text-align: left;
        height: 40px;
    }
    span.knappSwish{
        width: 100%;
        height: 40px;
        padding-top:12px;
    }
    div.swishMessageCont{
        width: 100%;
        box-sizing: border-box;
    }
    div.swishMessageCont img{
        max-width: 32px;
    }
    div#loaderCont.swishloadercont{
        width: 100%;
        text-align: center;
        padding-top:4px;
    }

}


@media only screen and (max-width: 470px){
    div#forts-but-id br{
        display: inline;
    }
}


@media only screen and (max-width: 400px){
    div.erbjudande-kassan-h {
        padding-top: 0%;
    }
    div.hamtinfo.only-mobile{
        padding: 6px 90px 5px 13px;
        font-size: 14px;
        line-height: 16px;
    }
}


@media only screen and (max-width: 350px){


    div.betalsatt-cont div.betalsatt.var div{
        height:42px;
        overflow:hidden;
    }
}