.vision-81-1 .v-link {
  height: 261px;
  position: relative;
}
.vision-81-1 .vl-1 {
  position: absolute;
  left: 265px;
  top: 59px;
  z-index: 1;
}
.vision-81-1 .vl-2 {
  position: absolute;
  left: -48px;
  top: 15px;
  z-index: 2;
}
.vision-81-1 .vl-3 {
  position: absolute;
  z-index: 3;
  left: 50%;
  margin-left: -150px;
  top: 118px;
}
.vision-81-1 .vl-4 {
  position: absolute;
  z-index: 2;
  right: -26px;
  top: 26px;
}
.vision-81-1 .vl-5 {
  position: absolute;
  left: 761px;
  top: 64px;
}
.vision-81-1 .logo {
  position: absolute;
  left: 50%;
  top: 117px;
  margin-left: -178px;
}
.vision-81-1 .logo img {
  max-width: 100%;
  height: auto;
}
.vision-81-1 {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-top: -81px;
  height: 479px;
}

.vision-81-1 .back-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.vision-81-1 .back-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
.vision-81-1 .box-hu {
  margin-top: 75px;
}
.vision-81-1 .leader {
  width: 100%;
}

.vision-81-1 .text {
  width: 100%;
  height: auto;
  position: absolute;
  left: -200px;
  bottom: 105px;
  z-index: 0;
  text-align: center;
  font: 20px/21px "Kanit", Arial, sans-serif;
  font-size: 20px;
}

.vision-81-1 .text .name {
  width: 100%;
  position: absolute;
  top: 84px;
  right: 70px;
  font: 20px/25px "Kanit", Arial, sans-serif;
  color: #000000;
}
.vision-81-1 .text .tel {
  width: 100%;
  position: absolute;
  top: 65px;
  left: 90px;
  font: 23px/25px "Kanit", Arial, sans-serif;
  font-weight: lighter;
  color: #fff;
}
.vision-81-1 .text .rack {
  width: 100%;
  position: absolute;
  top: 118px;
  /* left: 91px; */
  right: 60px;
  font: 18px/21px "Kanit", Arial, sans-serif;
  /* font-weight:lighter; */
  color: #000;
}
.vision-81-1 .complaint {
  width: 105px;
  position: absolute;
  z-index: 1;
  top: 234px;
  left: 450px;
  padding-left: 18px;
  font: 15px/40px "Kanit", Arial, sans-serif;
  font-style: italic;
  color: #000;
}
.vision-81-1 .complaint1 {
  width: 105px;
  position: absolute;
  z-index: 1;
  top: 193px;
  /* left: -319px; */
  padding-left: 18px;
  font: 15px/40px "Kanit", Arial, sans-serif;
  font-style: italic;
  color: #000;
  right: 470px;
}
.vision-81-1 .complaint a {
  color: #000;
}
.vision-81-1 .text-top {
  width: 100%;
  position: relative;
  margin-top: 106px;
  left: 0px;
  font: 24px/33px "Kanit", Arial, sans-serif;
  color: #fff;
  text-align: center;
  height: 163px;
}
.vision-81-1 .text-top img {
  max-width: 100%;
  height: auto;
}

.vision-81-1 .text-v {
  width: 100%;
  position: relative;
  top: 10px;
  left: 0px;
  font: 22px/26px "Kanit", Arial, sans-serif;
  color: #ebe796;
  text-align: center;
}
.vision-81-1 .text-v img {
  max-width: 100%;
}
.vision-81-1 .leader2 {
  width: 100%;
  top: 96px;
  z-index: 2;
}

.vision-81-1 .text2 {
  width: 100%;
  height: auto;
  position: absolute;
  right: -165px;
  bottom: 103px;
  z-index: 0;
  font: 20px/25px "Kanit", Arial, sans-serif;
  font-size: 20px;
}

.vision-81-1 .text2 .name {
  width: 100%;
  position: absolute;
  top: 125px;
  left: 87px;
  font: 20px/25px "Kanit", Arial, sans-serif;
  color: #000000;
  font-weight: Regular;
  text-align: center;
}
.vision-81-1 .text2 .rack {
  width: 100%;
  position: absolute;
  top: 158px;
  left: 105px;
  font: 18px/21px "Kanit", Arial, sans-serif; /* font-weight: lighter; */
  color: #000;
  text-align: center;
}
.vision-81-1 .text2 .tel {
  width: 100%;
  position: absolute;
  top: 68px;
  left: 125px;
  font: 16px/25px "Kanit", Arial, sans-serif;
  font-weight: lighter;
  color: #fff;
}
.bb {
  direction: rtl;
}

@media (max-width: 374px) {
  .bb {
    direction: ltr;
  }
  .vision-81-1 .v-link {
    display: none;
  }
  .vision-81-1 .text-top img {
    max-width: 112%;
    height: auto;
  }
  .vision-81-1 .logo {
    display: none;
  }

  .vision-81-1 .text {
    top: 15px;
    left: 0px;
    padding: 10px;
    position: relative;
    width: 100%;
    background: none;
    /* background: #00bfff; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .vision-81-1 .text .name {
    top: 0px;
    position: relative;
    max-width: 100%;
    text-align: center;
    left: 0;
  }
  .vision-81-1 .text .rack {
    left: 0;
  }

  .vision-81-1 .text-v {
    position: relative;
    max-width: 100%;
    font: 20px/26px "Kanit", Arial, sans-serif;
  }

  .vision-81-1 .text2 {
    font: "Kanit", Arial, sans-serif;
    width: 100%;
    top: 295px;
    right: 0px;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: none;
  }
  .vision-81-1 .text2 .name {
    top: 0;
    left: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .vision-81-1 .text2 .rack {
    top: 3px;
    left: 0px;
    font-weight: lighter;
    position: relative;
    text-align: center;
  }

  .vision-81-1 .complaint {
    left: -51px;
    top: 132px;
  }

  .vision-81-1 .vl-3 {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .vision-81-1 .vl-3 img {
    max-width: 80%;
  }
}
@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;
    padding-bottom: 70px !important;
  }
  .bb {
    direction: ltr;
  }
  .vision-81-1 .v-link {
    display: none;
  }
  .vision-81-1 .text-top img {
    max-width: 92%;
    height: auto;
  }
  .vision-81-1 .logo {
    display: none;
  }

  .vision-81-1 .text {
    top: 40px;
    left: 0px;
    padding: 10px;
    position: relative;
    width: 100%;
    background: none; /* background: #00bfff; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; /* height: 50px; */
  }
  .vision-81-1 .text .name {
    top: unset;
    position: relative;
    max-width: 100%;
    text-align: center;
    left: 0;
    font: 22px/22px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .text .rack {
    left: 0;
    font: 19px/23px "Kanit", Arial, sans-serif;
    position: absolute;
    top: unset;
    padding-top: 5px;
  }
  .vision-81-1 .text .complaint {
  }

  .vision-81-1 .text-v {
    position: relative;
    max-width: 100%;
    font: 20px/26px "Kanit", Arial, sans-serif;
  }

  .vision-81-1 .text2 {
    width: 100%;
    top: 5px;
    right: 2px;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: none;
    font: 2;
  }
  .vision-81-1 .text2 .rack {
    top: 0;
    left: 0px;
    font-weight: lighter;
    position: relative;
    text-align: center;
    font: 18px/23px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .complaint {
    /* top: 137px; */
    left: -31px;
    top: 0;
    position: relative;
  }

  .vision-81-1 .vl-3 {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .vision-81-1 .vl-3 img {
    max-width: 80%;
  }
}
@media (min-width: 420px) and (max-width: 575px) {
  .bb {
    direction: ltr;
  }
  .vision-81-1 .v-link {
    display: none;
  }

  .vision-81-1 .logo {
    display: none;
  }
  .vision-81-1 .complaint {
    margin-left: 40px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .bb {
    direction: ltr;
  }
  .vision-81-1 .v-link {
    display: none;
  }
  .vision-81-1 .text-top img {
    max-width: 112%;
    height: auto;
  }
  .vision-81-1 .logo {
    display: none;
  }

  .vision-81-1 .text {
    top: 5px;
    left: 0px;
    padding: 10px;
    position: relative;
    width: 100%;
    background: none; /* background: #00bfff; */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .vision-81-1 .text .name {
    top: 0px;
    position: relative;
    max-width: 100%;
    text-align: center;
    left: 0;
    font: 25px/29px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .text .rack {
    left: 0;
    position: absolute;
    top: 66px;
    font: 22px/16px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .text .complaint {
  }

  .vision-81-1 .text-v {
    position: relative;
    max-width: 100%;
    font: 20px/26px "Kanit", Arial, sans-serif;
  }

  .vision-81-1 .text2 {
    width: 100%;
    top: 5px;
    right: 0px;
    position: relative;
    padding: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: none;
    display: flex;
    justify-content: end;
  }
  .vision-81-1 .text2 .rack {
    top: 23px;
    left: 0px;
    font-weight: lighter;
    position: relative;
    text-align: center;
    font: 21px/21px "Kanit", Arial, sans-serif;
  }

  .vision-81-1 .complaint {
    top: 86px;
    left: -9px;
  }

  .vision-81-1 .vl-3 {
    position: absolute;
    width: 100%;
    text-align: center;
  }
  .vision-81-1 .vl-3 img {
    max-width: 80%;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .vision-81-1 .logo {
    top: -132px;
  }
  .vision-81-1 .vl-1,
  .vision-81-1 .vl-2,
  .vision-81-1 .vl-4,
  .vision-81-1 .vl-5 {
    display: none;
  }

  .vision-81-1 .vl-3 {
    position: relative;
    width: 100%;
    top: 60px;
    left: 0;
    text-align: center;
    margin-left: 0;
  }
  .vision-81-1 .vl-3 img {
    max-width: 20%;
  }

  .vision-81-1 .text .name {
    top: 109px;
    left: 4px;
    font: 20px/25px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .text .rack {
    top: 141px;
    left: 28px;
    font: 17px/24px "Kanit", Arial, sans-serif;
  }

  .vision-81-1 .text2 .name {
    top: 126px;
    left: 5px;
  }
  .vision-81-1 .text2 .rack {
    top: 152px;
    left: 34px;
    font: 17px/38px "Kanit", Arial, sans-serif;
  }
  .vision-81-1 .complaint {
    left: 87px;
    top: 190px;
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .vision-81-1 .vl-1 {
    left: 282px;
    top: 70px;
  }
  .vision-81-1 .vl-2 {
    left: 0px;
  }
  .vision-81-1 .vl-4 {
    right: 0px;
  }
  .vision-81-1 .vl-5 {
    left: 780px;
  }
}
@media (min-width: 1367px) and (max-width: 1440px) {
  .vision-81-1 .vl-1 {
    left: 219px;
    top: 70px;
  }
  .vision-81-1 .vl-2 {
    left: -73px;
  }
  .vision-81-1 .vl-4 {
    right: -61px;
  }
  .vision-81-1 .vl-5 {
    left: 755px;
  }
}
@media (min-width: 1441px) and (max-width: 1600px) {
}

@media (min-width: 1366px) {
  .vision-81-1 .text2 .name,
  .vision-81-1 .text .name {
    font: 25px/28px "Kanit", Arial, sans-serif;
  }
}