/*----- max-width: 767px -----*/

.mobile-only { display: block; }

div#toolbarWrapper,
div#topHeaderCont,
div#headerCont,
div#logoWrap,
.no-mobile,
.admin-linkset {
 display: none; 
}

body { background: #ffffff; }

div#container { 
	border-left: 0;
	border-right: 0;
}

div.filler-img-wrap-sp {
	height: calc(100vh - 54px );
  margin-top: 0px;
}

div.filler-img-wrap-sp div.filler-img-wrap2-sp { height: calc(100vh - 54px ); }

div.filler-img-wrap-sp div.filler-img-wrap2-sp div.filler-img-text-wrap { width: calc(100vw - 30px ); }

div.filler-img-wrap-sp div.filler-img-wrap2-sp div.filler-img-text-wrap h1 { font-size: 3.8rem; }

div.filler-img-wrap {
	height: 150px;
 	margin-top: 0;
}

div#page-wrap { padding: 15px; }

div#main,
div#main-fp { padding:  0 0 15px 0; }

img { max-width: 100%; height: auto; }

div#navBreadcrumb { padding: 0 0 30px 0; } 

div#main-fp div#navBreadcrumb { padding: 15px 15px 0 15px; }

div#footer-cont { padding: 30px 15px; } 

div#footer-wrap { gap: 1em; }

div.footer-col { flex-basis: 100%; }

div.footer-col.first { padding-bottom: 15px; }

div.footer-col.last { padding-top: 15px; }

div#cookie-settings-text-wrap { padding-right: 0px; }

/*--- NAVIGATION ---*/

div#navWrap { display: block; }
div#navWrap .table-row { display: block; }
div#main-navWrap { display: none; }

div#smartnavi-logo { 
  width: 40%;
  padding: 0 0 0 15px;
}

div#smartnavi-logo img {
  max-width: 100% !important; 
  height: auto;
  margin-left: 0;
}

div#smartnavi-search {
  width: 59%;
  padding: 0 15px;
}

div#searchWrapContMobileGeneral { display: block; }

div#generalsearch-searchterm-wrap-mobile { background: #ffffff; }

div#main-navWrap .sm-netland a span.sub-arrow { 
  font-size: 24px !important;
  line-height: 28px !important; 
}

/*---------------- FLEXSLIDER ----------------*/

div#flexslider-cont { margin-top: 0px; }

div#flexslider-cont div.flexslider { min-height: 460px !important; }

div#flexslider-cont div.flexslider-wrap { height: 460px !important; }

div.flexslider-img-text-wrap { 
  max-width: calc(100vw - 30px ); 
  overflow: hidden;
	padding: 16px;
}

.flexslider-img-text-wrap a.button { margin: 1em 0 0.5em 0; }

/*--- / Flexslider ---*/

/*--- STARTPAGE ---*/

div#sp-dyntext-wrap {	margin: 40px 15px; }

div#sp-iconlink-wrap { 
  margin: 40px 5px;
  gap: 25px;
}

/*--- STARTPAGE, RESPBOX---*/

div#page-wrap-fp div.liftarea-cont-wrap { padding: 0 15px; }

div.liftarea-cont { margin: auto; }

div.liftarea-cont-wrap.rowfull .liftarea-cont {
  margin-top: 0;
  padding: 5px 0;
}

div.liftarea-cont.has_row_style { padding: 5px 15px; } 

div.liftbox.kuva div.box_img h1 {
 margin: 0;
 bottom: 19px;
}

/*--- TILAUSLOMAKE ---*/

form#tilauslomake h2 { margin: 10px 0 0 0; }

form#tilauslomake div.columns, form#tilauslomake div.row { display: block;  }

form#tilauslomake div.columns div.column { 
  max-width: unset; 
  margin-bottom: 20px;
}

form#tilauslomake div.column input, 
form#tilauslomake div.column textarea, 
form#tilauslomake div.column select { margin-bottom: 10px; } 

form#tilauslomake div.columns div.column input, 
form#tilauslomake div.columns div.column textarea { margin-top: 5px; }

form#tilauslomake div.row div.column h2 { margin: 10px 0 0 0; }

form#tilauslomake div.row2,
form#tilauslomake div.row3,
form#tilauslomake div.row4,
form#tilauslomake div.row5 { 
 border-top: 1px solid black;
 padding-top: 20px;
 margin-top: 30px;
}

form#tilauslomake div.row2 h2,
form#tilauslomake div.row3 h2,
form#tilauslomake div.row4 h2,
form#tilauslomake div.row5 h2 { display: block; }


/*--- YHTEYSTIETONOSTOT ---*/

div#page-wrap-fp div#content-lifts-contact2 { margin: 40px 15px 0 15px; }
