/*----- max-width: 768px -----*/

.admin-linkset,
div#toolbarWrapper,
.box-att.orderinfo,
div#searchFormWrap,
.no-mobile,
div#pageimage2-wrap,
div#search-form-wrap,
div#nav-buttons-top,
div#logo-wrap,
div#name-wrap { 
 display: none !important; 
}

.table-row { display: block; }

.table-gap { width: 16px; }

div.box-att { padding: 16px; }

.box-highlighted { 
  padding: 16px;
  margin: 16px 0;
}

.basicbox { margin-bottom: 16px; }

.basicbox-title { padding: 8px 16px; }

.basicbox .basicbox-text { padding: 12px 16px; }

div#approve-wrap { margin-bottom: 16px; }

div#inspect-wrap
div#correction-wrap { margin-bottom: 16px; }

#ui-datepicker-div { 
 max-width: 400px;
 width: 90%;
 left: 5% !important;
}

/*--- LAYOUT ---*/

div#header { 
 position: inherit;
 border-bottom: 0;
}

div#public-header {
 margin: 0 16px;
}

div#nav-wrap { 
 display: block;
 text-align: left;
 padding-bottom: 0;
}

div.nav-buttons-wrap {
  position: unset;
  display: block;
  top: auto;
  padding-top: 0px;
}

div.nav-buttons-wrap a.button {
  margin-top: 0;
  margin-bottom: 30px;
}

div#navBreadcrumb { border-top: 0; }

div#navBreadcrumb-wrap { padding: 16px 16px 0 16px; }

div#bg-image { height: 320px; }

div#bg-image-overlay { height: 320px; }

div#page-wrap.okindex { margin-top: -320px; }

div#page-wrap {
 display: block;
 padding: 16px;
}

div#page-wrap.show { padding: 50px 16px 16px 16px; }

div#page-wrap.embed.show { padding: 35px 16px 16px 16px; }

div#page-wrap-sp { padding: 0; }

aside#aside {
 display: block;
 padding: 0;
}

div#main { 
 display: block; 
 margin-top: 35px;
}

div#main.embed { margin-top: 0; }

div#main img { max-width: 100%; height: auto !important; }

ul#main-menu { margin-top: 35px; }

div#pageimage-wrap img { max-width: 100%; height: auto !important; }

div.ohjekirja-pagetext-wrap.mobile-only,
div.ohjekirja-pagetext-wrap-mobile.mobile-only { display: block; }

div.ohjekirja-pagetext-wrap,
div.ohjekirja-pagetext-wrap-mobile,
div.ohjekirja-rss-wrap { padding: 16px; }

div.ok-pagetext-end { display: none; } 

div.ohjekirja-pagetext-wrap-mobile { margin-top: 16px; }

/*--- NAVIGATION ---*/
div#smartnavi-logo { padding: 0; }

div#smartnavi-logo img { height: 25px; }

div#smartnavi-name { padding: 0 16px; }

div#smartnavi-search { display: none; }

div#smartnavi-toggle-button-cont { padding-right: 16px; }

.sm-netland a, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active { padding: 12px 16px; }

/* .sm-netland.sm-vertical a span.sub-arrow { right: 15px; } */

/*--- OHJEKIRJA ----*/

div.class_wrapper div.makediv-opt-sel-cont,
div.location_wrapper div.makediv-opt-sel-cont,
div.state_search_wrapper div.makediv-opt-sel-cont { width: calc(100vw - 60px) !important; }

div.class_wrapper div.makediv-opts,
div.location_wrapper div.makediv-opts,
div.state_search_wrapper div.makediv-opts {  width: calc(100vw - 60px); }

div.suggest-results-wrapper {	
  padding: 16px;
  margin-top: 16px;
}

div.alphabetsCont { margin-top: 16px; }

table.alphabets div.research-list-wrap {
 grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

div.bg-warning div { margin-right: 0 !important; }

div.bg-warning input.floatright {
 float: none;
 margin-bottom: 20px;
}

div.permanentLink { 
 float: none;
 margin-bottom: 10px;
}

div#researchs-cont { padding: 16px; }

table#versionhistory tr.mobile-only { display: table-row; }