/* REMOVE IOS APPEARENCE */ 
.Sokknapp, .Laggikorgen_Antalsfalt, #bestallningsknapp {-webkit-appearance: none;}
@media screen and (max-width : 999px) {
.startpage table, .startpage table tr, .startpage table tbody {width: 100% !important; float: left;}
.startpage table tr td, .startpage table tr td a {float: left;}

.header {padding: 45px 10px 0;}

#AIRvarukorg-Wrap .DescrWrap {line-height: 20px; height: 40px; overflow: hidden;}
}
@media all and (max-width: 999px) and (min-width: 890px) {
.sokrutan {margin-top: 20px;}
}

@media screen and (min-width : 1000px) {
.sortOrdning {display: none;}
}

@media all and (max-width: 1000px) and (min-width: 640px) {
    .sokrutan {float: right;}
    .sokrutan.span_2_of_4 {width: 38.5% !important;}
    #owl-demo {margin-top: 50px;}
    .puff-ipad .puffar {
   display: block;
    width: 100%;
    text-align: center;
    right: 0;
/*    background-color: yellow*/;
   /*background: none repeat scroll 0 0 #fff;
    
    height: 45px;
    left: 0;
    position: absolute;
    top: 42px;
    */
    }
.puff-ipad .puffar span {
    display: inline-block;
    font-size: 14px;
    float: none;
    margin: 3px 8px 0;
    width: auto;
    }
}


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

/* ARBETSYTA / GENERAL BLOCKS */
#wrapper {overflow:hidden;}
.sokrutan.span_2_of_4{width:48.5%;}

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

#Bildkolumn, #Faktakolumn {width:100%;}
#Faktakolumn {margin-left: 0;}
.header {height: 190px;}
.nav-topmenu {margin: 21px 0 0 }
#breadcrumb {margin: 10px 0 15px 0 !important;}
.left-column {margin: 15px 0 0 !important}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a  {width: 100%; }
#wrapper {padding:1% 2%;}
.startpage.social-media .span_6_of_12 {width: 100%; margin-left: 0px; }
.startpage.social-media .headline {    width: 102.5%;}
/* FOOTER */
#footer-wrapper {padding:20px;}
.puffar {top: 16px;}
/* CUSTOM MOBILE DEVICES */
html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
img {max-width:100%; height:auto;}

.newsletter-input {width: 70%;}
#footer-wrapper .span_4_of_12, #footer-wrapper .span_2_of_12, #footer-wrapper .span_3_of_12  {width: 23%;}
/* .search-result .PT_Wrapper {margin: 1% 4.5% !important; } */
.logo {width: 15%; top: 5px;}

.sg-product-usp {display: block;}

}

@media screen and (max-width : 890px) {
	/*.puffar {display: none;}*/
	.Sokfalt {width: 100%;}

.nav-section > div > div {width: 31%; margin:1%;}
.startpage.icons > div > div  {width: 23%; margin:1%;}
.startpage.icons > div > div a {font-size: 10px;}

/*
.nav-section > div > div, .startpage.icons > div > div {   margin: 1% !important;width: 48%; min-height: 130px;}
.nav-section > div > div:last-child {  display: none;}
*/
}



/*----------------------------MOBILE / max-width : 640px--------------------------------*/

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

.FilterRens span{ height: 40px; line-height: 41px;}
.ui-slider .ui-slider-handle { width: 30px !important; height: 30px !important;}

/* LÄS MER */
/*.produktext.ptActive::before {background:none !important;}*/
.ArtgrpHeadline {display: none;}

/*.produktext::before {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)) repeat scroll 0 0;}*/

.produktext {float: left; overflow:hidden; margin:0; max-height:33px; position:relative; padding: 0px 10px;}
.produktext.ptActive {max-height:inherit; overflow:visible;}
.lasmer, .visafilter {background:url(/bilder/butik/line2.png); padding:10px; float: left; background-repeat: repeat-x; position: relative;      display:block;/**/}
.lasmer:hover, .visafilter:hover {cursor:pointer;}
.lasmer::before {content:"Läs mer"; color:#c8cacc; font-size:20px; background: #FFF; padding: 0 10px;}
.lasMindre::before {content:"Stäng"; color:#c8cacc; font-size:20px; background: #FFF; padding: 0 10px;}

.visafilter::before {content:"Filtrera"; color:#c8cacc; font-size:20px; background: #FFF; padding: 0 10px;}
.doljfilter::before {content:"Stäng"; color:#c8cacc; font-size:20px; background: #FFF; padding: 0 10px;}

.filter-div {display: none;}
.filter-div.Active {display: block;}


.visafilter::after, .lasmer::after {
    content: "\f107";
    font-family: FontAwesome;
    display: block;
    width: 100%;
    font-size: 25px;
    color:#c8cacc;
}

.doljfilter::after , .lasMindre::after {
    content: "\f106";
    position: absolute;
    top:-15px;
    left: 0;

}

/*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 / GENERAL BLOCKS */
.header {padding:0; height: auto;}
#wrapper {margin:0 auto; overflow: hidden;  padding: 89px 2% 0;}
#AIRvarukorg-Wrap
{width:100%;}

.logo
{width:22%; top: 6px;}
.logo img {max-width: 75px;}
.R-Toggle.mobile-only, .S-Toggle.mobile-only {float: left;}
.R-Toggle.mobile-only i {font-size: 30px; padding: 0 10px; float: left; line-height: 45px;}
.S-Toggle.mobile-only i {font-size: 30px; padding: 0 10px; float: left; line-height: 45px;}
.S-Toggle.mobile-only i:hover {cursor: pointer;}
.AIRvarukorg-Text i.fa-caret-down, .AIRvarukorg-Text i.fa-shopping-cart {font-size: 30px; margin: 0px;}
.sokrutan {margin:0px 2% 20px; position: relative; min-height: 45px; width: 96%; float: left;}
.EmptyCart, .fa-caret-down {display: none !important;}
.inloggning {height: 70px;}
.inloggning .fa-user {font-size: 70px; opacity: 0.1; position: absolute; left: 5px}
.inloggning, .toCheckout {line-height:70px; margin: 0 5px; width: 30%; text-transform: uppercase;}
.toCheckout {text-align: center;}
.toCheckout {float: right;}
.inloggningsruta {width:100%; z-index:1000; left: 0px; top: 40px;}
.inloggningsruta p {color: #fff !important}
.inloggningsruta .Login-password .forgotpassword {color:#fff;}
#breadcrumb {margin:0 0 10px 0; border: 0px}
#breadcrumb.produktbeskr {margin: 10px 0}
#kontakformular {max-width: 250px;}
.nav-section {text-align: center;}

.sok-desktop {display: none; margin-top: 20px; padding: 0px 25px;}
.sok-desktop.active {/*display: block;*/

background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
display: block;
height: 100%;
left: 0;
margin: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 20px;
position: fixed;
top: 45px;
width: 100%;
z-index: 15000;
}



/* NAV */ 
.header-wrapper {position: relative; width: 100%; z-index: 1000; background: none !important; box-shadow: 0 0 0 !important;}
.header-wrapper .nav-wrapper {border: 0px; display: none; margin:45px 0 0 ;}
.nav-wrapper.active {display: block; /*margin-bottom: 160px;*/}
.nav-topmenu {display: block !important;margin:20px 0;}
.left-column {margin: 10px 0 0px !important}
.mobile-only {display:inline-block;}
#topbar *, #topbar a {color: #fff;}
.nav {background: #fff; float: left;}
.nav ul > li > ul {top: 0px;}
.nav { margin:-10px 0 10px 0; }
.nav ul li {  list-style: none; width: 100%; height:auto; position: relative;}
.nav ul li a {display: inline-block; width: 100%; padding:0px; text-align: left;}
.nav ul.nav-menu > li > ul {top:0px;}
.nav-menu, #level1 {width: 100%;}
/**/#wrapper.active_menu, #footer-wrapper.active_menu {display: none;}
.nav > ul > li i {    color: #003d5c;
    display: block;
    font-size: 20px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 40px;
    z-index: 100;}
.nav ul li:hover ul {display:none; }
.nav ul li.active > a, .nav ul li.active-parent > a {font-weight:bold; }
.nav ul li ul {padding:0 0 0 10px;}
.nav ul li.active ul, .nav ul li.active-parent ul {display:block; position:relative; background:transparent;}
.nav ul li ul li {width:100%; display:inline-block; height: auto;}
.nav ul li ul li.active-parent ul li.active ul, .nav ul li ul li.active > ul, 
.nav ul li ul li.active-parent > .dropcontainer>ul ul, .nav ul li ul li.active-parent > ul  {display: block !important;}
.nav-bar {margin-left: 0px; }
.nav-bar .trigger {margin: 0px;}
.nav-bar > ul > li > a {padding: 10px !important; line-height: 20px;}
.nav-bar .dropcontainer ul li {padding: 0px;}
.sortOrdning .nav-bar .dropdownhidden {display: none;}
.nav-bar .dropcontainer.active .dropdownhidden {display: block;}
.nav-bar .niva2.ValjSortordning {z-index: 11; }
.sortOrdning .nav-bar > ul > li > ul  {display: none;}
.sortOrdning .nav-bar > ul > li > ul.active  {display: block;}
.nav-bar .dropcontainer > ul {width: calc(100% + 22px);     margin-left: -11px; position:   absolute;} 
#WebbMeny ul li {width: 100%;}
#WebbMeny li a, .ruta.R-Toogle-area a, .nav-menu a {line-height: 30px; height: 30px;}

/**/.puffar {
   background: none repeat scroll 0 0 #fff;
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    top: 44px;
    width: 100%;
    text-align: center;
}
.puffar span {
    display: inline-block;
    font-size: 14px;
    float: none;
    margin: 3px 8px 0;
    width: auto;
}

.puffar.active {display: none;}
/* LSS / SEARCH */
#LSS_Result {top:5px; width:98%; margin:0 1%; position: relative; float: left;}
.LSS_Artiklar li {width: 32%;}
.LSS_Brand, .LSS_Category {width: 48%;
}
/*NAV TOPMENU*/
.nav-topmenu {height: auto;line-height: auto; width: 100%; padding: 0 15px;}
.nav-topmenu a {width:100%; float:left; height:25px; line-height:25px; padding:0px; border: 0px}
.nav-topmenu-toggle {float: right;}

/* BRANDS */ 
.Varum_Grupperad div h2 {height: 45px; font-size: 30px; width: 100%}
.Varum_Grupperad div ul li {width: 48%;}
/*Artgrp*/ 
.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_Wrapper {width: 50%;}
.PT_Wrapper .PT_Pris {width: 48%;}
.Artgrp_VisaFler {text-align: center; min-height: auto; }
.StilValjSortordning {width: 100%; height: 30px;}
.Egen_Infogad_HTML, .Egen_Infogad_HTML_2 {width: 104%; margin:0 0 10px -2%;}
.ArtgrpHeadline {text-align: center;}
.sortOrdning {margin: 10px 0 0 ;}
.sortOrdning b {display: none;}
/* .search-result .PT_Wrapper {margin: 1% 2% !important; width:46%;} */
.PT_Wrapper_All {margin: 0 0 10px 0 !important}
.PT_Topoffer_All .PT_Wrapper {width:100% !important;}

/*PRDKT-BESKR*/ 
#ArtikelnamnFalt {margin:10px 0px; text-align:center;}
#PrisFalt, #PrisFaltStafflade {margin:20px 0 0 ;}
#SubmitFalt .Knapp_Kop_Tabell_Artikel a {width: 100%;}
#owl-slider-1 .PT_Wrapper, #owl-slider-2 .PT_Wrapper, #owl-slider-3 .PT_Wrapper {padding: 3.3%;}
.Share {text-align: center;}

/* FILTER */
.Filter {margin: 10px 0 80px 0; padding: 0 10px;}
.Filter ul li {width: 100%; padding: 0 0 5px 0;}
/* .FilterFrm_Single, #VAllaIngen {width: 100%;} */
.FilterRens a {width: 100%; bottom: -55px;}
.Filter_CB_DD div {z-index: 100;}
select.FilterFrm
{-webkit-appearance: none;}

/*FOOTER*/ 
.footer-content {padding:10px 0px; margin:0px; border-top:1px solid #ddd; border-right: 0px; min-height:50px; }
#footer-wrapper {text-align: center;}
#footer-wrapper .span_4_of_12, #footer-wrapper .span_2_of_12, #footer-wrapper .span_3_of_12 {width: 100%;}
.social-media-footer {padding: 20px 0 0; margin:20px 0 0 0 !important; text-align: center; }
.social-media-footer i {margin: 0 15px 15px 0; float: none;}
.sokruta-epost {padding: 0 10px;}
#footer-wrapper .newsletter-input a.OK-epost {width: 100% !important; position: relative; top:-3px;}
/*.footer-menu {display: none;} */
/*CHECKOUT / KASSA / VARUKORG*/ 

 #AIRvarukorg-Wrap {right:0px;}
 #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;}
.AIRvarukorg-Qty, .AIRvarukorg-Sum {display: none !important;}
.Snabbkassa_Presentkort, .Kunddata, .Betalning, .Fraktmetoder, .GodkannaVillkorochBestallningsknappRam, .Kundtjanst, .Avisering, #utlamningsstalle_val, #utlamningsstalle_alt_ort
{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;}
#Klarna_InvoiceContainer, #overDiv {display:none !important;}

.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;}
#kundvagn {padding: 0 10px; position: initial;}
/*MAGICZOOM*/
.MagicThumb-background {position:relative !important; }

/* STARTSIDA */
#owl-demo {  margin: 0 0 0 -2%; width: 104%;}
.startpage.social-media .headline {    width: 107%; text-align: center;} 

/* SORTERINGSDROPDOWN */
.sortDropdown {
    width:100%;
    /*float:none;*/
}
.sortDropdown > span {
    font-size: 18px;
    padding: 10px;
    line-height: 20px;
    height: 42px;
}
.sortDropdown > span:before {
    height: 40px;
    line-height: 40px;
    margin: -10px -10px 0 0;
    width: 40px;
}

.sokrutan.span_2_of_4{width:100%; padding: 0px 10px;}


/* END */
}

@media screen and (max-width : 890px) {
    .sokrutan {margin: 21px 0; float: right;}
}

@media all and (max-width: 890px) and (min-width: 665px) {
    .logo {width: 11%;}
}

@media all and (max-width: 545px) and (min-width: 415px) {
    .KCOflik_Markerad, .KCOflik_Omarkerad a {font-size: 13px;}
}

@media all and (max-width: 415px) and (min-width: 300px) {
    .KCOflik_Markerad, .KCOflik_Omarkerad a {font-size: 10px;}
}