/* Shared presentation for the public site and the visual editor canvas. */
.header-area .top-header { padding:8px 0; }
.header-area .top-header .row { flex-wrap:nowrap; justify-content:space-between; gap:12px; }
.header-area .top-header .row > div { flex:0 1 auto; width:auto; max-width:none; min-width:0; }
.header-area .top-header .left-info { text-align:left; }
.header-area .top-header .left-info li { margin:0; white-space:nowrap; }
.header-area .top-header .left-info a:hover { color:#fff; text-decoration:underline; }
.header-area .top-header .right-info { display:flex; align-items:center; justify-content:flex-end; gap:4px; white-space:nowrap; }
.header-area .top-header .right-info li { display:block; margin:0; }
.header-area .top-header .right-info li a { display:block; margin:0; padding:3px 10px; line-height:22px; border:1px solid transparent; border-radius:4px; background:transparent; color:#fff; font-size:12px; }
.header-area .top-header .right-info li a:hover { border-color:#ffffff80; }
.header-area .top-header .right-info li a[aria-current="page"] { background:#fff; color:#164a92; border-color:#fff; font-weight:600; }
.header-area .mnl-brand { min-width:0; }
.header-area .mnl-brand span { overflow-wrap:break-word; }
.header-area a:focus-visible { outline:2px solid #57baf4; outline-offset:4px; }
.choose-us-two .row > div,.about-info-area .row > div { min-width:0; }
.choose-us-two .choose-content p,.choose-us-two .choose-content li,.about-info-card { overflow-wrap:break-word; }

@media (min-width:992px) and (max-width:1199px) {
  .header-area .navbar-brand.mnl-brand { max-width:330px; margin-right:20px; gap:10px; }
  .header-area .navbar-brand.mnl-brand img { width:80px!important; height:50px!important; }
  .header-area .navbar-brand.mnl-brand span { max-width:220px; font-size:13px; }
  .header-area .ferry-nav .navbar .navbar-nav .nav-item { margin-left:9px; margin-right:9px; }
  .header-area .ferry-nav .navbar .navbar-nav .nav-item a { white-space:nowrap; font-size:14px; }
}

@media (max-width:991px) {
  .header-area { position:relative; min-height:116px; }
  .header-area .navbar-area,.header-area .navbar-area.is-sticky { padding:14px 0; min-height:72px; }
  .header-area .ferry-responsive-menu .logo { width:calc(100% - 58px)!important; max-width:none!important; min-height:44px; display:flex; align-items:center; }
  .header-area .logo .mnl-brand { gap:10px; max-width:100%; }
  .header-area .logo .mnl-brand img { width:64px!important; height:40px!important; }
  .header-area .logo .mnl-brand span { font-size:14px!important; line-height:1.45!important; max-width:100%; }
  html[lang="en"] .header-area .logo .mnl-brand span { font-size:12px!important; }
  .header-area .mean-container .mean-bar { top:0; left:0; width:100%; }
  .header-area .mean-container a.meanmenu-reveal { box-sizing:border-box; width:44px; height:44px; padding:9px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; text-indent:0; line-height:26px; border-radius:5px; }
  .header-area .mean-container a.meanmenu-reveal:hover { background:#edf3fa; }
  .header-area .mean-container a.meanmenu-reveal span { position:static; flex:none; width:25px; height:2px; margin:0; border-radius:2px; }
  .header-area .ferry-responsive-menu.mean-container .mean-nav { margin-top:58px; border-radius:0 0 6px 6px; box-shadow:0 10px 24px #14315426; }
  .header-area .ferry-responsive-menu.mean-container .mean-nav .navbar-nav { height:auto; max-height:calc(100dvh - 140px); overflow-y:auto; box-shadow:none; }
  .header-area .mean-container .mean-nav ul li a { box-sizing:border-box; width:100%; padding:14px 18px; font-size:15px; line-height:22px; }
  .page-banner { display:flex; align-items:center; height:280px; padding:30px 0; }
  .page-banner .page-content { margin-top:0; padding:28px 20px; }
  .page-banner .page-content h2 { font-size:28px; line-height:1.4; }
  .hero-slider .hero-slider-item-1 { margin-top:0; }
}

@media (max-width:767px) {
  .header-area .top-header .container { padding-left:15px; padding-right:15px; }
  .header-area .top-header .row { margin:0; gap:8px; }
  .header-area .top-header .row > div { padding:0; }
  .header-area .top-header .left-info li { font-size:12px; }
  .header-area .top-header .right-info li a { padding:3px 8px; }
  .page-banner { height:240px; }
  .page-banner .page-content { padding:24px 16px; }
  .page-banner .page-content h2 { font-size:27px; margin-bottom:10px; }
  .page-banner .page-content ul li { font-size:13px; }
  .choose-us-two .choose-content { padding:24px 0; }
  .choose-us-two .choose-us-image { margin-bottom:20px; }
  .choose-us-two .choose-content ul { margin-bottom:10px; }
  .choose-us-two .choose-content ul li { flex:0 0 100%; max-width:100%; padding-right:0; line-height:1.7; }
  .choose-us-two .choose-content ul li i { top:4px; }
  .choose-us-two h2,.about-info-area h2 { font-size:26px; line-height:1.4; }
  .choose-us-two h3,.about-info-card h3 { font-size:21px; line-height:1.45; }
  .footer-bottom p { overflow-wrap:break-word; line-height:1.8; }
}

@media (max-width:359px) {
  .header-area .top-header .left-info i { display:none; }
  .header-area .top-header .right-info { gap:0; }
  .header-area .top-header .right-info li a { padding:3px 6px; }
  .header-area .logo .mnl-brand { gap:7px; }
  .header-area .logo .mnl-brand img { width:54px!important; }
  .header-area .logo .mnl-brand span { font-size:12px!important; }
}