/*----- max-width: 767px -----*/

.admin-linkset,
.box-att.orderinfo,
img#haku-ikoni,
.no-mobile,
div#pageimage2-wrap,
div#logoCont,
div#toolbarWrapper,
div#back_to_top {
 display: none !important; 
}

li.navi-sp { display: none !important; }

.buttonwidemobile { width: 100%; }

div.form-input-wrap div { width: 100% !important; }

.table-gap { width: 30px; }

div#headerInfoWrapper { padding: 0; }

div#headerInfoWrap { width: 100%; }

div#is_mobile { display: table-cell; }

div#is_mobile { width: 1px; height: 1px; }

div#login-button-wrapper { 
 top: 0px;
 right: 50px;
}

div.wishlist-button { color: #ffffff; }

div.wishlist-button.disabled { opacity: 0.2; }

button.cartbutton.buttondisabled {
  color: #ffffff;
  opacity: 0.2; 
 }

div.login-button, div.useraccount-button, div.logout-button { padding: 3px !important; }

div#searchWrap input.searchInput { width: 100%; }

form#product-searchform { position: relative; }

form#product-searchform * { max-width: 100% !important; }

div#searchform-searchfields { z-index: 10000; }

div#page-wrap {
 display: block;
 padding: 30px 15px;
}

div#page-wrap .table-row { display: block; }

div#aside { 
  display: block;
  width: 100%;
  padding: 0;
}

div#main { 
 display: block;
 width: 100%;
 padding: 0;
}

div#main img { max-width: 100%; height: auto; }

div#main-fp { 
 display: block;
 padding: 0;
}

div#main-fp img { max-width: 100%; height: auto; }

div#footer-cont { padding: 40px 15px; }

div#footer-wrap { display: block; }

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 .table-cell a { 
 display: inline-block;
 padding: 7px 0;
}

div.footernavLink { padding-bottom: 0 !important; }

div#netland-wrap {
 padding: 15px 0;
 text-align: center;
}

/*--- NAVIGATION ---*/

.sm-netland { background: #ffffff; }

/*--- WEBSHOP NAVIGATION ---*/

div#toggle-ws-groups { 
 display: block;
 font-weight: bold;
 text-transform: uppercase;
 padding: 12px 0px;
 border-top: 1px dashed #cccccc;
 border-bottom: 1px dashed #cccccc;
 cursor: pointer;
 position: relative;
}

div#toggle-ws-groups div.nav-toggler {
 background: #eaeaea 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: 0px;
 top: 50%;
 margin-top: -10px;
}

ul#ws-navi { display: none; }

/*--- STARTPAGE, NOSTOLOOTAT ---*/

div.liftarea-cont-wrap.pr-count-0-0 { margin-top: 1.5em; }

div.liftarea-cont { margin: auto; }

div.liftbox { margin: 1.5em 0; }

/*--- SHOP: vehiclesearchform ---*/

form#vehicleSearch { margin-top: 35px; }

div#toggle_search { display: block; }

div#toggle_search.forced { display: block !important; }

div#toggle_search.forced span.forced { display: flex !important; }

div#toggle_search span#topbar_showhits,
div#toggle_search span#topbar_showform {
  display: flex;
  justify-content: center;
}

div#searching { 
 position: fixed; 
 top: 20px;
 opacity: 0.9;
}

/*--- SHOP: vehiclelist ---*/

div#vehicles { margin-top: 16px; }

a#clearsearch { 	margin-left: 0; }

input.watch_button { padding: 10px 15px; }

div#watch {	
  padding: 30px 15px;
  margin-bottom: 0 !important;
}

div#watch_response div.notification { margin-bottom: 1.3em; }

div#watch_values > div > div { padding: 5px 15px 5px 0; }

div#watch_values > div > div:last-child { padding: 5px 0; }

div#vehicle_sort { 
  position: relative;
  text-align: left;
  margin-top: 15px;
}

div#vehicle_sort div.dropdown-list { width: 100%; }

div.vehicle { 
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -o-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/*--- SHOP: productlist ---*/

div.pl-cont {
 width: calc(100% + 30px);
 margin: 0 0 0 -30px;
}

div.pl-cont.rinnakkais {
 width: calc(100% + 15px);
 margin: 0 0 0 -15px;
}

div.pl-item {
 max-width: calc(50% - 30px);
 width: calc(50% - 30px);
-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 30px 30px;
}

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; }

button.cartbutton,
button.cartbutton.buttondisabled,
button.cartbutton.buttondisabled:hover { 
 margin-top: 0 !important;
 padding: 3px !important;
}

/*--- SHOP: vehicleproduct ---*/

div#vehicle-header { 
  display: block;
  margin: 35px 0 30px 0;
}

div#vehicle-header div.vehicle-price-wrap {
	display: block;
  text-align: left;
  margin-top: 20px;
  padding-left: 0;
}

div#contact { margin: 30px 0; }

div#contact-button-wrap {	display: block; }

div#contact button#contact-call,
div#contact button#contact-form-button { margin-bottom: 15px; }

div#contact div#contact-form { margin: 20px 0 30px 0; } 

div#page-wrap div.pr-tab-table .table-row { display: table-row; }

div.pr-tab-table .table-cell { padding: 5px 15px 5px 0; }

div.pr-tab-table .table-cell:last-child { padding: 5px 0; }

div#financing_calculator_form {	
  padding: 30px 15px;
  justify-content: space-between;
} 

div#financing_calculator_form div {	
  margin-right: 0px;
  width: calc(33% - 10px);
}

div#financing_calculator_form input#deposit,
div#financing_calculator_form input#lastinstallment { 
 width: calc(100% - 20px); 
}

div#financing_calculator_form select#months { width: 100%; }

div#financing_calculator input.button,
div#financing_calculator_form input.button { 
  margin-top: 20px;
  width: 100%;
}

div#financing-buttons { display: block; }

/*--- SHOP: product ---*/

div#product-cont { 
 display: block;
 width:100%;
 margin-bottom: 30px;
}

div#product-img-cont {
 display: block;
 width: 100%;
 padding: 0;
 margin-bottom: 30px;
}

div#vehiclecarousel { display: none; }

div#vehicleslider {	border-width: 0; }

/*--- 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 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:relative;
right:0px;
top: 12px;
}

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; }

/*--- FINANCIAL COUNTER ---*/

div.financing-aside-wrap div#vehicle_info {
  display: flex;
  align-items: flex-start;
  padding: 10px;

}

div.financing-aside-wrap div#vehicle_info img {
  max-width: 110px;
  height: initial;
}

div.financing-aside-wrap div.vehicle-text-wrap { padding: 0 0 0 10px; }

div.financing-aside-wrap div.vehicle-text-wrap h2 { 
  margin-top: 0;
  line-height: 1.2em;
}

div.financing-aside-wrap div.vehicle-info-wrap { padding-bottom: 5px; }

div.financing-aside-wrap hr { margin-top: 0; }

div#financing_process {	margin-top: 30px; }

div#financing_process div.process {
	padding: 5px;
	font-size: 1.2rem;
}

div#financing-customer-form-wrap div.narrow { width: 100%; }

div#financing_results.process { display: none; }

div#financing_results_toggler { 
 display: block; 
 margin: 0 0 10px 10px;
}

div#financing_results_toggler span.hidden { display: none; } 
