.vision-h {
  background: url(../images/vision-h/vision-bg.png) top center no-repeat;
  margin-top: 0;
  z-index: 1;
  height: 635px;
  position: relative;
}


.vision-h .back-left {
  display: none;
  position: absolute;
  top: 1px;
  left: -8px;
  z-index: 9;
}
.vision-h .back-right {
  display: none;
  position: absolute;
  top: 1px;
  right: -15px;
  z-index: 9;
}

.vision-h .los {
  padding-top: 10px;
}
.vision-h .los img {
  max-width: 100%;
  height: auto;
}

.vision-h .vi-block {
  width: 220px;
}
.vision-h .vi-block img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 320px) and (max-width: 767px) {
  .vision-h {
    /* background: url(../images/vision-81-1/bg-1-m.png) top center no-repeat; */
    height: auto;
  }
}
@media (min-width: 1281px) and (max-width: 1366px) {
  .vision-h .vi-block {
    width: 210px;
  }
  /* .vision-h .back-left {
    left: -148px;
  }
  .vision-h .back-right {
    right: -198px;
  } */
}

@media (min-width: 375px) and (max-width: 419px) {
  .vision-h {
    /* background: url(../images/vision-81-1/bg-1-m.png) top center no-repeat; */
    height: auto;
    padding-bottom: 50px !important;
  }
  /* .vision-h .back-left {
    display: none;
  }
  .vision-h .back-right {
    display: none;
  } */
}

@media (min-width: 420px) and (max-width: 575px) {
  .vision-h {
    height: auto;
  }
  /* .vision-h .back-left {
    display: none;
  }
  .vision-h .back-right {
    display: none;
  } */
}

@media (min-width: 768px) and (max-width: 991px) {
  /* .vision-h {
    height: auto;
  } */
}
@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1367px) {
  .vision-h .back-left {
    /* left: -108px; */
    display: block;
  }
  .vision-h .back-right {
    /* right: -105px; */
    display: block;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .vision-h .vi-block {
    width: 210px;
  }
}
@media (min-width: 1441px) and (max-width: 1600px) {
}