@media (max-width: 1200px) {
  .llc-branding img {
    max-width: 230px;
  }

  .top-llc-menu>ul {
    gap: 20px;
  }
}

@media (max-width: 992px) {
  .llc-branding img {
    max-width: 180px;
  }

  .top-llc-menu>ul {
    gap: 15px;
  }

  .top-llc-menu>ul li a {
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .mobile_button_toggle,
  .region-mobile,
  .mobile-overlay {
    display: block;
  }
  
  .dialog-off-canvas-main-canvas {
    overflow: hidden;
  }

  .top-llc-menu {
    display: none;
  }

  .banner-video-bg {
    height: calc(100vh - 100px);
    overflow: hidden;
  }

  .banner-video-bg video {
    height: calc(100vh - 100px);
  }

  .title-db-color h2,
  .hp-vision-block h2,
  .home-banner-slides h2.title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
  }

  .hp-blocks p,
  .hp-operationalexcellence-block .description,
  .hp-science-block .description,
  .hp-vision-block,
  .home-banner-slides .description {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .home-banner-slides {
    width: 100vw;
    padding: 20px;
  }

  .slick-slide img {
    max-height: 250px;
    width: auto;
  }

  .hp-operationalexcellence-block .description,
  .hp-science-block .description {
    padding: 30px 0;
  }

  .llcmembers img {
    width: 100%;
    height: auto;
  }

  .llc-team-block header {
    width: 100%;
    padding: 0 15px;
  }

  .leadership-block-style {
    display: block;
  }

  .leadership-block-style>li {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  .leadership-block-style .nested-list {
    width: 100%;
  }

  .leadership-block-style .nested-list li {
    margin-bottom: 20px;
  }

  .leadership-block-style .nested-list li .image img {
    max-width: 100%;
  }

  .leadership-block-style .nested-list li .image {
    width: 100%;
    float: none;
    padding: 0;
  }

  .leadership-block-style .quotes {
    padding: 10px 30px 30px;
  }

  .leadership-block-style .title {
    padding: 0px 30px 0px !important;
  }

  .leadership-block-style .name {
    padding: 30px 30px 10px;
  }

  .footer-banner {
    background-attachment: scroll;
  }

  .hp-news header>div {
    display: block;
    margin-bottom: 30px;
  }

  .hp-news header>div div {}

  .hp-news header>div h2 {
    padding: 0;
  }

  .home-news {
    display: block;
  }

  .home-news li {
    margin-bottom: 20px;
  }

  .region-footer>div {
    display: block;
  }

  .region-footer .block {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .inner-layout-container .region-slideshow h1 {
    text-align: center;
  }

  .inner-layout-container .region-content {
    padding: 50px 20px;
  }

  button,
  input,
  optgroup,
  select,
  textarea {
    width: 100%;
  }

  .footer-logo img {
    width: 175px;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
}