/* REMOVE IOS APPEARENCE */ 
.Sokknapp, .Laggikorgen_Antalsfalt, #bestallningsknapp {-webkit-appearance: none;}

/*
------------------------------------------------------------------------------------------
AIR-RESPONSIVE
------------------------------------------------------------------------------------------
*/
@media screen and (max-width : 1200px) {
    .tryggehandel {display: none;}
    /**/
    .owl-carousel{padding:0;}
    .slidern {padding: 0 30px;}
    .slidern #owl-demo .owl-prev {left:-30px;}
    .slidern #owl-demo .owl-next {right:-30px;}

}

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

/* STARTSIDA */
.usp .puff{min-height:200px;}
.skolor .puff p{min-height:60px;}
.tagline_header{display:none;}

.list .PT_Knappar table {/*margin-top: 0;*/}
.list .PT_Knappar table td {/*padding: 3px;*/}


}



/*----------------------------TABLET / max-width : 900px--------------------------------*/
@media screen and (max-width : 959px) {

/* ARBETSYTA / GENERAL BLOCKS */
#wrapper {overflow:hidden;}

/* table {width:100% !important;} */
td, tr {text-overflow: ellipsis; white-space: normal;}


.nav .f-p {
float: initial;
/*position: initial;*/
display: inline-block;
width: 100%;
color:#000;
/*background: red;*/
border-top: 1px solid #eee;
border-right: none;
}

.nav .f-p ul, .nav .f-p ul li {display: block;}
.nav.active .f-p ul li a{padding-left: 0;}
.nav.active .f-p ul li a:hover {background: none;}

.nav .f-p-vald {text-transform: uppercase; color:#666; font-weight: bold; padding-left: 10px; position: relative;}
.nav .f-p-vald:after {content: "\f107";width: 35px; height: 35px;display: inline-block;text-align: center;line-height: 35px;font-size: 19px;font-family: FontAwesome; position: absolute;right: -20px;top: 5px; font-weight: 300;}


#Bildkolumn, #Faktakolumn {width:100%;}
#Faktakolumn {margin-left: 0;}

#wrapper {padding:0px 2% ;}
.normal .PT_Wrapper.col.span_4_of_12 {width: 49%;}
.list .PT_Wrapper.col.span_4_of_12 {width: 100%;}
.start.product .PT_Wrapper.col{width:100% !important;}
.start .PT_Wrapper.col.span_4_of_12:nth-child(3n+1){margin: 1.6% 0% 0 1.6%}
.start .PT_Wrapper.col.span_4_of_12:nth-child(2n+1){margin-left: 0;}
.PT_Wrapper.col {margin: 0.5%;}

div#main, .usp {
    width: 68%;
}

#main.startsidan{width: 100% !important;}

/*.m-10 {padding:10px !important;}*/
.start #wrapper{padding:10px;}
.poppis, .kampanj, .slidern {margin-left: -10px; margin-right: -10px;}

.kampanj, .poppis {padding:15px 30px;}
.slidern {padding: 0px 30px;}
.slidern #owl-demo .owl-prev {left:-35px;}
.slidern #owl-demo .owl-next {right:-35px;}
.start .kundomdomen, .start .kategorier, .start .kundsupport {/*padding: 0px 10px;*/}

div#left-column {
    width: 30%;
}

/* FOOTER */
#footer-wrapper {/*padding:20px;*/}

/* CUSTOM MOBILE DEVICES */
html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
img {max-width:100%; height:auto;}

}
/*----------------------------MOBILE / max-width : 780px--------------------------------*/

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

/*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%}

.desktop-only{display:none;}
#breadcrumb {margin-top: 20px;}

/* Startsida */
.section.start .puff.dark_blue, .section.skolor .puff, .section.usp .puff {width: 49%;margin: 0.5% !important;float: left;height: 150px;}
.section.start, .section.skolor{clear:none;}
.section.start .content{padding-right:20px;}
.section.start .puff.none img {width: 100%;height: auto;}
.section.start .puff.none{height:auto;}
.kundcitat {max-height: none;}
.kundcitat #owl-demo{display:none !important;}
.kundcitat, .kundcitat .puff.none {margin: 0 0.5%;width: 99.5%;}
.section.startpage.start {padding: 0;}
.uspar ul li {width: 45%; display: inline-block;}
.owl-carousel {margin-top: 25px;}

/*Header*/
.inloggning {border:none;margin-right: 0;}

/* Sök */
.LSS_Artiklar > li {width: 30%;}
#LSS_Result .section.group {max-height: 500px; overflow-y: scroll;}
.LSS_Brand, .LSS_Category {width: 47%; margin-right: 1%;}

/* footer  */
#footer-wrapper .section {padding: 10px;}
#footer-wrapper .right {text-align:left;}
span.mail, span.phone, span.fax {margin-top: 0;}
/* ARBETSYTA / GENERAL BLOCKS */
.topbar.content{width:auto;padding:0;}
#kundvagn /*, .mobile-search*/{width:auto;  margin: 0 0 0 10px;float:right;}
.mobile_menu {float: left;}

/*.mobile-search i,*/ .AIRvarukorg-Text i, .inloggning a i, .mobile_menu i {font-size: 28px; color: #fff; float: right; margin: 5px 0 0 0; border-radius: 3px; line-height: 35px !important; margin: 5px !important; padding: 0; height: 35px; width: 28px;text-align: center;}
.mobile-search i{font-size: 28px; color: #fff; float: left; margin: 5px 0 0 0; border-radius: 3px; line-height: 35px !important; margin: 5px !important; padding: 0; height: 35px; width: 28px;text-align: center;}

.AIRvarukorg-Text i{font-size:30px;}
.Varukorg span.AIRvarukorg-Qty{margin-right:-5px;}
.inloggning a, .AIRvarukorg-Text{background:none;padding:0;margin:0;}
.inloggning a span {display:none;}
div#kundvagn {margin: 0;  width: auto !important;}
.inloggningsruta {width: 100% !important;right: 0;}

#kontaktformular label, #kontaktformular input[type="text"], #kontaktformular input[type="submit"], #kontaktformular textarea{width:100%;margin:2% 0;}
#kontaktformular label {float:left;font-weight:bold;height:auto;line-height:16px;margin-bottom:1%;}

div#main, .usp {
    width: 100%;
}
/* NAV */ 
.nav-topmenu a:after {
    content: "\f105";
    width: 35px;
    height: 35px;
    display: inline-block;
    float: right;
    text-align: center;
    line-height: 35px;
    font-size: 19px;
    font-family: FontAwesome;
}
.usp .puff {
    width: 48%;
    margin: 1%;
    text-align:center;
}
.nav-mobile .bodycover {
    left: 80%;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index:10;
}
.mobile-only {display:inline-block;}

.nav {display:none;}
.nav.active .nav-topmenu {display: inline-block;z-index: 10;position: relative; width: 100%;}
.nav.active .nav-topmenu a{color:#666 !important;text-align:left;  margin: 0;height: 40px;line-height: 40px;padding:0 0 0 10px;   width:100%; border-top: 1px solid #eee;}
.close_nav:before { content: "\f0d9";font-family: FontAwesome; position: fixed;right: 20%; top: 75%; width: 20px; text-align: center; font-size: 24px; height: 100px; line-height: 100px; background: #ccc; color: #fff;border-radius: 20px 0 0 20px;}
ul.nav-menu.varumarken {margin-top: 0;}

body.nav-mobile .nav.active { display: inline-block; position:fixed; top: 0;left: 0;width: 80%;height:100%;margin: 0;z-index: 10;overflow: scroll;margin-bottom:0;padding-bottom:0 !important; }
body.nav-mobile div#header-wrapper {left: 79%;position: fixed;}
body.nav-mobile #wrapper {position: fixed;left: 80%;top: 55px;overflow:hidden;width:100%;}
body.nav-mobile #footer-wrapper {display: none;}
ul#level1, ul.nav-menu { background: #FFFCFC;}

.nav.active .sortimentrubrik{color:#666 !important; text-align:left;  margin:0; height:40px; line-height:40px; padding:0 0 0 10px; width:100%; font-weight:bold; text-transform:uppercase; font-size: 16px;}
.nav.active #level1 {border-top: 1px solid #eee;}
.nav.active ul li a {padding-left:30px;}
.nav.active .kampanjmenu li a, .nav.active .varumarken li a {padding-left: 10px; font-size: 14px; font-weight: bold;}
.nav.active .varumarken li a {color:#666;}
.nav.active .nav-topmenu a:after {font-weight: normal;}
.nav.active ul#level1 li a {font-weight: 600; /*font-size: 16px;*/}
.nav.active ul#level1 .child-ul li a {font-weight: normal !important;}

body.nav-mobile .nav.active {background: #FFFCFC;}
.sokrutan .close:after{display:inline-block;}
/*LITE*/

/* LSS / SEARCH */
#LSS_Result {  top: 55px;left: 0;position: fixed;}
#LSS_Result .LSS_Artiklar .col.span_6_of_12{width:32%;}
.sokrutan {position: fixed;padding: 7px 5px 8px 200px; display: none;margin: 0;left: 30%; width: 40% !important;padding: 0; top: 7px;}
.Sokknapp{display:none;}
.Sokfalt{height:40px;font-size:14px;}
.sokrutan.active{display:block;}
.sokrutan .close:after {top: 10px;right: 10px;display:inline-block;}
.AIRvarukorg-Text i.fa-angle-down {margin: 0 10px 0 0;}
.logo{display:none;}

/*NAV TOPMENU*/
#topbar{padding:5px 0;background-color: #3297ff;}


#header-wrapper{background:none;/*height:55px;*/}
.nav-topmenu a {width:100%; float:left; height:25px; line-height:25px; padding:0px;}
.nav-topmenu-toggle {float: right;}
div#left-column .hl {position: fixed;left: 0;top: 55px;height: 40px;  padding: 5px 15px;  background: rgba(35,35,35,0.98);z-index:10;display:none;}
.hl i.fa-angle-down{display:inline-block;}

/* din sida*/
#minsidaDrop ul li ul li {
  width: 49%;
  margin: 0 1% 1% 0;
}

/*Artgrp*/ 
.Artgrupp_header b {width:30%; float:left; height:20px; line-height:20px; margin:0 0 5px }
#ListaOmArtiklarSaknas li a {font-size:20px; padding:0px; text-align:center; line-height:40px; height:40px;}
.PT_Pris, .PT_Knappar {width: 49%;}
.PT_Wrapper.col {margin: 0.5%;}

.list .PT_Text_Kort { max-height: 30px;overflow: hidden;}
.list .PT_Faktaruta{width:37%;overflow:hidden;padding:0 10px;}
.list .PT_Pris{width:22%;    font-size: 14px;}
.list .PT_Knappar{width:17%;}
.list .PT_Bildruta{padding:0 10px;}
.list .PT_Beskr {font-size:14px;}

.energiikon, .energyClass {top: 0px;}
.energiikon img {max-width: 45px !important;}
.PT_Wrapper_All.normal .energiikon img {max-width: 54px !important;}

.PT_Wrapper_All .energyClass[data-value^="A"] {width: 33px;}
.PT_Wrapper_All .energyClass[data-value^="A"]::before {border-width: 8px 10px 12px 0; margin-left: -10px;}

.PT_content {float: left; width: 100%;}
.Energydec {float: right; width: 100%;}

.varianter .list .PT_Faktaruta {width: 60%;}
.varianter .list .PT_Knappar table {margin-top: 5px;}
.Variantartikel div#Faktakolumn, .Variantartikel div#Bildkolumn{width:100%;}
.Variantartikel #Bildkolumn img#produktbild {max-height: 100px;}

.Artgrupp_header .col.span_6_of_12 { width: 60%;}
span.Artgrp_Sorteringsordning { width: auto;float:left;}
.Artgrupp_header b {display: none;}
.Artgrupp_header .Artgrp_Visningsformat.col.span_4_of_12 { width: 35%;float: right;}
.Artgrp_Visningsformat i {margin: 0 0 0 10px;}

/*PRDKT-BESKR*/ 
#ArtikelnamnFalt {margin:10px 0px; text-align:center;}
#PrisFalt, #PrisFaltStafflade {text-align:center;}

/*FOOTER*/ 
.footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right: 0px; min-height:50px; }

/*CHECKOUT / KASSA / VARUKORG*/ 
span.AIRvarukorg-Text span {display: none;}
.AIRvarukorg-Text i.fa.fa-angle-down {display: none;}
.AIRvarukorg-Text{padding:0;}

 #AIRvarukorg-Wrap {  right: 0px;width: 100%;position: fixed;top: 55px;}
 #AIRvarukorg-Wrap .BWrap .RowWrap .Row .TxtWrap .DescrWrap {font-size:8px; width:40%;}
 
.Snabbkassa_Varukorg_Tabell { -moz-box-sizing: border-box; max-width: 100%; }
.Snabbkassa_Varukorg_Tabell td { white-space: normal;}
#dialogruta {top:0px;}
#dialogruta div {width:100%;}
#AdressblockLoggain table tbody tr td input {width:100px;}
#AdressblockPaminnare table tbody tr td {width:100%; float:left; text-align:left !important; margin:1px 0px;}

.Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst
{width:100%; min-height:10px;}

.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum {width:100%;}
.Snabbkassa_Varukorg_Tabell_Rad td.Antal, .Snabbkassa_Varukorg_Tabell_Rad_medskick td#antal1 {font-size:9px;   overflow:hidden; max-height:40px;}
.GodkannaVillkorochBestallningsknappRam tbody tr td {width: 100%;}


.Snabbkassa_Varukorg_Tabell_Rad.Snabbkassa_Varukorg_Tabell_Rad_Sum, #wrapper, .footer, 
.topline, #kundvagn, #wrapper, .footer
{-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}

/*MAGICZOOM*/
.MagicThumb-background {position:relative !important; }

/* END */
}

@media screen and (max-width : 650px) {
    .uspar ul li {width: 100%; display: block; margin:0;}
}

@media screen and (max-width : 520px) {
.normal .PT_Faktaruta, .normal .PT_Beskr {height: 60px;}
}

@media screen and (max-width : 450px) {
    .PT_Wrapper_All .PT_Pris {font-size: 1.1em;}
    .start .PT_Faktaruta, .start .PT_Beskr {height: 80px;}


.start h1 {font-size: 20px; font-weight: 700;}
.kundsupport h2 {font-size: 20px; font-weight: 700;}
.kundsupport {font-size: 14px !important;}
.uspar ul {font-size: 16px; padding:10px 0px 20px 0px;}
.uspar ul li::before {background-size: 20px auto;font-size: 14px;height: 20px;width: 20px;}

/* Sök */
.LSS_Artiklar > li {width: 47%;}
#LSS_Result .section.group {max-height: 350px;}
.LSS_Brand, .LSS_Category {width: 100%;}
}