/*
 * JBA v16.20.148
 * Mobile search is moved outside the header and placed between the logo/menu
 * area and page content. Home side banners are hidden on mobile.
 */
@media (max-width:900px), (pointer:coarse) {
  :root{
    --jba-v1620148-navy:#062550;
    --jba-v1620148-bg:#f3f4f6;
    --jba-v1620148-border:#dfe4eb;
    --jba-v1620148-text:#172033;
    --jba-v1620148-muted:#7b8491;
  }

  /* Restore a compact logo-only header row. */
  body #menu-indo{
    min-height:76px!important;
    height:auto!important;
    overflow:visible!important;
  }
  body #menu-indo .jba-v1018-topbar{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:76px!important;
    height:76px!important;
    margin:0!important;
    padding:7px 12px 9px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body #menu-indo .jba-v1018-logo-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:78vw!important;
    height:60px!important;
    min-height:60px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body #menu-indo .jba-v1018-logo-link img{
    width:auto!important;
    max-width:210px!important;
    height:auto!important;
    max-height:56px!important;
    object-fit:contain!important;
  }
  body #menu-indo .jba-v1018-loginbox{display:none!important;}

  /* Hide the form while it is still inside the logo header. */
  body #menu-indo .jba-v1018-top-search{
    display:none!important;
  }

  /* Search strip between header/logo and the main banner/content. */
  body .jba-v1620148-search-strip{
    position:relative!important;
    z-index:1200!important;
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:10px 11px 8px!important;
    background:#fff!important;
    direction:rtl!important;
  }
  body .jba-v1620148-search-strip .jba-v1018-top-search,
  body .jba-v1620148-search-strip form.jba-v1018-top-search.jba-v143-ajax-search{
    position:relative!important;
    inset:auto!important;
    z-index:1201!important;
    box-sizing:border-box!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    align-items:center!important;
    direction:rtl!important;
    width:100%!important;
    max-width:none!important;
    height:48px!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:var(--jba-v1620148-bg)!important;
    border:1px solid var(--jba-v1620148-border)!important;
    border-radius:7px!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body .jba-v1620148-search-strip .jba-v143-search-input,
  body .jba-v1620148-search-strip input[type="text"],
  body .jba-v1620148-search-strip input[type="search"]{
    box-sizing:border-box!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:46px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 48px 0 14px!important;
    color:var(--jba-v1620148-text)!important;
    background:transparent!important;
    border:0!important;
    border-radius:7px!important;
    outline:0!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:46px!important;
    text-align:right!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  body .jba-v1620148-search-strip input::placeholder{
    color:var(--jba-v1620148-muted)!important;
    opacity:1!important;
    font-weight:600!important;
  }
  body .jba-v1620148-search-strip .jba-v143-search-submit,
  body .jba-v1620148-search-strip button[type="submit"]{
    position:absolute!important;
    top:4px!important;
    right:5px!important;
    left:auto!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    color:#4d5868!important;
    background:transparent!important;
    border:0!important;
    border-radius:5px!important;
    box-shadow:none!important;
  }
  body .jba-v1620148-search-strip .jba-v143-search-submit .glyphicon{
    display:block!important;
    color:inherit!important;
    font-size:20px!important;
    line-height:1!important;
  }
  body .jba-v1620148-search-strip .jba-v1018-top-search:focus-within{
    background:#fff!important;
    border-color:#aebed3!important;
    box-shadow:0 0 0 3px rgba(6,37,80,.06)!important;
  }
  body .jba-v1620148-search-strip .jba-v143-search-results{
    position:absolute!important;
    top:54px!important;
    right:0!important;
    left:0!important;
    z-index:2147481500!important;
    width:100%!important;
    max-width:none!important;
    max-height:min(58vh,420px)!important;
    margin:0!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fff!important;
    border:1px solid #dfe5ed!important;
    border-radius:8px!important;
    box-shadow:0 16px 38px rgba(6,37,80,.17)!important;
  }

  /* Home: show only the main slider on mobile. */
  body.jba-page-home .jba-v147-showcase{
    display:block!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"main"!important;
  }
  body.jba-page-home .jba-v147-side-grid,
  body.jba-page-home #jba-v147-side-grid,
  body.jba-page-home .jba-v147-side-card{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.jba-page-home .jba-v147-main{
    width:100%!important;
    margin:0!important;
  }
  body.jba-page-home .jba-v147-showcase-shell{
    margin-top:3px!important;
  }
}

@media (max-width:420px){
  body .jba-v1620148-search-strip{
    padding-right:9px!important;
    padding-left:9px!important;
  }
  body #menu-indo .jba-v1018-logo-link img{
    max-width:190px!important;
  }
}