/* Home banner / main layout — offset fixed header (bootstrap5.css + WEB2025 breakpoints) */

main {
  min-height: 600px;
}

#camera.camera_wrap,
.camera_wrap {
  margin-bottom: 0 !important;
  float: none !important;
}

.camera_clear {
  clear: both;
  display: block;
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}

#camera + .flex-container.sectionHomeHRDI,
#camera + .sectionHomeHRDI {
  margin-top: 0 !important;
}

.sectionHomeHRDI.pt-5 {
  padding-top: 0 !important;
}

/* max-width: 576px — mobile panel only (header bars hidden) */
@media (max-width: 576px) {
  main {
    margin-top: 0;
  }
}

/* min-width: 577px and max-width: 767px — tablet bar only (main header hidden) */
@media (min-width: 577px) and (max-width: 767px) {
  main {
    margin-top: 0;
  }
}

/* min-width: 768px and max-width: 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  main {
    margin-top: 160px;
  }
}

/* min-width: 1024px and max-width: 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
  main {
    margin-top: 166px;
  }
}

/* min-width: 1280px and max-width: 1499px */
@media (min-width: 1280px) and (max-width: 1499px) {
  main {
    margin-top: 120px;
  }
}

/* min-width: 1500px and max-width: 1679px */
@media (min-width: 1500px) and (max-width: 1679px) {
  main {
    margin-top: 120px;
  }
}

/* min-width: 1680px */
@media (min-width: 1680px) {
  main {
    margin-top: 120px;
  }
}