/*----- max-width: 767px -----*/

div#mobi-helper { display: block; }
 
.admin-linkset,
.box-att.orderinfo,
img#haku-ikoni,
.no-mobile,
div#pageimage2-wrap,
div#toolbarWrapper,
div#header-cont .table-cell.search-cont {
  display: none !important; 
}

ul#ws-navi li.hidden,
ul#ws-navi div.nav-toggler.hidden { display: initial; }

li.navi-sp { display: none !important; }

.buttonwidemobile { width: 100%; }

div.form-input-wrap div { width: 100% !important; }

.table-gap { width: 30px; }

div#container { padding-top: 80px; }

div#header {
  width: 100%;
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #ffffff;
}

div#headerInfoCont { 
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  background: #ffffff;
}

div#header-cont,
div#header-cont .table-row,
div#header-cont .table-cell { 
  display: block;
  padding: 0;
}

div.logo-wrap {
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 2001;
}

img.logo {
  height: 70px;
}

div#topnavWrap { background: #ffffff; }

div#login-button-wrapper { 
  top: 14px;
  right: 70px;
}

div.wishlist-button { padding: 10px 0 10px 5px; }

div.wishlist-button .tag {
  top: 5px;
  left: -2px;
}

button.cartbutton.nopages {
  top: 20px;
  right: 10px;
}

div.login-button, div.useraccount-button, div.logout-button { padding: 3px !important; }

div#searchWrapContMobile { margin-bottom: 15px; }

div#searchWrap input.searchInput { width: 100%; }

form#product-searchform { position: relative; }

form#product-searchform * { max-width: 100% !important; }

div#searchform-searchfields { z-index: 1000 !important; }

form#product-searchform div#searchform-searchfields select { width: 100% !important; }

div#searchform-searchfields div.buttons { width: 100% !important; }

form#product-searchform div#searchform-searchfields input.button { width: 49% !important; }

div#navBreadcrumb { 
 width: 100%;
 padding: 0 15px;
}

div#page-wrap {
 display: block;
 padding: 15px 15px 0 15px;
}

div#page-wrap .table-row { display: block; }

div#aside { display: block; }

div#main { 
 display: block;
 padding: 15px 0;
}

div#main img { max-width: 100%; height: auto; }

div#main-fp { 
 display: block;
 padding: 15px 0;
}

div#main-fp img { max-width: 100%; height: auto; }

div#footer-wrap {
 display: block;
 padding: 30px 15px;
}

div#footer-wrap .table-row { display: block; }

div#footer-wrap .table-gap {
 display: block;
 height: 30px;
} 

div#footer-wrap .table-cell { display: block; }

div#footer-top-wrap {	padding: 15px; }

div#footer-bottom-wrap { padding: 0 10px 15px 10px; }

div#cookie-settings-cont { 
  height: auto;
  padding: 0;
}

div#netland-wrap img#netland { margin: 5px 10px; }

/*---------------- FLEXSLIDER ----------------*/

div#flexslider-cont div.flexslider { min-height: unset !important; }

div#flexslider-cont div.flexslider-wrap { 
  width: 100%;
  aspect-ratio: 10 / 3;
  height: unset !important;
}

.flexslider-img-text-wrap { margin: 5px; }

/*--- WEBSHOP NAVIGATION ---*/

div#toggle-ws-groups { 
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  padding: 15px 10px;
  border: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
}

div#toggle-ws-groups div.nav-toggler {
 background: transparent url("/common_ui/embed_ui/img/icons_google/content/ic_add_black_18dp.png") no-repeat scroll center center;
 height: 20px;
 width: 20px;
 cursor: pointer;
 display: block;
 position: absolute;
 right: 15px;
 top: 50%;
 margin-top: -10px;
}

ul#ws-navi { 
  display: none;
  border-top: 0;
}

ul#ws-navi li.level1 {
  background: none;
  border-bottom: 0;
  padding: initial;
  width: initial;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ul#ws-navi li.level2 div.nav-text.level2 { padding-left: 15px; }
ul#ws-navi li.level3 div.nav-text.level3 { padding-left: 30px; }
ul#ws-navi li.level4 div.nav-text.level4 { padding-left: 45px; }
ul#ws-navi li.level5 div.nav-text.level5 { padding-left: 60px; }
ul#ws-navi li.level6 div.nav-text.level6 { padding-left: 75px; }

/*--- STARTPAGE, NOSTOLOOTAT ---*/


div.liftarea-cont-wrap.pr-count-0-0 { margin-top: 1.5em; }

div.liftarea-cont { margin: auto; }

div.liftbox { margin: 50px 0; }

/*--- SHOP: productlist ---*/

div.pl-cont {
 width: calc(100% + 15px);
 margin: 0 0 0 -15px;
}

div.pl-cont.rinnakkais {
 width: calc(100% + 15px);
 margin: 0 0 0 -15px;
}

div.pl-item {
 max-width: calc(50% - 15px);
 width: calc(50% - 15px);
-webkit-flex: 1 1 auto;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
-o-flex: 1 1 auto;
 flex: 1 1 auto;
 margin: 0 0 15px 15px;
}

div.pl-item.rinnakkais {
 max-width: calc(33% - 15px);
 width: calc(33% - 15px);
 margin: 0 0 15px 15px;
}

div.pl-img-wrap { width: 100%; }

div#main img.pl-img { max-width: 100%; }

div#main div.pl-item.rinnakkais img.pl-img { max-height: 145px; }

div.pl-item div.pl-text-wrap { padding: 10px 0px 0px 0px; }

button.cartbutton,
button.cartbutton.buttondisabled,
button.cartbutton.buttondisabled:hover { 
  padding: 3px !important;
  margin-top: 2px;
}

/*--- SHOP: product ---*/

div#pg-bcrumbs { margin-top: 10px; }

div#product-cont { 
 display: block;
 width:100%;
 margin-bottom: 30px;
}

div#product-img-cont {
 display: block;
 width: 100%;
 padding: 0;
 margin-bottom: 30px;
}

/*--- SLIDER ---*/

div.slider-for,
div.slider-nav {
 width: 100%;
}

div.slider-for img.cb_img_link { 
 width: 100%; 
 margin: 0 5px 0 0 !important;
}

div.slider-nav div.slick-list { display: none !important; }

/*--- ORDER ---*/

ul#order_phases {	
  border-left: 0;
  margin-top: 15px;
}

ul#order_phases li::after { line-height: 1.6em; }

/*--- LOGIN/LOGOUT ---*/

div.notification.logout-info { 
 width: 100%;
 max-width: 350px;
}

div.user-account-link {
 position: fixed;
 top: 8px;
 right: 90px;
 z-index: 10001;
}

div.user-account-link span.button-text { display: none; }

form#user-login-form-account {
 width: 100%;
 padding: 0;
 border: 0;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

div#login-button-wrapper form#user-login-form {
width:100%;
position: fixed;
margin-top: 1px;
left: initial;
right: 0;
}

div#main form#user-login-form-account {
  z-index: 200;
}


div#delivery-addresses-cont.order div.delivery-address > div, div#customer-addresses-cont.order div.customer-address > div { padding: 15px; }


div#delivery-addresses-cont div.delivery-address.narrow,
div#billing-addresses-cont div.billing-address.narrow, 
div#customer-addresses-cont div.customer-address.narrow {  
 flex-basis: 100%;
 width: 100%;
 max-width: 100%;
 display: inline-block;
}

div#useraccount-table,
div#useraccount-table div.user-userinfo { width: 100%; }

div#useraccount-table div.user-userinfo.passwd-change { margin-top: 15px; }

/*--- USERACCOUNT ---*/

div.user-userinfo {	padding: 15px; }

div.user-userinfo div.certificate-item {
	flex-basis: 100%;
	flex-grow: 1;
}

div.address_form { padding: 15px; }

div#delivery-addresses-cont div.delivery-address,
div#billing-addresses-cont div.billing-address { padding: 15px 15px 40px 15px; }

div#delivery-addresses-cont div.delivery-address div.editlink-wrap,
div#billing-addresses-cont div.billing-address div.editlink-wrap { width: calc(100% - 30px); }



div.sertifikaatti input.button { margin-top: 5px; }


/*--- REGISTER ---*/

form#register_form { padding: 15px; }

form#register_form input[type=button] { margin-top: 5px; }
