nav#topnav select,.goto{display:none}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
.extra-large{font-size:65px;}
h1,.section-title{font-size:50px;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:24px;}
h5{font-size:18px;}
body{font-size:18px; }
.wrapper{width:80%; max-width: 80%;}
.logo-bg {  width: 22%;}
#topmenu ul.menu li a { padding: 0px 14px; text-transform: uppercase;  font-size: 18px;line-height: 80px;  }
}
@media only screen and (min-width: 1366px) and (max-width: 1919px) {
.wrapper{width:90%; max-width: 1300px; }
.extra-large{font-size:50px;}
h1,.section-title{font-size:40px;}
h2{font-size:36px;}
h3{font-size:25px;}
h4{font-size:20px;}
h5{font-size:15px;}
#topmenu ul.menu li a { padding: 0px 10px; text-transform: uppercase;  font-size: 15px;line-height: 70px;  }
}
@media only screen and (min-width: 1281px) and (max-width: 1365px) {
.wrapper{width:95%; max-width: 95%;}
.extra-large{font-size:50px;}
h1,.section-title{font-size:40px;}
h2{font-size:36px;}
h3{font-size:25px;}
h4{font-size:20px;}
h5{font-size:15px;}
#topmenu ul.menu li a{padding:0px 10px;font-size:14px; text-transform: uppercase; }
.logo {margin-left: 0;}
}
@media (max-width: 1280px) {
.wrapper{width:95%; max-width: 95%;}
body {  font-size: 14px; }
h1,.section-title, .extra-large{font-size:36px;}
h2, .ban_caption h3{font-size:30px;padding:0}
h3{font-size:24px;}
h4{font-size:18px;}
.logo-bg {  width: 22%;}
.logo {margin-left: 0;}
#topmenu ul.menu li a { font-size:14px; font-weight: 500; }
.user-tools, .newsflash { font-size:13px;}
ul.toplinks a {font-size:13px;}
.ban_caption h1, .ban_caption h3{font-size:36px;line-height:110%}
}

@media (max-width: 768px) {  
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-65,.box-66,.box-50,.box-55,.box-45,.box-40,.box-35,.box-30,.box-33,.box-25,.box-20,.box-15{float:none;width:100%;margin:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
.header-overlay { padding: 80px 0px; min-height: auto;}
}

@media (max-width: 640px) {  
.align-right,.alignright{text-align:center;float:none}
.box-80,.box-70,.box-75,.box-60,.box-65,.box-66,.box-50,.box-55,.box-45,.box-40,.box-35,.box-30,.box-33,.box-25,.box-20,.box-15{float:none;width:100%;margin:0px auto;display:block;clear:both}
.row{margin:0;padding:0}
.box-padding{padding:5px 0;margin:0}
.box-paddingL,.box-paddingR,.box-paddingS{padding:0px;margin:0}
.flex-item {display: block; }
.header-overlay { padding: 70px 0px; min-height: auto;}
}

/* ==========================================================================
   Tablet = 40em (640px)
   ========================================================================== */
@media (min-width: 40em) {
  .container, .hero__inner { padding-inline: var(--space-3); }
  .audience__list { grid-template-columns: repeat(3, 1fr); }
  .metals__list { grid-template-columns: repeat(4, 1fr); }
  .intro__gallery { grid-template-columns: repeat(2, 1fr); }
  .feature-list { grid-template-columns: repeat(2, 1fr); }
  .cta-group { grid-template-columns: repeat(3, 1fr); }
  .steps__list { grid-template-columns: repeat(3, 1fr); }
  .benefits__list { grid-template-columns: repeat(2, 1fr); }
  .services__list { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   Desktop = 64em (1024px)
   ========================================================================== */
@media (min-width: 64em) {
  .section { padding-block: var(--space-5); }

  /* Navigation becomes a horizontal bar */
  .main-nav__toggle { display: none; }
  .main-nav__list { display: flex; flex-direction: row; }
  .main-nav__list li { flex: 1; }
  .main-nav__link { border-top: 0; border-left: 1px solid rgb(255 255 255 / 0.2); }

  .hero__inner { grid-template-columns: 1fr auto; align-items: end; padding-block: 6rem 1.5rem; }
  .hero__inner > .feature-list { grid-column: 1 / -1; grid-template-columns: repeat(5, 1fr); }
  .hero__brand { grid-column: 2; grid-row: 1; text-align: right; }

  .audience__list { grid-template-columns: repeat(6, 1fr); }
  .metals__list { grid-template-columns: repeat(8, 1fr); }
  .metals__item { font-size: 0.75rem; }

  .benefits__header { grid-template-columns: 3fr 2fr; }
  .benefits__list { grid-template-columns: repeat(5, 1fr); }
  .benefit-card--feature { grid-column: span 1; }

  .services__list { grid-template-columns: repeat(4, 1fr); }
.header-overlay { padding: 180px 0px 60px 0px; min-height: auto;}
  .site-footer__inner { grid-template-columns: 1.2fr 1.5fr 1.3fr; align-items: start; }
}
/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}