@media (max-width: 320px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w320.jpg);
  }
}
@media (min-width: 321px) and (max-width: 575px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w576.jpg);
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w768.jpg);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w992.jpg);
  }
}
@media (min-width: 992px) and (max-width: 1139px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w1140.jpg);
  }
}
@media (min-width: 1140px) and (max-width: 1399px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w1400.jpg);
  }
}
@media (min-width: 1400px) {
  #Main_section-module-1 .hero-banner__item-index-0 {
    background-image: url(/web/img/solutions/manual-visual-inspection/banner_w1920.jpg);
  }
}
.hero-banner__item {
  background-position: center !important;
}
#benefits {
  position: relative;
  display: block;
  --overlay-background-color: var(--theme-secondary-bg);
  --padding-top: var(--spacer-s);
  padding-top: var(--padding-top);
  --padding-bottom: var(--spacer-s);
  padding-bottom: var(--padding-bottom);
  --margin-top: var(--spacer-0);
  margin-top: var(--margin-top);
  --margin-bottom: var(--spacer-0);
  margin-bottom: var(--margin-bottom);
  --background-color: var(--theme-secondary-bg);
  --color: var(--theme-secondary-color);
  background-color: var(--background-color);
  color: var(--color);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #benefits {
    display: block;
    --padding-top: var(--spacer-s);
    --padding-bottom: var(--spacer-s);
    --margin-top: var(--spacer-0);
    --margin-bottom: var(--spacer-0);
  }
}
@media screen and (min-width: 992px) {
  #benefits {
    display: block;
    --padding-top: var(--spacer-m);
    --padding-bottom: var(--spacer-m);
    --margin-top: var(--spacer-0);
    --margin-bottom: var(--spacer-0);
  }
}
#portfolio {
  position: relative;
  display: block;
  --padding-top: var(--spacer-0);
  padding-top: var(--padding-top);
  --padding-bottom: var(--spacer-0);
  padding-bottom: var(--padding-bottom);
  --margin-top: var(--spacer-xs);
  margin-top: var(--margin-top);
  --margin-bottom: var(--spacer-0);
  margin-bottom: var(--margin-bottom);
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #portfolio {
    display: block;
    --padding-top: var(--spacer-0);
    --padding-bottom: var(--spacer-0);
    --margin-top: var(--spacer-s);
    --margin-bottom: var(--spacer-0);
  }
}
@media screen and (min-width: 992px) {
  #portfolio {
    display: block;
    --padding-top: var(--spacer-0);
    --padding-bottom: var(--spacer-0);
    --margin-top: var(--spacer-s);
    --margin-bottom: var(--spacer-0);
  }
}


.use-syntegon-list h2.headline--squared~ul, .use-syntegon-list h3.headline--squared~ul, h2.headline--squared~*, h3.headline--squared~* {
	margin-left: calc(var(--grid-gutter) * 2);
}