/* Final responsive safeguards shared by every public page. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
a[href^="tel:"]{white-space:nowrap;word-break:keep-all}
.mobile-portal-link{display:none}
.faq-intro-line{max-width:none!important}
@media (min-width:768px){.faq-intro-line{white-space:nowrap}}

@media (max-width:1199px){
  .header-area .container{width:100%;max-width:100%;padding-left:16px;padding-right:16px}
  .menu-small-device{display:none!important}
  .main-responsive-nav .mobile-nav{height:76px;display:block;padding-right:54px;position:relative}
  .main-responsive-nav .mobile-nav .logo{position:absolute;left:0;top:6px;transform:none;display:flex;align-items:center;max-width:205px;height:64px;z-index:3}
  .main-responsive-nav .mobile-nav .logo img{width:195px;max-height:58px;object-fit:contain;object-position:left center}
  .mean-container a.meanmenu-reveal{right:10px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10003;width:46px!important;height:46px!important;padding:8px!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .mean-container .mean-bar{position:absolute!important;inset:0!important;width:100%!important;height:76px!important;padding:0!important}
  .mean-container .mean-nav{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(400px,100vw)!important;height:100dvh!important;margin:0!important;padding-top:88px!important;background:#071327!important;box-shadow:-18px 0 55px rgba(0,0,0,.42);transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease;overflow-y:auto;z-index:10001}
  .public-menu-open .mean-container .mean-nav{transform:translateX(0);visibility:visible}
  body.public-menu-open{overflow:hidden}
  body.public-menu-open:before{content:"";position:fixed;inset:0;background:rgba(2,8,17,.7);z-index:9998}
  body.public-menu-open .main-responsive-nav{z-index:10000}
  body.public-menu-open .main-responsive-nav .mobile-nav>.logo{display:none!important}
  .public-menu-open .mean-container a.meanmenu-reveal{position:fixed!important;right:22px!important;top:27px!important;transform:none!important;color:#fff!important;font-size:27px!important;line-height:32px!important;width:36px!important;height:36px!important;padding:0!important;text-indent:0!important;text-align:center!important}
  .mean-container .mean-nav:before{content:"";position:absolute;top:20px;left:22px;width:190px;height:50px;background:url('../images/circuitverity-logo-white.svg') left center/contain no-repeat}
  .mean-container .mean-nav ul{background:#071327!important}
  .mean-container .mean-nav ul li{float:none!important;width:100%!important}
  .mean-container .mean-nav ul li a{box-sizing:border-box!important;float:none!important;width:100%!important;padding:15px 22px!important;background:#071327!important;color:#dce6f3!important;border-top:1px solid rgba(255,255,255,.1)!important;font-size:16px!important}
  .mean-container .mean-nav ul li a:hover,.mean-container .mean-nav ul li a.active{background:#102742!important;color:#78c67a!important}
  .mean-container .mean-nav ul li li a{padding-left:38px!important;background:#0a1930!important;font-size:14px!important}
  .mean-container .mean-nav ul li a.mean-expand{box-sizing:border-box!important;width:54px!important;height:52px!important;padding:14px 18px!important;color:#78c67a!important;text-align:center!important}
  .mean-container .mean-nav .portal-actions{display:none!important}
  .mobile-portal-link{display:block}
  .mean-container .mean-nav ul li.mobile-portal-link a{background:#173c2d!important;color:#fff!important;font-weight:800}
  .mean-container .mean-nav ul li.mobile-portal-link a i{display:inline-block!important;color:#3f9f42;margin-right:8px}
  .topbar-content{padding:12px 10px}
  .topbar-left-side ul,.topbar-right-area,.topbar-social-icons ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px}
  .topbar-left-side ul li,.topbar-social-icons ul li{margin:0!important;font-size:14px}
  .topbar-right-area{margin-top:8px}
  .banner-text-area h1{font-size:clamp(42px,8vw,64px);line-height:1.12}
  .banner-text-area p{font-size:18px;line-height:1.75}
  .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:575px){
  .mean-container .mean-nav{width:100vw!important}
  .header-area .container{padding-left:12px;padding-right:12px}
  .topbar-left-side ul{display:grid;gap:5px;text-align:center}
  .topbar-left-side ul li{font-size:13px;overflow-wrap:anywhere}
  .topbar-right-area{gap:10px;margin-top:7px}
  .language-select select{font-size:14px}
  .main-responsive-nav .mobile-nav{height:68px;padding-right:48px}
  .main-responsive-nav .mobile-nav .logo{top:5px;max-width:175px;height:58px}
  .main-responsive-nav .mobile-nav .logo img{width:170px;max-height:52px}
  .mean-container a.meanmenu-reveal{right:10px!important;top:50%!important}
  .mean-container .mean-bar{height:68px!important}
  .banner-text-area{padding-left:0;padding-right:0}
  .banner-text-area h1{font-size:clamp(36px,10.6vw,48px);line-height:1.16;overflow-wrap:break-word}
  .banner-text-area p{font-size:16px;line-height:1.7}
  .banner-text-area .banner-buttons ul{display:flex;flex-wrap:wrap;gap:12px}
  .banner-text-area .banner-buttons ul li{margin:0!important}
  .banner-text-area .banner-buttons .default-button,.banner-text-area .banner-buttons .default-button-2{padding:12px 16px;font-size:14px}
  .default-section-title h2{font-size:clamp(28px,8vw,38px)}
  .ptb-100{padding-top:65px;padding-bottom:65px}
  .footer-logo-area p{width:auto;max-height:none}
  .footer-logo-area>a>img{width:210px}
  input,select,textarea,button{max-width:100%}
}