/* Mobile first media queries for adjusting LGD container to match Bootstrap 5 grid layout */
@media (min-width: 576px) {
  .lgd-container{
    --width-container: var(--width-small);
  }
}

@media (min-width: 768px) {
  .lgd-container {
    --width-container: var(--width-medium);
  }
}

@media (min-width: 992px) {
  .lgd-container {
    --width-container: var(--width-large);
  }
}

@media (min-width: 1200px) {
  .lgd-container {
    --width-container: var(--width-extra-large);
  }
}