/* white you custom css code here. only css code will work */
/* AOTC responsive adjustments — 2026-10-20 */
@media (max-width: 991px) {
 .navbar-area .nav-container {display:flex!important;flex-wrap:wrap!important;align-items:center!important;}
 .navbar-area .responsive-mobile-menu {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;position:relative!important;}
 .navbar-area .responsive-mobile-menu .logo-wrapper {position:static!important;flex:1 1 auto!important;width:auto!important;margin:0!important;order:0;}
 .navbar-area .responsive-mobile-menu .logo img {max-width:145px!important;max-height:48px!important;object-fit:contain;}
 .navbar-area .responsive-mobile-menu > .navbar-nav {display:flex!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center!important;margin:0!important;padding:0!important;order:1;}
 .navbar-area .responsive-mobile-menu li.lang {margin:0!important;padding:0!important;float:none!important;}
 .navbar-area .responsive-mobile-menu li.lang a {display:flex!important;align-items:center;justify-content:center;min-width:42px;min-height:42px;margin:0!important;}
 .navbar-area .navbar-toggler {position:static!important;transform:none!important;margin:0!important;flex:0 0 auto!important;order:2;}
 .navbar-area .navbar-collapse {flex-basis:100%!important;width:100%!important;max-height:70vh;overflow-y:auto;}
 .navbar-area .navbar-collapse .navbar-nav {margin:10px 0!important;}
 .navbar-area .nav-right-content {display:none!important;}
}
@media (max-width: 767px) {
 main {font-size:16px!important;}
 main .container,.breadcrumb-bar .container {width:100%!important;max-width:100%!important;padding-inline:16px!important;box-sizing:border-box!important;}
 main .page-hero {padding:36px 0!important;}
 main .container.fade-in-up {height:auto!important;min-height:0!important;max-width:100%!important;transform:none!important;}
 main .section {padding-top:40px!important;padding-bottom:40px!important;}
 main h1 {font-size:27px!important;line-height:1.4!important;overflow-wrap:break-word;}
 main h2 {font-size:23px!important;line-height:1.4!important;overflow-wrap:break-word;}
 main h3 {font-size:19px!important;line-height:1.45!important;}
 main p,main .lede {font-size:16px!important;line-height:1.8!important;}
 main .eyebrow {flex-wrap:wrap;gap:6px 10px!important;}
 main .split-content {padding:24px 20px!important;}
 main .cta-band {padding:30px 20px!important;}
 main .cta-band-inner {gap:20px!important;}
 main .grid-3 {grid-template-columns:1fr!important;gap:16px!important;}
 main .fact-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
 main .hero-trustbar {gap:12px 18px!important;margin-top:22px!important;}
 main .section-head {margin-bottom:26px!important;}
 main .vm-block.mt-4 {margin-top:24px!important;}
 main .btn-row {gap:10px!important;}
 main .btn-row a {max-width:100%;white-space:normal;}
 main .glance-card p {color:#b5c3d5!important;}
 .header-slider-one .header-inner {padding-inline:16px!important;}
 .header-slider-one .header-inner .title {font-size:28px!important;line-height:1.4!important;}
 .header-slider-one .header-inner .description {font-size:16px!important;line-height:1.75!important;}
 .header-slider-one .header-inner .btn-wrapper {display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center;}
 .header-slider-one .header-inner .logistics-btn {margin:0!important;padding:12px 20px!important;line-height:1.5!important;font-size:15px!important;}
 .case-studies-menu {display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding-inline:12px!important;}
 .case-studies-menu li {margin:0!important;font-size:14px!important;}
}

@media(max-width:991px){html[dir="ltr"] .navbar-area .navbar-collapse .navbar-nav,html[dir="ltr"] .navbar-area .navbar-collapse .navbar-nav li,html[dir="ltr"] .navbar-area .navbar-collapse .navbar-nav a{text-align:left!important;}html[dir="rtl"] .navbar-area .navbar-collapse .navbar-nav,html[dir="rtl"] .navbar-area .navbar-collapse .navbar-nav li{text-align:right!important;}}
@media(max-width:767px){main p.eyebrow{font-size:12px!important;line-height:1.5!important;} main .eyebrow .en{font-size:11px!important;}}

@media(max-width:767px){
 .page-hero{padding:36px 0!important;}
 .page-hero .container,.section > .container{width:100%!important;max-width:100%!important;padding-inline:16px!important;box-sizing:border-box;}
 .container.fade-in-up{height:auto!important;min-height:0!important;max-width:100%!important;transform:none!important;}
 .page-hero h1{font-size:27px!important;line-height:1.4!important;}
 .page-hero .lede{font-size:16px!important;line-height:1.8!important;}
 .page-hero .eyebrow{font-size:12px!important;line-height:1.5!important;flex-wrap:wrap;}
 .section{padding-top:40px!important;padding-bottom:40px!important;}
 .section h2,.contact-section h2{font-size:23px!important;line-height:1.4!important;}
 .section .section-head{margin-bottom:26px!important;}
 .section .grid-3{gap:16px!important;}
 .section .glance-card p{color:#b5c3d5!important;}
 .ocean-kitchen-container{width:100%!important;padding-inline:16px!important;}
 .ocean-kitchen-hero-content h1{font-size:28px!important;line-height:1.4!important;}
 .ocean-kitchen-title,.ocean-kitchen-schools-content h2,.ocean-kitchen-container > h2,.ocean-kitchen-special-box h2,.ocean-kitchen-cta-content h2{font-size:23px!important;line-height:1.4!important;}
 .contact-section input,.contact-section textarea,.contact-section select{font-size:16px!important;}
 .contact-section input::placeholder,.contact-section textarea::placeholder{color:#aebed1!important;opacity:1;}
}