@charset "utf-8";
.banner-38-1 {
  margin: 0;
  padding: 0;
  margin-top: 9px;
  padding-top: 40px !important;
  min-height: 591px;
  background: url("../images/vision-123/ebvve.png") top center no-repeat;
}
.announce-block-top {
  padding-top: 35px;
  text-align: center;
}
.announce-block-top img {
  max-width: 100%;
  height: auto;
}
.announce-block-text {
  width: 100%;
  height: auto;
  font: 22px/35px kanit, Arial, sans-serif;
  color: #181818;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 60px;
}
.banner-38-1 .banner1 {
  right: 0;
  left: 0;
  bottom: auto;
  padding: 60px;
}
.banner-38-1 .banner1 img {
  width: 100%;
  height: 334px;
}
.banner-38-1 .carousel-indicators {
  bottom: 0;
}
.banner-38-1 .banner-newarrival-top {
  margin: 25px 0;
  color: #e2666c;
  font: 28px/35px thaisanslite, Arial, sans-serif;
  font-weight: 700;
}
.banner-38-1 .banner-newarrival-mid {
  height: 100%;
  background: #01b99f;
  background: linear-gradient(90deg, #01b99f 0, #04c363 100%);
}
.banner-38-1 .banner-newarrival-mid .carousel-control-prev {
  display: none;
}
.banner-38-1 .banner-newarrival-mid .carousel-control-next {
  display: none;
}
.banner-38-1 .banner-newarrival-mid .carousel-item {
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators {
  position: absolute;
  right: 0;
  bottom: -33px;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators li {
  width: 9px;
  height: 9px;
  background: url(../images/all-38-1/normal-2.png) top left no-repeat;
  background-size: cover;
}
.banner-38-1 .banner-newarrival-mid .carousel-indicators .active {
  width: 26px;
  height: 8px;
  background: url(../images/all-38-1/select-1.png) top left no-repeat;
  background-size: cover;
}
@media (max-width: 359px) {
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 233px;
  }
  .banner-38-1 {
    padding-bottom: 50px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
}
@media (min-width: 360px) and (max-width: 374px) {
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 233px;
  }
  .banner-38-1 {
    padding-bottom: 50px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
}
@media (min-width: 375px) and (max-width: 413px) {
  .banner-38-1 .banner1 {
    padding: 33px;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 213px;
  }
  .banner-38-1 {
    padding-bottom: 24px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: -25px;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
}
@media (min-width: 414px) and (max-width: 575px) {
  .banner-38-1 .banner1 {
    padding: 33px;
  }
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 233px;
  }
  .banner-38-1 {
    padding-bottom: 50px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 233px;
  }
  .banner-38-1 {
    padding-bottom: 50px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
  .announce-block-top {
    padding-top: 30px;
  }
  .banner-38-1 .banner-newarrival {
    margin-top: 0;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 390px;
  }
  .banner-38-1 {
    padding-bottom: 50px !important;
  }
  .banner-38-1 .banner-newarrival-mid {
    margin-top: 15px;
  }
  .banner-38-1 .container-cv-5 {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner-38-1 {
    background: #f1faff url(../images/banner-38-1/bg.jpg) bottom center no-repeat;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 365px;
  }
  .banner-38-1 .container-cv-5 {
    width: 100%;
  }
  .banner-38-1 .banner1 img {
    height: auto;
  }
  .announce-block-text {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 351px;
  }
}
@media (min-width: 1281px) and (max-width: 1366px) {
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 371px;
  }
  .banner-38-1 .container-cv-5 {
    width: 100%;
  }
}
@media (min-width: 1367px) and (max-width: 1440px) {
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 381px;
  }
  .banner-38-1 .banner-newarrival-mid .carousel-indicators {
    bottom: -24px;
  }
}
@media (min-width: 1441px) and (max-width: 1600px) {
  .banner-38-1 .banner-newarrival-mid .carousel-item {
    min-height: 386px;
  }
}
