@charset "utf-8";
/* CSS Document */
@-ms-viewport {width: device-width;}


/* --------- COLWRAPPER + VIEWPORTS ----------- */

.content-col {width: 100%;clear: both;}
.center-col {clear: both;margin: 0% auto;width: 1600px;}
@media only screen and (max-width:1660px) {.center-col {width: 1400px;}}
@media only screen and (max-width:1440px) {.center-col {width: 1200px;}}
@media only screen and (max-width:1280px) {.center-col {width: 1000px;}}
@media only screen and (max-width:1024px) {.center-col {width: 96%;}}

/* --------- GLOBAL CLASSES ----------- */
div {display: block;}
.center-col iframe {max-width: 90%;margin: 0 auto !important;}
section, article, header {display: block;float: left;width: 100%;}
.cboth {clear: both;}
.elmcenter {text-align: center;}
.dtable {display: table;}

/* Footer <UL> navistyles */
#footer {background: #C32E18;}
#footer ul {color: #fff;display: table;float: none;text-align: center;width: 100%;margin: 0 auto;padding: 0;}
#footer ul li {display: block;float: left;width: auto;height: auto;padding: 0px 20px;text-align: center;}
#footer ul li a {font-family: 'Baloo Paaji', cursive;color: #fff;font-weight: bold;text-decoration: none;text-transform: uppercase;width: 100%;text-align: center;padding: 20px 0;display: block;float: left;}
#footer ul li a:hover {color: #aeaeae;text-decoration: none;}


/* Image scaling */ 
.content-col img.erikoiskuva, .content-col img.kuva2, .center-col img.erikoiskuva, .center-col img.kuva2, .center-col img,.content-col img {border: 0;outline: none;max-width: 100%;height: auto;display: block;margin: 0;}

/* Cols */

.col-20, .col-25, .col-33, .col-40, .col-50, .col-60, .col-67, .col-75, .col-80{float: left; box-sizing: border-box;}
.col-20 {width:20%;} .col-25 {width: 25%;}.col-33 {width: 33.3%;}.col-40 {width: 40%;}.col-50 {width: 50%;}.col-60 {width: 60%;}.col-67 {width: 66.7%;}.col-75 {width: 75%;}.col-80 {width: 80%;}.col-100 {width: 100%;clear: both;}
.col-80 {padding: 0px 0 0 40px;}

/* Webio content cols */

.col-left {width: 49%;float: left;}
.col-right {width: 49%;float: right;}
.col-full {clear: both;padding-top: 20px;width: 100%;}
.col-3 {width: 32%;float: left;}
.col-3-center {margin: 0 2%;padding: 0;}

/* Paddings */

.nopadding {padding: 0;}.vpadding-10{padding: 10px 0;}.vpadding-15 {padding: 15px 0;}.vpadding-20 {padding: 20px 0;}.vpadding-25 {padding: 25px 0;}.vpadding-30 {padding: 30px 0;}.vpadding-35 {padding: 35px 0;}.vpadding-40 {padding: 40px 0;}.vpadding-45 {padding: 45px 0;}.vpadding-50 {padding: 50px 0;}.vpadding-55 {padding: 55px 0;}.vpadding-60 {padding: 60px 0;} .vpadding-70 {padding: 40px 0;}  .vpadding-110 {padding: 110px 0;} .vpadding-120 {padding:120px 0}
.webio-colpadding {padding:10px 0;}

.col-50.mallisto-tuotekortti-kuva .webio-colpadding {padding:0;}

@media only screen and (max-width:1660px) {.vpadding-70, .vpadding-60 { padding: 40px 0 !important;}}
@media only screen and (max-width:1024px) {.vpadding-120 {padding: 80px 0;}}
@media only screen and (max-width:720px) {.vpadding-120 {  padding: 40px 0;}}
/* Margin */
.nomargin {margin: 0 auto;}.vmargin-10 {margin: 10px auto;}.vmargin-20 {margin: 20px auto;}.vmargin-30 {margin: 30px auto;}.vmargin-40 {margin: 40px auto;}.vmargin-50 {margin: 50px auto;}.vmargin-60 {margin: 60px auto;}
	

/* Flexbox - .dflex for parent element + .flex-element and .flex-xxxx-col to child element depending column count*/


/* Flexbox - Flex wrapper*/
.dflex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap:wrap;}
.center-flex {

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;

}
/* Flexbox - Flex element*/
.flex-element {-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

/* Flexbox - flexbox cols */
.flex-2-col {flex-basis: 48%; max-width:48%; margin:0 1%;}
.flex-3-col {flex-basis: 31.3%; max-width:31.3%; margin:0 1%;}
.flex-4-col {flex-basis: 23%; max-width:23%; margin:0 1%;}
.flex-5-col {flex-basis: 18%; max-width:18%; margin:0 1%;}


/* Breadcrump */

#murupolku {padding-bottom: 20px;}
#murupolku a {}

/*--------- WEBIO BASIC STYLE ------------*/
html, body {font-size:100%;line-height: 1.6rem;}
body, p {margin: 0;padding: 0;}
body, p, .teksti, td, ul, li, a {font-family:  'Muli', sans-serif !important; color: #000;}
.col-80.tuotelistaus.perussivutpl ul, .col-80.tuotelistaus.perussivutpl li {list-style-type:none; margin:0; padding:0;}
a {color: #176f97; text-decoration: none;}
a:hover {text-decoration: underline;}
.kuva {cursor : pointer;}

/* <HEADINGS> */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {font-family: 'Baloo Paaji', cursive; margin: 0;}
h1, h1 a {color: #0c64a7; font-size: 1.875rem;line-height: 2.1rem;padding: 0px 0px 0px 0px;}
h2, h2 a {color: #009640; font-size: 2.5rem;line-height: 3rem;padding: 0px 0px 0px 0px;}
h3, h3 a {color: #0c64a7; font-size: 1.625rem;line-height: 2.1rem;padding: 0px 0px 0px 0px;}
h4, h4 a {color: #676767; font-size: 1.125rem;line-height:1.6rem;padding: 0px 0px 5px 0px;}
h5, h5 a {color: #000; font-size: 1.25rem;line-height:1.7rem;padding: 0px 0px 5px 0px;}
h6, h6 a {color: #002f2f; font-size: 1.375rem;line-height:1.8rem;padding: 0px 0px 5px 0px;}

/* Event calendar  */
.tapahtumat {font-weight: bold;}
.tapahtumakalenteri_otsikko {color: #82c341; font-weight: bold;}
.tapahtumakalenteri_valiotsikko {font-weight: bold;}

/* News */
.uutis_otsikko, .nostettumoduli {color: #82c341 !important; font-size: 1.2rem;font-weight: normal;}
.nostettumoduli {color: #c32e18 !important; font-size: 1.2rem;font-weight: normal;}
.uutispaivays, .uutis_paivays, .uutispaivaysetusivu, .nostouutis_paivays {display: block;font-size: 0.875rem;color : #555555; font-weight: 700;}
a.nostouutis_otsikko {color: #555555; display: block;font-size: 1.2rem;font-weight: 300;
}
/* Forms heading*/
.lomakeotsikko {color: #82c341; font-weight: bold;}
.lomaketekstiotsikko {color: #82c341; font-weight: bold;}
/* Form fields */

/* For iphone & ipad */
.lomakenappi_submit, .valikkomodulilinkki_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}


input, .lkentta select, .lpainike, textarea {color: #000; border: 1px solid #b0b0b0;padding-left: 3px;}

/* Webio submenu */

#verkkokauppa-sivunavi ul, #verkkokauppa-sivunavi ul li{list-style:none; padding:0; margin:0;}
#verkkokauppa-sivunavi ul li ul {padding:0 0 20px 20px;}

.valikkolinkki-sel, .valikkolinkki, .valikkomodulilinkki, .valikkomodulilinkki-sel {text-decoration: none; font-size:1.1rem;width: 100%;display: block;}
.valikkolinkki {color: #5fb309; font-size:1.1rem;}
.valikkolinkki-sel {color: #000;font-weight: bold;}
.valikkomodulilinkki {color: #5fb309;  font-size:1.1rem;}
.valikkomodulilinkki-sel {color: #000;font-weight: bold;}
#verkkokauppa-sivunavi li ul li a.valikkomodulilinkki {font-size: 0.9rem;color: #000;}
#verkkokauppa-sivunavi li ul li a.valikkomodulilinkki-sel  {font-size: 0.9rem;color: #000}
#verkkokauppa-sivunavi li ul li a.valikkomodulilinkki:after, #verkkokauppa-sivunavi li ul li a.valikkomodulilinkki-sel:after {font-family:FontAwesome; content:"\f105"; text-align:right; float:right;}

ul li a.valikkomodulilinkki {padding: 0 0 5px 0;}
ul li ul li a.valikkomodulilinkki {padding: 0 0 0px 0;}
/* Misc */

hr {border-top-width: 1px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dedede; border-right-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; }

a.webiolinkkipainike,a.takaisinuutisiin {margin-top: 20px;display: inline-block;text-align: center;background: #82c341; /* vari1 */height: auto;color: #FFF;padding: 10px 50px;font-weight: 900;text-transform: uppercase;line-height: 160%;width: auto;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;font-family: 'Baloo Paaji', cursive;letter-spacing: 0.2px; font-size:0.9rem;}
a.webiolinkkipainike:hover, a.takaisinuutisiin:hover {opacity: 0.8;filter: alpha(opacity=80);transition: all 0.3s ease 0s;}
img[title="Poista"] {height: auto !important;width: auto !important;}

.valikkolinkki_piilosivu{color: #005600;}
.valikkolinkki_eijulkinen  {color: #70A370;}

@media only screen and (max-width:1280px) {a.webiolinkkipainike, a.takaisinuutisiin { padding: 10px 5%;}}
@media only screen and (max-width:480px) {a.webiolinkkipainike, a.takaisinuutisiin {font-size:1rem;}}
/* --------- FORMS ----------- */

/* form elements */

.col-left form, .col-right form, .col-3 form, .col-full form, .col-left tr[id^="lomakerivi"] input, .col-left tr[id^="lomakerivi"] textarea {max-width: 100%;}
.col-left tr[id^="lomakerivi"] td table td, .col-right tr[id^="lomakerivi"] td table td, .col-3 tr[id^="lomakerivi"] td table td, .col-50-whp tr[id^="lomakerivi"] td table td {display: block;clear: both;width: 100%;}
.col-left tr[id^="lomakerivi"] td table td:last-child, .col-right tr[id^="lomakerivi"] td table td:last-child, .col-3 tr[id^="lomakerivi"] td table td:last-child, .col-full tr[id^="lomakerivi"] td table td:last-child, .col-50-whp tr[id^="lomakerivi"] td table td:last-child {margin-bottom: 20px;}
.col-left input[type=text], .col-left input[type=file], .col-left input[type=button], .col-right input[type=text],.col-right input[type=submit], .col-right input[type=file], .col-right input[type=button], .col-3 input[type=text], .col-3 input[type=file], .col-3 input[type=button], .col-full input[type=text], .col-full input[type=file], .col-full input[type=button] {height: 25px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-bottom: 10px;background: #fff;width: 96%;border: 1px solid rgba(0, 0, 0, 0.2);}
.col-left textarea, .col-right textarea, .col-3 textarea, .col-full textarea {border-radius: 2px;margin-bottom: 10px;width: 94%;border: 1px solid rgba(0, 0, 0, 0.2);padding: 0;}
.col-full .lomakeotsikko {width: 30%;}
.col-full textarea, .col-full input[type=text], .col-full input[type=file] {width: auto;}
.col-full input[type=button] {width: 30%;}
.col-left input[type=button], .col-right input[type=button],.col-right input[type=submit], .col-3 input[type=button] {background:#82c341;color: #fff;font-size: 1rem;font-weight: bold;text-transform: uppercase;padding: 5px 0;display: block;height: auto;}

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

/* Footer */
#footer .col-75 {padding: 15px 0 !important;}
#semio-logot {padding-top: 25px !important;}
h4, h4 a {font-size: 1.4rem;line-height: 1.6rem;}
  
}

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

html, body {font-size:70%;line-height: 1.5rem;}  
p, div {font-size:1.2rem; line-height: 1.8rem}  
  
/* Headings
h1, h1 a {font-size: 2.2rem; line-height:2.7rem;}
h2, h2 a {font-size: 2.125rem; line-height:2.6rem;}
h4, h4 a {font-size: 1.125rem; line-height:5rem;}
h4, h5 a {font-size: 1.5rem; line-height:2rem;}
h6, h6 a {font-size: 1.8rem; line-height:2.3rem;}
} */


/* ------- 1024px ------ */
@media only screen and (max-width:1024px) {
.col-left, .col-right, .col-50-whp, .col-50, .col-3, .col-75, .col-67, .col-33, .col-25, .col-75-whp, .col-67-whp, .col-33-whp, .col-25-whp {clear: both;float: none;margin-bottom: 20px;width: 100%;}
/*#mobilelink-20 .webcategory-navi[style="display: block;"]{display: flex !important;flex-direction: column-reverse;}.webcategory-navi:has(a[href="/blogi/tuppu-kalusteen-tarina/"]) a {line-height: 120%;}*/

  /* Footer */
#footer div {clear: both;float: none;padding: 0 0 20px;text-align: center;width: 100%;}
#footer .col-67 {margin-top: 40px !important;}
#footer ul {margin: 0 auto;padding: 0;width: 90%;}
#footer ul li {display: inline-block;float: none;}

/* Submenu */
#submenu ul {background: none; /*vari1*/list-style-type: none;margin: 0 auto;padding: 10%;width: 80%;}
#submenu ul li ul {list-style-type: none;margin: 0;padding: 0 0 0 20px;}

#submenu ul {background: none;padding: 0;width: 100%;}
#submenu ul li a::after {content: "›";float: right;font-size: 20px;}
#submenu ul li ul {padding: 0 0 0 5%;width: 95%;}
#submenu li ul li a {background: none;color: #000 !important;padding: 0;}
#submenu ul li ul li a::after {float: none;padding-left: 10px;}
  

.kuvagalleriakuvatausta {display: inline-block;float: none !important;}
}


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

body {line-height: 1.25em;}

/* Headings 
h1, h1 a {font-size: 1.8rem; line-height:2.3rem;}
h2, h2 a {font-size: 1.625rem; line-height:2.1rem;}
/*h3, h3 a {font-size: 1.375rem; line-height:	1.8rem;}
h4, h4 a {font-size: 1.125rem; line-height:	1.6rem;}
h4, h5 a {font-size: 1.125rem; line-height:	1.6rem;}
h6, h6 a {font-size: 1.4rem; line-height:	1.9rem;}*/	
	
  
.subpage table, .subpage tr, .subpage td {display: block;width: 100% !important;height: auto;clear: both;}
.subpage tbody {width: 100%;display: inline-block;}
	
/* Footer */
#footer ul li {padding: 0px 10px;}
	
/* Forms*/
.col-left form, .col-right form, .col-3 form, .campaign-box-sisennys form {width: 90%;margin: 0 auto;display: block;}
.col-left input[type="text"], .col-right input[type="text"], .col-3 input[type="text"], .col-left input[type="file"], .col-right input[type="file"], .col-3 input[type="file"], .col-left input[type="button"], .col-right input[type="button"], .col-3 input[type="button"] {height: 35px;width: 100% !important;}
.col-full form[id^="lomake_"] {margin: 0 auto;width: 90%;}
.col-full input[type=text], .col-full input[type=file], .col-full input[type=button], .col-full lomakeotsikko {width: 96% !important;margin-bottom: 5px;}
.col-full textarea {width: 100% !important;margin-bottom: 5px;}
}

/* ------- 800px ------ */
@media only screen and (max-width:800px) {
	
/* Footer */	
#footer ul {margin: 0 auto;padding: 0;width: 90%;}
#footer .col-75 {display: none;}

}

/* ------- 768px ------ */

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

}

/* ------- 720px ------ */
@media only screen and (max-width:720px) {
.subpage .dtable {display: block;}
.subpage .center-col img {height: auto;max-width: 100%;padding: 20px 0;float: none;clear: both;}
}

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

}

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


/* Haadings 
h1, h1 a {font-size: 2rem; line-height:2.5rem;}
h2, h2 a {font-size: 1.625rem; line-height:2.1rem;}
h3, h3 a {font-size: 1.375rem; line-height:	1.8rem;}
h4, h4 a {font-size: 1.125rem; line-height:	1.6rem;}
h4, h5 a {font-size: 1.125rem; line-height:	1.6rem;}
h6, h6 a {font-size: 1.2rem; line-height:	1.7rem;}
  
}*/	
	}}
/* ------- 420px ------ */
@media only screen and (max-width:420px) {
#submenu {font-size: 60%;}
}

/* ----------- KUVAGALLERIATAUSTA -------------- */
@media only screen and (max-width:1024px) {.kuvagalleriakuvatausta {width: 23% !important;height: 35vh !important;margin: 0 1% 20px 1% !important;box-sizing: border-box;padding: 0;}.kuvagalleriakuvatausta img {padding: 0 !important;width: 100%;height: 100%;}}
@media only screen and (max-width:860px) {.kuvagalleriakuvatausta {height: 30vh !important;}}
@media only screen and (max-width:720px) {.kuvagalleriakuvatausta {height: 25vh !important;}}
@media only screen and (max-width:620px) {.kuvagalleriakuvatausta { width: 31.3% !important;height: 30vh !important;}}
@media only screen and (max-width:520px) { .kuvagalleriakuvatausta {height: 25vh !important;}}
@media only screen and (max-width:420px) {.kuvagalleriakuvatausta {height: 20vh !important;}}

/* ----------- MOBIILIVALIKKO ------------------ */
@media only screen and (max-width:1024px) {
  #tuppukaluste_side_float_bar_open, #tuppukaluste_side_float_bar {display:none !important;}
#main-navi-resp, #main-navi-wrapper, #main-navi-wrapper-menu-open {display:none !important;}
#mobile-logo {width:auto; position: absolute; top:24px; left:20px; display:block !important;}
#mobile-logo img { max-width: 200px;}
#topnavi, #main-navi, #dtnavi {display:none !important;}
#main-navi-resp {left:0;display: block;position: fixed;top: 0; width: 100%;background: #fff;z-index:2;}
    
  
#mobilepalsta-1, #mobilepalsta-2 { background: #0175aa;color: #fff;width: 100%;display: table;padding: 40px 0;}
#mobilepalsta-1 {background: #3ab8ff;padding: 15px 0;text-align: center;}  
  
  #mobilepalsta-1 a {

    color: #fff;
    font-size: 1.1rem !important;

}
#mobilepalsta-2 a {
    color: #d5f4f9;
    display: block;
    width: 50%;
    box-sizing: border-box;
    padding: 10px 0 10px 10%;
    float: left;
    font-size: 2rem !important;
      font-weight: 400;} 
  
  
#frtlink-mobile a {

    font-size: 1.2rem !important;
    color: #fff !important;
    background: #288dc2 !important;
    border-top: 1px solid #2087bc;
    width: 100% !important;
    padding: 10px 0 0 0 !important;
    text-align: center;
    line-height: 100%;
    display: block;

}
  

.mean-nav a {font-size: 1.2rem !important;}
nav.content-col {display:none;}
#logo {left: 20px;position:absolute;top: 60px;width: auto;z-index: 2300000;}
#mobilemenu-container::after {right:13px!important}
.mean-bar::before {color: #000 !important;content: "VALIKKO"; font-size: 10px !important;top: 38px;width: auto;height: auto; right: 20px;position: absolute;text-align: center;}
a.meanmenu-reveal { display:none }
.mean-container a.meanmenu-reveal.meanclose::after {margin-left:-2px;margin-top:15px;padding-left:0;text-align:left; color:#fff; display:none;}
.mean-container a.meanmenu-reveal.meanclose {

    height: 46px;
    right: 31px !important;
    width: auto !important;
    color: #000;
    font-size: 37px !important;
    margin: 8px auto 0 auto;
    font-size: 30px !important;

}
.mean-container .mean-bar { float:left; width:100%; position:relative; top:0px; padding:0;  z-index:20; background:#ddf6fb;}
.mean-container a.meanmenu-reveal { height:22px; position:absolute; top:0px; margin-top: 4px;cursor:pointer; color:#fff; text-decoration:none; text-indent:-9999em; line-height:22px; font-size:1px; display:block; font-weight:700; right:20px !important; padding:8px 0 11px; width:auto }
.mean-container a.meanmenu-reveal span { background:#2886c7; border-radius:2px; display:block; height:6px; margin:4px auto 0 auto; color:#000; width:39px }
.mean-container .mean-nav { float:left; width:100%; margin-top: 65px }
.mean-container .mean-nav ul { padding:0; margin:0; width:100%; list-style-type:none }
.mean-container .mean-nav ul li { position:relative; float:left; width:100%; background:#e6eff6; }
.mean-container .mean-nav ul li a { display:block; float:left; width:80%; padding: 25px 5% 10px 15%; height:28px; margin:0; text-align:left; color:#0175aa !important; border-top:1px solid #fff; text-decoration:none; font-size:2rem !important;text-transform:uppercase; font-family: 'Baloo Paaji', cursive !important;}
.mean-container .mean-nav ul li li a { width:83%; padding:10px 10% 3px 7%; border-top:1px solid #f1f1f1; border-top:1px solid #fff;  font-size:1.4rem !important;text-shadow:none!important; visibility:visible; background:#c8d8e4; color:#0175aa; font-family: 'Baloo Paaji', cursive;}
	
.mean-container .mean-nav ul li.mean-last a { border-bottom:none; margin-bottom:0 }
.mean-container .mean-nav ul li li li a {width: 80%;padding: 10px 10% 3px 10%;background: #b9c9d5;}
.mean-container .mean-nav ul li li li li a { width:60%; padding:1em 20% }
.mean-container .mean-nav ul li li li li li a { width:50%; padding:1em 25% }
.mean-container .mean-nav ul li a:hover {  opacity:0.95 }
.mean-container .mean-nav ul li a.mean-expand { height: 25px;background: #3ab8ff  none repeat scroll 0 0;border: 0;border-radius: 100%;color: #fff !important;font-weight: 700;margin-top: 0;padding: 3px 4px 0px !important;position: absolute;right: 2.6%;text-align: center;top: 19px; width: 21px;z-index: 2;font-size: 1.5rem !important;font-family: 'Muli', sans-serif !important;line-height: 100%;}
.mean-container .mean-push, .mean-nav .wrapper { width:100%; padding:0; margin:0 }
.mean-container .mean-nav ul li a.mean-expand:hover {}
.mean-container .mean-push { float:left; clear:both }
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
.mean-remove { display:none!important }
.meanclose {margin: 6px -14px 0 0;}
  
ul li ul li .mean-expand {

    margin: -53px 0 0px 0 !important;

}
  
}

 @media only screen and (max-width:575px) { #mobilepalsta-2 {padding: 20px 0;}#mobilepalsta-2 a {padding: 5px 0 5px 10%;font-size: 1.3rem !important;}}
   @media only screen and (max-width:480px) {#mobilepalsta-2 a {font-size:1.1rem !important;}}

@media only screen and (max-width:575px) {#mobilelink-1 > a, #mobilelink-2 > a, #mobilelink-3 > a, #mobilelink-4 > a, #mobilelink-5 > a {font-size:1.5rem !important; padding:20px 5% 10px 15%}.mean-container .mean-nav ul li a.mean-expand {padding: 2px 4px 1px !important;top: 17px;}ul li ul li .mean-expand { margin: -51px 0 0px 0 !important;}}


/* Tuoteryhmataustakuvat */
#mobilelink-1 {background:#e6eff6 url(../img/header/sohva-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-2 {background:#e6eff6 url(../img/header/huonekalut-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-3 {background:#e6eff6 url(../img/header/matot-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-4 {background:#e6eff6 url(../img/header/sisustustuotteet-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-5 {background:#e6eff6 url(../img/header/kampanjat-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-10 {background:#e6eff6 url(../img/header/valaisimet-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
#mobilelink-20 {background:#e6eff6 url(../img/header/blogi-mobileicon.png) 4% 10px no-repeat; background-size:60px;}
@media only screen and (max-width:768px) {#mobilelink-1,#mobilelink-2,#mobilelink-3,#mobilelink-4,#mobilelink-5,#mobilelink-10,#mobilelink-20  {background-size:50px;}#mobilelink-1 > a, #mobilelink-2 > a, #mobilelink-3 > a, #mobilelink-4 > a, #mobilelink-5 > a, #mobilelink-10 > a, #mobilelink-20 > a { padding:20px 5% 10px 15%}
  .mean-container .mean-nav ul li li a { font-size: 1.2rem !important;}.mean-container .mean-nav ul li li a {

    width: 83%;
  }}
  
  
@media only screen and (max-width:575px) {#mobilelink-1 > a, #mobilelink-2 > a, #mobilelink-3 > a, #mobilelink-4 > a, #mobilelink-5 > a, #mobilelink-10 > a, #mobilelink-20 > a { padding:20px 5% 10px 15%}
#mobilelink-1 {background:#e6eff6 url(../img/header/sohva-mobileicon.png) 4% 15px no-repeat;background-size:40px; }
#mobilelink-2 {background:#e6eff6 url(../img/header/huonekalut-mobileicon.png) 4% 15px no-repeat; background-size:40px;}
#mobilelink-3 {background:#e6eff6 url(../img/header/matot-mobileicon.png) 4% 15px no-repeat;background-size:40px;}
#mobilelink-4 {background:#e6eff6 url(../img/header/sisustustuotteet-mobileicon.png) 4% 15px no-repeat;background-size:40px;}
#mobilelink-5 {background:#e6eff6 url(../img/header/kampanjat-mobileicon.png) 4% 15px no-repeat; background-size:40px;}
#mobilelink-10 {background:#e6eff6 url(../img/header/valaisimet-mobileicon.png) 4% 15px no-repeat; background-size:40px;}.mean-container .mean-nav ul li li a {font-size: 1.1rem !important;}
#mobilelink-20 {background:#e6eff6 url(../img/header/blogi-mobileicon.png) 4% 15px no-repeat; background-size:40px;}
.mean-container .mean-nav ul li li a {font-size: 1.1rem !important;}
.mean-container .mean-nav ul li a.mean-expand {line-height:90%}}


@media only screen and (max-width:480px) {
  #mobilelink-1 > a, #mobilelink-2 > a, #mobilelink-3 > a, #mobilelink-4 > a, #mobilelink-5 > a, #mobilelink-10 > a, #mobilelink-20 > a {font-size: 1.2rem !important;}.mean-container .mean-nav ul li a{ padding: 20px 5% 10px 20% !important; width:75%;}.mean-container .mean-nav ul li li a {

    width: 83%;
      padding: 10px 10% 3px 7% !important; }.mean-container .mean-nav ul li li li a {

    padding: 10px 5% 3px 15% !important;
    width: 80%;

    }.mean-container .mean-nav ul li a.mean-expand {line-height:120%;}.mean-container .mean-nav ul li li a.mean-expand, .mean-container .mean-nav ul li li li a.mean-expand {line-height:90%}}

@media only screen and (max-width:375px) {
  #mobilelink-1 > a, #mobilelink-2 > a, #mobilelink-3 > a, #mobilelink-4 > a, #mobilelink-5 > a, #mobilelink-10 > a, #mobilelink-20 > a {font-size: 1.2rem !important;}.mean-container .mean-nav ul li a { padding: 20px 5% 10px 25% !important; width:70%;}}
@media only screen and (max-width:375px) {#mobile-logo img {max-width: 160px;}}