@media (max-width: 767px){
	p {
	  font-size: 1.57vw;
	  margin: 0 0 1.88vw;
	}
	.wapper {
	  background: url(../images/mb/bg.webp) no-repeat top center/cover;
	}
	.menu-mb {
	  position: absolute;
	  top: 15.83vw;
	  left: 0;
	  right: 0;
	  z-index: 50;
	  display: none;
	}
	.menu-mb li {
	  display: flex;
	  height: 11.91vw;
	  background: url(../images/mb/btn_normal.webp) no-repeat center center/cover;
	  align-items: center;
	  justify-content: center;
	}
	.menu-mb li img {
	  height: 4.86vw;
	  display: block;
	}
	.menu-mb .menu-small img{
		height: 3.918vw;
	}
	.menu-mb li img.active {
	  display: none;
	}
	.menu-mb li.active {
	  background-image: url(../images/mb/btn_active.webp);
	}
	.menu-mb li.active img {
	  display: none;
	}
	.menu-mb li.active img.active {
	  display: block;
	}
	.on-mb {
	  display: block;
	}
	.on-pc {
	  display: none;
	}
	#header {
	  padding: 4.7vw 2.82vw 9.87vw;
	  background: url(../images/mb/Footage_up.webp) no-repeat bottom center/cover;
	  position: relative;
	  display: flex;
	  justify-content: flex-end;
	  z-index: 100;
	}
	.toogle-menu {
	  cursor: pointer;
	  width: 11.44vw;
	}
	.toogle-menu img {
	  width: 100%;
	}
	.logo {
	  position: absolute;
	  top: 3.76vw;
	  left: 3.13vw;
	  width: 16.46vw;
	}
	.logo img {
	  width: 100%;
	}
	.home-fv .warning {
	  left: auto;
	  top: -2.35vw;
	  height: 7.84vw;
	  right: 0.78vw;
	}
	.menu-sidebar {
	  display: none;
	}
	.home-fv .information {
	  max-width: 100%;
	  margin: 0;
	  padding: 43.1vw 0 0;
	}
	.home-fv .get-code {
	  display: none;
	}
	.home-fv .logo {
	  width: 48.9vw;
	  position: relative;
	  top: 0;
	  left: 0;
	}
	.home-fv .title-main {
	  width: 84.64vw;
	  margin: -12.7vw auto 0;
	}
	.home-fv .description {
	  width: 99%;
	  margin: -4.7vw auto 0;
	}
	.home-fv .btn-signin {
	  width: 92%;
	  margin: -0.78vw auto -9.09vw;
	}
	.home-fv .milestone .list {
	  gap: 5.49vw;
	}
	.home-fv .timeline {
	  width: 82%;
	  top: 15.05vw;
	}
	.home-fv .item {
	  width: 14.42vw;
	}
	.home-fv .item .icon {
	  margin-bottom: 3.45vw;
	  width: 14.42vw;
	  height: 14.42vw;
	}
	.home-fv .item .icon img {
	  width: 11.76vw;
	}
	.home-fv .item .number {
	  height: 1.56vw;
	}
	.home-fv .item.active:before {
	  width: 20vw;
	  left: -85%;
	  bottom: 5.2vw;
	  background: url(../images/pc/img_activetimeline.webp) no-repeat center center /
	    cover;
	  height: 1vw;
	}
	.home-fv .item.active:after {
	  width: 2.6vw;
	  left: 40.5%;
	  bottom: 4.5vw;
	  background: url(../images/pc/img_target.webp) no-repeat center center / cover;
	  height: 2.9vw;
	}
	.home-fv .item.active .completed-badge {
	  position: absolute;
	  top: -1.3vw;
	  right: -1.3vw;
	  width: 7.8vw;
	  height: 7.8vw;
	  z-index: 3;
	}
	.home-fv .item.active .completed-badge img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
	.home-interface {
	  margin-top: 7.68vw;
	  margin-bottom: 5.33vw;
	}
	.interface-slider {
	  max-width: 100%;
	  margin-right: 0;
	  margin-top: 34.48vw;
	  margin-bottom: 48vw;
	   padding: 0 15vw;
	}
	.interface-title {
	  width: 95%;
	  margin: 0 auto;
	  left: -4.08vw;
	}
	.swiper-container {
	  padding: 0;
	}
	.swiper-button-prev {
	  width: 10.97vw;
	  left: -13vw;
	  height: 17.71vw;
	  margin-top: -10.66vw;
	}
	.swiper-button-next {
	  width: 10.97vw;
	 	right: -13vw;
	  height: 17.71vw;
	  margin-top: -10.66vw;
	}
	#footer {
	  padding: 2.51vw 1.57vw 4.39vw;
	}
	#footer .top {
	  gap: 2.51vw;
	  margin-bottom: 1.57vw;
	  align-items: flex-end;
	}
	#footer .redfo {
	  height: 9.87vw;
	}
	#footer .warning {
	  height: 8.62vw;
	}
	.home-fv .item .number {
	  height: 4.23vw;
	}
	.home-fv .btn-signin img {
	  width: 100%;
	}
	.carousel-slider .swiper-slide {
	  opacity: 0 !important;
	}
	.carousel-slider .swiper-slide-prev,
	.carousel-slider .swiper-slide-next,
	.carousel-slider .swiper-slide-active {
	  opacity: 1 !important;
	}
	.swiper-slide img {
	  transform: scale(1);
	}
	.carousel-slider .swiper-slide {
	  width: 49.37vw;
	  height: 80.72vw;
	}
	.carousel-slider {
	  overflow: hidden;
	}
	.carousel-slider {
	  position: relative;
	  width: 100%;
	  height: 100%;
	}
	.swiper-slide {
	  position: relative;
	}
	.carousel-slider .swiper-wrapper {
	  display: flex;
	  align-items: center;
	  max-width: 100%;
	}
	.carousel-slider .swiper-slide {
	  width: clamp(50.5vw, 15vw, 45.925vw);
	}

	.fight-main .home-fv .get-code {
	  width: 37.15vw;
	  position: relative;
	  top: 0;
	  left: 0;
	  display: block;
	  right: 0;
	  margin: 0 auto -7.21vw;
	}
	.fight-main .home-interface {
	  margin-top: 6.5vw;
	}
	.fight-main .home-fv .information {
	  padding-top: 18vw;
	}
	.fight-main .home-fv .title-main {
	  width: 87vw;
	  margin-top: -10.82vw;
	  margin-bottom: 1.57vw;
	}
	.fight-main .home-fv .btn-signin {
	  width: 95%;
	  margin-top: -4.23vw;
	  margin-bottom: -8.15vw;
	}
	.fight-btn {
	  margin-left: 2.19vw;
	}
	.fight-log {
	  width: 19.28vw;
	  display: block;
	}
	.fight-app {
	  margin: 0 -1.88vw 0 1.25vw;
	}
	.fight-btn .btn-google-play,
	.fight-btn .btn-appstore {
	  width: 26.49vw;
	  display: block;
	}
	.fight-btn .fight-down {
	  width: 23.51vw;
	}
	.fight-btn .fight-card {
	  width: 23.51vw;
	  margin-left: -3.29vw;
	}
}