@media (max-width: 575.98px) {
  .my-banner {
    overflow: hidden;
    height: 300px;
    position: relative;
  }
  .my-index-video {
    height: 300px;
  }
  .my-index-video .carousel-item,
  .my-index-video .carousel-inner {
    height: 100%;
  }
  .b-sm-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .i-c-l-mt-2 {
    margin-top: 1.5rem;
  }
  .xs-max-w-310 {
    width: 320px;
  }
  .inter-banner {
    height: 180px !important;
  }
  .mt-2em {
    margin-top: 1.5rem !important;
    position: relative;
    z-index: 2;
  }
  .mt-28em {
    margin-top: 1.5rem !important;
    position: relative;
    z-index: 2;
  }
  .ml-15 {
    margin-left: 0 !important;
  }
  .mr-15 {
    margin-right: 0 !important;
  }
  #certify .swiper-slide {
    height: 200px !important;
  }
  .w-md-70 {
    width: 100% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .my-banner {
    overflow: hidden;
    height: 300px;
    position: relative;
  }
  .my-mt-2,
  .i-c-l-mt-2 {
    margin-top: 1.5rem;
  }
  .my-index-video {
    height: 462px;
  }
  .my-index-video .carousel-item,
  .my-index-video .carousel-inner {
    height: 100%;
  }
  .b-sm-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  .my-mt-4 {
    margin-top: 1.5rem !important;
  }
  .my-d-sm-none {
    display: none !important;
  }
  .xs-max-w-310 {
    width: 320px;
  }
  .inter-banner {
    height: 230px;
  }
  #certify .swiper-slide {
    height: 240px !important;
  }
  .w-md-70 {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .my-banner {
    overflow: hidden;
    height: 400px;
  }
  .my-index-video-box {
    margin-top: 20px;
  }
  .my-index-video {
    height: 462px;
  }
  .my-index-video .carousel-item,
  .my-index-video .carousel-inner {
    height: 100%;
  }
  .b-sm-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
  #certify .swiper-slide {
    height: 300px !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .my-banner {
    overflow: hidden;
    height: 300px;
  }
  .my-index-video {
    height: 462px;
  }
  .my-index-video .carousel-item,
  .my-index-video .carousel-inner {
    height: 100%;
  }
  .index-about-content-bg {
    height: 300px;
    padding: 94px 108px 0 347px;
  }
  #certify .swiper-slide {
    height: 360px !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
}

@media (min-width: 1200px) {
  .navbar .nav-item {
    margin-right: 20px;
  }
  .navbar .nav-item:last-child {
    margin-right: 0;
  }
  .navbar .show {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
  }
  .my-banner {
    overflow: hidden;
    height: 300px;
  }
  .my-index-video-box {
    margin-top: -150px;
  }
  .my-index-video {
    height: 500px;
  }
  .my-index-video .carousel-item,
  .my-index-video .carousel-inner {
    height: 100%;
  }
  .index-about-content-bg {
    height: 300px;
    padding: 94px 108px 0 347px;
  }
  #certify .swiper-slide {
    height: 408px;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
}
/*# sourceMappingURL=media.css.map */