/* gd88-banner-changeBg.liquid  */
#shopify-section-GD-88-banner-changeBg{
  background:black;
}
.GD-88-changeBg-container{
    width:100%;
   background:#12131e;
  min-height:1000px;
overflow:hidden;
  height:auto;
 }
.Bgone-container{
  height:100vh;
min-height:1000px;
}
  .Bg-one{
    display:flex;
    align-items: center;
height:100%;
  }
.Bg-two {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
   max-width:1500px;
   padding-left:50px;
padding-right:50px;
margin:auto;
}
.Bg-two-left{
    height: 75vh;
}
  .Bgtwo-container{
    background:url('https://cdn.shopifycdn.net/s/files/1/0011/7220/9721/files/gd88-STARBG.png?v=1660124680') no-repeat center;
    min-height: 1000px;
    overflow: hidden;
    background-size: cover;
  }
  .Bg-one{
    position:relative;
  }
 
 .Bg-one-left{
    text-align:left;
    width:50%;
    padding: 3vw;
    z-index: 5;
    transition: all 1s ease;
  }
 .trans-Bg-one-left{opacity:0;display:none;}
  .Bg-one-left>h1, .Bg-two-right>h1:nth-child(2),.Bg-one-left>.h1, .Bg-two-right>.h1:nth-child(2){
    font-size: 3vw;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  .Bg-one-left p,.Bg-two-right p{
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 1.3;
    color: #FFFFFF;
  }

  .Bg-one-right{
    text-align: center;
    flex: 1;
    max-height: 100%;
    z-index: 5;
  }
  .Bg-one-right>img{
    margin-top: -61vw;
  }
  .Bg-two-left{
    text-align:center;
    position: relative;
  }
  .Bg-two-right{
    max-width: 500px;
    padding-right: 50px;
    width:50%;
  }
  .Bg-two-right>h1:nth-child(1),.Bg-two-right>.h1:nth-child(1){
    font-size: 5.2vw;
    line-height: 100%;
    margin-bottom: unset;
    text-transform: uppercase;
    background: linear-gradient(116.27deg, #B3FD99 0.36%, #3829C2 66.52%), #FFFFFF00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .wave-loca{
    position: relative;
    overflow: hidden;
    background: url("https://cdn.shopify.com/s/files/1/0011/7220/9721/files/zero-one-bg.webp?v=1660036123") no-repeat center;
  }
.blue-wave{
    position: absolute;
    z-index: 1;
    bottom: -22vw;
    mix-blend-mode: color-dodge;
    opacity: 0.6;
    display: flex;
    animation: 16s waveLoop linear infinite;
    -webkit-animation: 16s waveLoop linear infinite;
  transition: all 1s ease;
}
.trans-wave{display:none;}
  .grenn-wave{
    display:flex;
    position:absolute;
    z-index: 0;
    left: -2vw;
    top: auto;
    mix-blend-mode: color-dodge;
    opacity: 0.6;
    bottom:20%;
    animation: 16s waveLoop linear infinite;
    -webkit-animation: 16s waveLoop linear infinite;
    transition: all 1s ease;
  }
  .zero-one{
    width:100%;
    position:absolute;
    bottom: 0;
    z-index:3; 
  }
  .halo{
    position: absolute;
    z-index: 1;
    animation: 10s halorotate linear infinite ;
    -webkit-animation: 10s halorotate linear infinite ;
  }
  .big-halo{
    position: absolute;
    z-index: 1;
    top: -3vw;
    left: -3vw;
    animation: 2s haloanimate linear infinite ;
    -webkit-animation: 2s haloanimate linear infinite ;
  }
.GD-88-product-image-container *{transition: all .5s ease;}
.GD-88product-image {
position: absolute;
    top: auto;
  bottom:5%;
    left: 52vw;
    width: 50%;
    height: auto;
    right: 0;
    z-index: 2;
    text-align: center;
transform: translate(0%, 0%) rotate(0deg) scale(1.5, 1.5);
  transition:all 1s ease;
}
/* -webkit-transform: rotate(30deg);transform: rotate(30deg); */
.trans-GD-88product-image{left:12.2vw;}
.gd88mainproductimage {
 max-height: 150vh;
}
.Bgtwo-container {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #000;
}
 @keyframes waveLoop {
            0% {
                transform: translateX(-10%);
                -webkit-transform: translateX(-10%);
            }
            100% {
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
            }
        }
        @-webkit-keyframes wordsLoop {
            0% {
                transform: translateX(-10%);
                -webkit-transform: translateX(-10%);
            }
            100% {
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
				
            }
        }
   @keyframes haloanimate {
            0% {
                transform: scale(0);
                -webkit-transform: scale(0);
            }
            100% {
                transform: scale(1);
               -webkit-transform: scale(1);
            }
        }
   @keyframes halorotate {
            0% {
                transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
               -webkit-transform: rotate(360deg);
            }
        }
.pc-block{display:block;}
.mobile-block{display:none;}

/*   @media only screen and (max-width: 1000px){
    #shopify-section-GD-88-banner-changeBg .scrollmagic-pin-spacer{
      display:none;
    }
  } */

  @media only screen and (max-width: 360px){
    
  }
  @media only screen and (max-width: 1100px){
    .mobile-card-bottom-text h1,.mobile-card-bottom-text .h1 {
      margin-top: 3vh;
    }
.pc-block{display:none;}
.mobile-block{display:block;}
    .GD-88-changeBg-container{ min-height:auto;}
    .gd88-mobile {background:#161618;}
    .gd88-mobile .item,.gd88-mobile h1,.gd88-mobile .item,.gd88-mobile .h1{color:#fff;}
     .gd88-mobile .text{padding:10px;text-align: center;padding-bottom:5vw;}
    .gd88-mobile .first-title{text-align: center;
    text-transform: uppercase;
    background: linear-gradient(116.27deg, #B3FD99 0.36%, #3829C2 66.52%), #FFFFFF00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 7vw;margin-bottom: 10px; }
     .gd88-mobile .item{text-align:center;} 
  }
 @media only screen and (max-width: 590px){
    .gd88-mobile .first-title{
      font-size: 16vw;
    }
 }
@media only screen and (min-width: 1920px){
  .Bg-two-right>h1:nth-child(2),.Bg-two-right>.h1:nth-child(2){font-size:50px;}
  .GD-88-changeBg-container{min-height:1050px;}
}

 @media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .GD-88product-image{right:0;}
   .blue-wave{bottom:-18vw}
   .gd88mainproductimage{   transform: scale(1.1) translateY(-2vw);}
 }
 @media only screen and (min-width: 1301px) and (max-width: 1500px) {
  .GD-88product-image{right:4vw;}
    .gd88mainproductimage{ transform: translateY(-3vw) scale(1.2);}
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .GD-88product-image{right:2.1vw;bottom: 8%;} 
  .trans-GD-88product-image{left:13.5vw;}
} 
@media only screen and (min-width: 1700px) and (max-width: 1780px) {
  .GD-88product-image{right:1.1vw;bottom: 5%;} 
} 
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
  .GD-88product-image{right:7vw;bottom: 12%;} 
  .gd88mainproductimage{   transform: scale(1.2) translateY(-2vw);}
} 
 @media only screen and (min-width: 1100px){
   .GD-88-changeBg-container{height:102vh;}
 }
@media only screen and (min-width: 2200px) and (max-width:2240px){
  .GD-88product-image{bottom: 5%;}
/*   .trans-GD-88product-image{left: 14vw;} */
}
/* gd-88-picture-linkage.liquid  */
  .GD-88-picture-linkage-container{
    width:100%;
    background:black;
    height:1000px;
  }
  .GD-88-picture-linkage-container>div.page-width{
    padding-top: 3vw;
    padding-bottom: 3vw;
    display:flex;
    justify-content: space-between;
height:100%;
  }
  .GD-88-picture-linkage-container-left{
      flex:1;
      position:relative;
  }
  .GD-88-picture-linkage-container-left h1,.GD-88-picture-linkage-container-left .h1{
    padding-top: 10vw;
    padding-right: 5vw;
    margin-bottom: 10px;
    font-size: 3vw;
    line-height: 1.5;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  .GD-88-picture-linkage-container-left p{
    padding-right: 2vw;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
  }
  .GD-88-picture-linkage-container-icon{
    position: absolute;
    bottom: -10%;
    transform: scale(1.7) translateX(5%);
  }
.GD-88-picture-linkage-container-icon:after{
 content:"";
 width:100%;
max-width:467px;
height:40%;
background: #1C1C1C;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 20px;
}
  .GD-88-picture-linkage-container-icon >img{
    max-width:460px;
    width:100%;
  }
  .GD-88-picture-linkage-container-right{
    flex:1;
    display: flex;
    justify-content: flex-end;
  }
  .GD-88-picture-linkage-container-right-imgChange{
/*     transform: translate(0px, -90px) scale(0.85, 0.85); */
  }

.card-item-text{ position:absolute; z-index:1; top:0;  display:none;}
.card-item-text-1{ position:relative; z-index:5; display:block;}
.card-item-text-2{z-index:2;}
.card-item-text-3{z-index:3;}
.card-item-text-4{z-index:4;}
.card-item-text-5{z-index:5;}




.mobile-card-slide{padding:0;overflow: hidden;}
.mobile-card-slide .card-item{text-align:center;padding:15px;}
.card-slide{position:absolute;      transform: translate3d(0px, 0%, 0px) scale(0.9, 0.9);transition: all 0.5s ease;}
 .card-slide-1{z-index:5;    transform:  scale(0.85);}
 .card-slide-2{z-index:4;     transform:  scale(0.8);}
 .card-slide-3{z-index:3;     transform:  scale(0.75);}
 .card-slide-4{z-index:2;     transform:  scale(0.7);}
 .card-slide-5{z-index:1;    transform:  scale(0.65);}
@media screen and (min-width:2000px){
   .card-slide-1{z-index:5;    transform:  scale(1);}
 .card-slide-2{z-index:4;     transform:  scale(0.95);}
 .card-slide-3{z-index:3;     transform:  scale(0.9);}
 .card-slide-4{z-index:2;     transform:  scale(0.85);}
 .card-slide-5{z-index:1;    transform:  scale(0.8);}
}
.swiper-pagination.mobile-card-slide-pagination{ 
  width: 100% !important;
  border-radius: 0;
    text-align: center;
     width: 40px;
    height: 4px;
  
 }
.swiper-pagination.mobile-card-slide-pagination .swiper-pagination-bullet{
      background: #818181;
    opacity: 1;
    margin: 0 2px;
      width: 40px;
    height: 4px;
    border-radius: 50px;
}
.swiper-pagination.mobile-card-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
   background: #D9D9D9;
}
//
  @keyframes undownmove
  {
    from {bottom:0%;}
    to {bottom:6%;}
  }
  
  @-moz-keyframes undownmove /* Firefox */
  {
    from {bottom:0%;}
    to {bottom:6%;}
  }
  
  @-webkit-keyframes undownmove /* Safari 和 Chrome */
  {
    from {bottom:0%;}
    to {bottom:6%;}
  }
  
  @-o-keyframes undownmove /* Opera */
  {
    from {bottom:0%;}
    to {bottom:6%;}
  }
.undowncss{
  animation:undownmove 2s infinite alternate;
   -moz-animation:undownmove 2s infinite alternate; /* Firefox */
   -webkit-animation:undownmove 2s infinite alternate; /* Safari and Chrome */
   -o-animation:undownmove 2s infinite alternate; /* Opera */ 
}
.mobile-card-bottom-text,.mobile-card-bottom-text h1,.mobile-card-bottom-text .h1{color:#fff;}
.mobile-card-bottom-text{padding:10px; text-align:center;padding-bottom:5vw;}
  @media only screen and (max-width: 380px){
    .mobile-block {
    transform: scale(.9);}
    .mobile-card-bottom-text h1,.mobile-card-bottom-text .h1{
      margin:0;
      font-size:24px;
    }
  }
  @media only screen and (max-width: 1100px){
.GD-88-picture-linkage-container>div.page-width{
    flex-wrap: wrap;
}
.GD-88-picture-linkage-container{heiht:auto;}
.GD-88-picture-linkage-container-right{height:40vh;}
    .mobile-card-bottom-text>h1,.mobile-card-bottom-text>.h1{font-sie:5vw;}
  }

.mobilecard-item-text{ display:none;padding:15px;}
.mobilecard-item-text.active{display:block;}
@media screen and (min-width: 1920px){
.GD-88-picture-linkage-container-left>p{font-size:18px;}
} 
 @media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .GD-88-picture-linkage-container>div.page-width{height:120vh;}
   .GD-88-picture-linkage-container-icon >img{transform: translateY(-2vw);}
   .GD-88-picture-linkage-container-right{transform: translateY(-9vw) scale(.9);}
}
@media only screen and (min-width: 1200px) and (max-width: 1280px) {
   .GD-88-picture-linkage-container-right{transform: translateY(-4vw);}
  .GD-88-picture-linkage-container-icon >img {
    transform: translateY(-5vw);
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1370px) {
   .GD-88-picture-linkage-container-right{transform: translateY(-9vw);}
}
@media only screen and (min-width: 1400px) and (max-width: 1450px) {
   .GD-88-picture-linkage-container-right{transform: translateY(-7vw);}
  GD-88-picture-linkage-container-icon >img {
    transform: translateY(-8vw);
}
  .GD-88-picture-linkage-container-left h1,.GD-88-picture-linkage-container-left .h1{padding-top:6vw;}
}
@media only screen and (min-width: 1500px) and (max-width: 1560px){
  .GD-88-picture-linkage-container-left h1,.GD-88-picture-linkage-container-left .h1{padding-top:4vw;}
} 
/*  Gd-88-variant-swap.liquid*/
    #GD-88-swap-Container {
		width: 100%;
		padding-top: 5vw;
		overflow: hidden;
        background:black;
		-webkit-perspective: 1000;
		        perspective: 1000;
	}
  .varint-Container-content-item-left{
    flex: 4;
    padding-right: 2%;
    margin: 10% 0 10% 0;
    padding-bottom: 3vw;
  }
  .varint-Container-content-item-right{
    flex: 7;
    margin-top: -4%;
    border-radius: 10px;
  }
#slideContainerswap > section:nth-child(2) > div.varint-Container-content-item-right{margin-top: -14%;}
#slideContainerswap > section.panel.page-width.trunonleft2 > div.varint-Container-content-item-right{margin-top: -14%;}
  .varint-Container-content-item-left>span{
    margin-top: 3vw;
  }
  .varint-Container-content-item-left>h1,.varint-Container-content-item-left>.h1{
    margin-bottom: 0.56667em;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 3vw;
    line-height: 1.5;
    text-transform: uppercase;
    color: #FFFFFF;
  }
  .varint-Container-content-item-left>p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 5.5vw;
  }

  .progress_swap{
/*     position: absolute; */
    top: 13%;
    left: 0;
}
  .progress_swap span{
    color: white;
  }
.mobile-varint-Container-content{
   color: #fff;
}
.mobile-varint-Container-content>.item>.text>h1{color:#fff;font-size:5vw;}
.mobile-varint-Container-content>.item>.text,.json_media{padding:10px;}
  @media only screen and (min-width: 1200px) and (max-width: 1600px){
    .varint-Container-content-item-left{
      margin-top: 4%;
    }
    .varint-Container-content-item-right{
      margin-top: -7vw;
    }

  .panel .animation{
    height:unset !important;
  }
  }
/* gd-88-function-show  */
  .funtion-show-container{
    width:100%;
    background:black;
    padding-top:7vw;
    padding-bottom: 5vw;
  }
  .funtion-show-bg{
    position: relative;
}
 .funtion-show-bg img{
    display:none;
    margin:0 auto;
 }
  .function-show-content{
    width: 30%;
    position: absolute;
    top: 3vw;
    right: 5vw;
        color: #fff;
    font-size: 18px;
  }
  .function-show-content>h1,.function-show-content>.h1{
    font-size: 3vw;
    line-height: 1.3;
    margin-bottom: 2%;
    color: #FFFFFF;
    text-transform: none;
  }
   .function-show-content>p{
     font-family: 'Open Sans';
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
     color: #FFFFFF;
   }
  .bright_points {
    padding-top: 3.5vw;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #FFFFFF;
  }
  @media only screen and (max-width: 1100px){
   #shopify-section-GD-88-function-show > div > div > div > div > div:nth-child(2) > p{font-size: 15px;}
.function-show-content{
      width: 100%;
    position: relative;
    top: 0;
    right: 0;
  padding-top:10px;
}
    .gps-m{
      display:none;
    }
     .funtion-show-bg img{
       display:block;
     }
    .funtion-show-bg>h1,.funtion-show-bg>.h1{color:#fff; font-size:5vw;}
    .function-show-content>p{font-size:14px;}
    .bright_points{font-size:18px;}
  }
  
   @media screen and (min-width:1072px) and (max-width:1073px){
      .funtion-show-bg>h1,.funtion-show-bg>.h1{margin-left:11vw;}
     .function-show-content{
       width:73%;
       margin:0 auto;
     }
   }
   @media screen and (min-width:1023px) and (max-width:1024px){
      .funtion-show-bg>h1,.funtion-show-bg>.h1{margin-left:10vw;}
     .function-show-content{
       width:76%;
       margin:0 auto;
     }
   }
   @media only screen and (min-width: 1920px){
    .function-show-content>h1,.Bg-one-left>h1,.GD-88-picture-linkage-container-left h1,.varint-Container-content-item-left>h1,.function-show-content>.h1,.Bg-one-left>.h1,.GD-88-picture-linkage-container-left .h1,.varint-Container-content-item-left>.h1{font-size:50px;}
     
  }
  
/* GD-88 moreimage-layout */
 .GD-moreimage-container{
    width:100%;
    background:black;
    padding-bottom:3vw;
  }
  .container-top{
    position:relative;
    overflow: hidden;
  }
  .container-top>svg{
    position: absolute;
    top: -14vw;
    left: 10vw;
  }
  .container-top>p:nth-child(1){
    text-align: center;
    font-weight: 800;
    font-size: 10.4vw;
    font-style: normal;
    font-family: 'Open Sans';
    text-transform: uppercase;
    opacity: 0.7;
    -webkit-text-stroke: thin transparent;
    -webkit-text-fill-color: black;
    background-image: linear-gradient(87deg, #B4FE99 20.47%, #433DF7 91.06%);
    -webkit-background-clip: text;
    background-clip: text;
  }
  .firefoxP{-webkit-text-stroke:thick transparent !important;}
  .container-top>p:nth-child(2){
    font-family: 'Open Sans';
    font-weight: 800;
    font-size: 10.4vw;
    background: linear-gradient(87deg, #B3FD99 2.47%, #3321C3 43.06%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-left: 6%;
  }
  .container-bottom{
    margin: 5vw auto 0 auto;
    width: 100%;
    display:flex;
  }
  .placeholder_color{
    background: #15181D;
    border-radius: 5px;
  }
  .inside_left{
    width:80%;
    margin-right: 13px;
    display: flex;
    flex-direction: column;
  }
  .inside_right{
    width:19%;
    display: flex;
    flex-direction: column;
  }
  .inside_right_top{
    flex: 1;
    margin-bottom: 12px;
  }
  .inside_right_bottom{
    flex: 1;
  }
  .inside_left_top{
    margin-bottom:13px;
    flex: 7.3;
    display:flex;
  }
  .inside_left_bottom{
    flex: 2.67;
    display: flex;
  }
  .inside_left_bottom_one{
    flex: 6;
    margin-right: 13px;
  }
  .inside_left_bottom_two{
    margin-right: 13px;
    flex: 3;
  }
  .inside_left_bottom_three{
    flex: 3;
  }
  .inside_left_top_l{
    flex: 4.8;
    margin-right: 13px;
  }
  .inside_left_top_r{
    flex: 5.3;
    display:flex;
    flex-direction: column;
  }
  .inside_left_top_r_t{
    display:flex;
    margin-bottom: 12px;
    flex: 3.3;
  }
  .inside_left_top_r_b{
    display:flex;
    flex: 1.4;
  }
  .inside_left_top_r_t>div:nth-child(1){
     margin-right: 13px;
     flex: 4;
  }
  .inside_left_top_r_t>div:nth-child(2){
      flex: 6.85;
  }
  .inside_left_top_r_b>div:nth-child(1){
    margin-right: 13px;
    flex:1;
  }
  .inside_left_top_r_b>div:nth-child(2){
    flex:1;
  }
  @keyframes mymove
  {
    from {top:-7vw;}
    to {top:-5vw;}
  }
  
  @-moz-keyframes mymove /* Firefox */
  {
    from {top:-7vw;}
    to {top:-5vw;}
  }
  
  @-webkit-keyframes mymove /* Safari 和 Chrome */
  {
    from {top:-7vw;}
    to {top:-5vw;}
  }
  
  @-o-keyframes mymove /* Opera */
  {
    from {top:-7vw;}
    to {top:-5vw;}
  }
  #target_phone{
    position: absolute;
    top: -6vw;
    left: 15vw;
    transform: scale(0.7) translate(-170px, -135px);
   animation:mymove 2s infinite alternate;
   -moz-animation:mymove 2s infinite alternate; /* Firefox */
   -webkit-animation:mymove 2s infinite alternate; /* Safari and Chrome */
   -o-animation:mymove 2s infinite alternate; /* Opera */ 
  }
@media screen and (max-width: 590px) {
  .container-top{
    background:url("https://cdn.shopifycdn.net/s/files/1/0011/7220/9721/files/Group_4.png?v=1660031730") no-repeat center;
    background-size: contain;
  }
  .container-top>p:nth-child(1),.container-top>p:nth-child(2){
    opacity: 0;
    font-size: 15.4vw;
  }
  #target_phone {
    top: -20vw;
    transform: translate(32px,-40px) scale(1.3);
  }
  .gd88-pc-layout{
    display:none;
  }
  .gd88-m-layout{
    display:block;
  }
   .gd88-m-layout1,.gd88-m-layout2,.gd88-m-layout3,.gd88-m-layout5{
    width:100%;
    display:flex;
  }
  .gd88-m-layout2,.gd88-m-layout3.gd88-m-layout4,..gd88-m-layout5{
    margin: 5px auto;
  }
  .gd88-m-layout1>div:nth-child(1){
    flex: 6.83;
    margin-right:6px;
  }
  .gd88-m-layout1>div:nth-child(2){
    flex:4;
  }
  .gd88-m-layout2>div:nth-child(1){
    flex: 5.9;
    margin-right:6px;
  }
  .gd88-m-layout2>div:nth-child(2){
    flex:4;
  }
  .gd88-m-layout3>div:nth-child(1){
    flex: 4;
    margin-right:6px;
  }
  .gd88-m-layout3>div:nth-child(2){
    flex:5.3;
  }
  .gd88-m-layout5>div:nth-child(1){
     margin-right:6px;
  }
}
@media screen and (min-width: 591px) {
  .gd88-m-layout{
    display:none;
  }
}
@media screen and (min-width: 591px) and (max-width:1100px) {
  .gd88-m-layout{
    display:none;
  }
  #target_phone{
    left: unset;
    right: 4%;
    top: -87%;
    transform: scale(.6) translate(50px,-250px);
  }
  .container-top>p:nth-child(2){
    margin-left: 14%;
  }
}
@media screen and (min-width: 1000px) and (max-width:1200px){
  .gd88-pc-layout img{
    height:100%;
    width: 100%;
  } 
}
@media screen and (min-width:1279px) and (max-width: 1566px){
  .inside_left{
    width: 90%;
    margin-right: 1vw;
  }
  .inside_left_top{
    margin-bottom: 1vw;
  }
  .inside_left_top_l{
        flex: 4.8;
    margin-right: 1vw;
  }
  .inside_left_top_r{
    flex: 5.3;
  }
  .inside_left_top_r_t{
    margin-bottom: 1vw;
    flex: 3.3;
  }
  .inside_left_top_r_t>div:nth-child(1){
        margin-right: 1vw;
    flex: 4;
  }
  .inside_left_top_r_b>div:nth-child(1),.inside_left_bottom_one,.inside_left_bottom_two{
    margin-right: 1vw;
  }
  .gd88-pc-layout img{
    height:100%;
        width: 100%;
  } 
}
@media screen and (min-width: 1921px) and (max-width:4096px){
  #target_phone{
    transform: translate(-8%, -23%) scale(0.7);
  }
}
@media screen and (min-width: 1101px) and (max-width:1536px){
  .container-top>p:nth-child(2){
    margin-left: 14vw;
  }
  #target_phone {
        top: -14vw;
    transform: translate(-86px, -160px) scale(0.7);
    
  }
}
 @media only screen and (min-width: 1920px){
.container-bottom img{width:100%; height:100%;}
 }

 @media only screen and (max-width: 590px){
.qr-psb-content.border-r{border-right:none;}
 }
/* top_banner */
.top-banner-relative{
    display: flex;
    position: relative;
    justify-content: center;
    overflow: hidden;
  }
  .top-banner-content{
    display: flex;
    position:absolute;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
  .GD-banner_image-container{
/*     height: 100%; */
    width: 40%;
    position: relative;
  }
  .GD-banner_image-desc{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    padding-left: 2vw;
        z-index: 99;
  }
  .GD-banner_image-desc>h1,.GD-banner_image-desc>.h1{
    font-weight: 800;
    margin-bottom: 1vw;
    font-size: 4vw;
    line-height: 6vw;
    background: linear-gradient(90.88deg, #B4FE98 1.63%, #301DC4 99.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: unset;
    text-fill-color: transparent;
  }
  .GD-banner_image-subtitle{
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1.86vw;
    margin-bottom: 1.1vw;
    line-height: 2vw;
    background: linear-gradient(90.88deg, #B4FE98 1.63%, #301DC4 99.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .GD-banner_image-summary{
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1.2vw;
    line-height: 1.2;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90.88deg, #B4FE98 1.63%, #301DC4 99.68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .GD-banner_image-icon{
    width: 60%;
    display:flex;
    justify-content: space-around;
    align-items: center;
    background: rgba(40, 40, 40, 0.9);
    backdrop-filter: blur(3px);
    border: 1px solid #383636;
    border-radius: 10px;
    margin-top: 5vw;
  }
  .GD-banner_image-icon>div{
    padding: 13px;
    text-align:center;
  }
   .GD-banner_image-icon>div>svg{
      margin-bottom:1vw;
      min-height: 50px;
   }
    .GD-banner_image-icon>div p{
      margin-bottom: unset;
      color: white;
    }
  .banner-img-placeholder{
      background: #383636;
      height: 100%;
      min-width: 70%;
  }
  .GD-banner_image-container-left{
    position: absolute;
    left: -2vw;
    width: 70%;
    bottom: -32%;
  }
  .GD-banner_image-container-right{
    position: absolute;
    right: -2vw;
    top: auto;
    width: 70%;
    bottom: -10%;
  }
 
  @media screen and (max-width: 820px) {
  .top-banner-relative {
    display: flex;
    position: relative;
    justify-content: center;
    /* overflow: hidden; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    height: 80vh;
  }
    .GD-banner_image-icon>div>svg {
    margin-bottom: 2vh;
    min-height: 50px;
  }
  .gd88-banner-product-topimg,.GD-banner_image-subtitle{
    display:none;
  }
  .top-banner-content{
    flex-direction: column-reverse;
    background:url("https://cdn.shopifycdn.net/s/files/1/0011/7220/9721/files/bg_4b7c9360-9f67-45cb-8182-6649368b7e2c.png?v=1660054926") no-repeat center;
    background-size: cover;
  }
  .GD-banner_image-desc{
    width: 100%;
    text-align: center;
    padding-top: 5vh;
    display: block;
    padding-left: unset;
  }
  .GD-banner_image-desc>h1,.GD-banner_image-desc>.h1{
    font-size: 40px;
    line-height: 6vh;
  }
  .GD-banner_image-summary{
    font-size: 20px;
    line-height: 26px;
  }
  .GD-banner_image-icon {
    width: 90%;
    margin: 0 auto;
  }
  .GD-banner_image-container {
    width: 100%;
    position: relative;
    height: 60vh;
    overflow: hidden;
    transform: translateY(-4px);
  }
  .GD-banner_image-container-left {
    left: 2.5vw;
    width: 60%;
  }
  .GD-banner_image-container-right {
    right: 0.5vw;
    top: auto;
    bottom: -18%;
    width: 60%;
  }
}
@media screen and (max-width: 400px){
  .top-banner-relative{
    height: 78vh;
  }
 .GD-banner_image-container-left{bottom: -49%;left: 3.5vw;}
  .GD-banner_image-container-right{bottom: -27%;right: 3.5vw;}
 }
@media screen and (max-width: 360px){
   .top-banner-relative{
     height: 86vh;
   }
   .GD-banner_image-container{
     height: 64vh;
   }
  .GD-banner_image-desc>h1,.GD-banner_image-desc>.h1 {
    font-size: 38px;
    line-height: 1.2;
}
  .GD-banner_image-summary {
    font-size: 18px;
    line-height: 1.2;
}
 }

@media screen and (min-width: 591px) and (max-width: 768px){
  .top-banner-relative{
    height: 91vh;
  }
  .GD-banner_image-container-left img,.GD-banner_image-container-right img{
    transform: scale(.8);
  }
  .GD-banner_image-container-right {
    right: -1.5vw;
    top: auto;
    width: 70%;
    bottom: -33vh;
  }
  .GD-banner_image-container-left {
    left: -1.5vw;
    width: 70%;
    bottom: -50vh;
  }
  .GD-banner_image-icon>div>svg {
    margin-bottom: 2vw;
    width: 50px;
    height: 50px;
  }
  .GD-banner_image-icon{
/*     width: unset; */
  }
  .GD-banner_image-desc>h1,.GD-banner_image-desc>.h1{
    font-size: 10vw;
    line-height: 1.3;
  }
  .GD-banner_image-summary{
    font-size: 5vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 769px) and (max-width: 1000px){
  .top-banner-relative{
    height: 98vh;
  }
  .GD-banner_image-container{
        height: 73vh;
  }
  .GD-banner_image-desc>h1,.GD-banner_image-desc>.h1{
    font-size: 10vw;
    line-height: 1.2;
  }
  .GD-banner_image-summary{
    font-size: 5vw;
    line-height: 1.2;
  }
   .GD-banner_image-container-left img,.GD-banner_image-container-right img{
    transform: scale(.9);
  }
  .GD-banner_image-container-right {
    right: 4.5vw;
    top: auto;
    bottom: -26%;
    width: 60%;
}
  .GD-banner_image-container-left{
      bottom: -48%;
      left: 4.5vw;
    }
  .toplogo {
    width: 0% !important;
  }
  .width-whole{
    width:100% !important;
  }
  .product-page-sticky {
    position: unset !important;
    top: 0px;
}
}
@media screen and (min-width: 2240px){
  .GD-banner_image-container-right{
      width:80%;
      right: -2.5vw;
      bottom: -17%;
  }
  .GD-banner_image-container-left{
        left:-3vw;
        width: 80%;
  }
}
/* gd88-specifications */
 .bg_color{
    background: #2E2E2E;
  }
  .color_white,#what_box li{
    color: #fff !important;;
  }
  .two-s img{
   border-radius: 6px;
    max-width: 60%;
  }
  .qr-product-specifications-box li {
    color:#fff;
    line-height: 36px;
  }
  .color_white figure{
    margin-left: unset;
  }
  .padding_unset{
    padding-right: unset !important;
  }
  .border-r{
    border-right: 1px solid #585858;
  }
  td{
    border: unset !important;
  }
  .color_white tbody > tr> td:nth-child(1){
    vertical-align: top;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1em;
  }
  .second-box-padding-left{
    padding-left:1.7vw;
    font-family: 'Open Sans';
    font-size: 1em;
  }
  .GD-88detail_btn{
    width: 100%;
    max-width:200px;
    padding: 3% 4%;
    background: linear-gradient(90deg, #B2FB9A 1.68%, #423ABF 100%);
    border-radius: 5px;
    font-family: 'Open Sans';
    font-size: 1.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    border: unset;
  }
   .outer_boxshadow{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:black;
    color:white;
    text-align:center;
    z-index:999;
/*     overflow:scroll;
    scrollbar-width: none;
    -ms-overflow-style: none; */
  }
  .outer_boxshadow::-webkit-scrollbar {  
      display: none; /* Chrome Safari */
  }
  .outer_boxshadow-title{
    text-transform: capitalize;
    color: #FFFFFF;
    padding-top: 4%;
    font-size: 1.2em;
  }
  .detail-contain{
    position:relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    overflow: auto;
  }
  .detail-contain>div{
    color: #FFFFFF;
    margin: 20px auto;
    width: 100%;
  }
   .detail-contain table{
    background: #101010;
   }
  .datail-tb1>p, .datail-tb2>p, .datail-tb3>p{
    text-align: left;
    font-weight: 700;
    font-size: 1.1em;
  }
  .datail-tb1>figure,.datail-tb2>figure, .datail-tb3>figure{
    margin: unset;
    padding: 3% 2%;
    background: #101010;
    width: 100%;
  }
  .datail-tb1>figure td>h3,.datail-tb2>figure td>h3, .datail-tb3>figure td>h3{
    color: white;
    font-size: 1em;
  }
  .datail-tb1>figure tr,.datail-tb2>figure tr, .datail-tb3>figure tr{
/*     border-bottom: 1px solid #202020; */
  }
  .datail-tb1>figure td,.datail-tb2>figure td, .datail-tb3>figure td{
    font-size: 1em;
    border-bottom: 1px solid #202020 !important;
  }
  .datail-tb1>figure td[rowspan="3"],.datail-tb2>figure td[rowspan="2"][colspan="2"],.datail-tb2 tbody > tr:nth-child(7) > td:nth-child(3),.datail-tb2 tbody > tr:nth-child(7) > td:nth-child(4),
.datail-tb3 tbody > tr:nth-child(9) > td:nth-child(3),.datail-tb3 tbody > tr:nth-child(6) > td:nth-child(3){
     border-bottom:unset !important;
  }

  .detail_close{
    position: fixed;
    top:30px;
    right: -45%;
    cursor: pointer;
  }
  .detail-contain::-webkit-scrollbar {
            width: 4px;    
            height: 4px;
        }
        .detail-contain::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            background: #444;
        }
        .detail-contain::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
            border-radius: 0;
            background: #333;
        } 
@media screen and (max-width: 590px) {
  .detail-contain{
    margin: unset;
    overflow: auto;
/*      height: 60vh; */
  }
  .detail_close{
    top: 20px;
    left: 155px;
    width: 10%;
  }
  .detail_close svg{
        width: 8%;
  }
  .outer_boxshadow{
    overflow:unset;
  }
  .outer_boxshadow-title{
    line-height: 4;
  }
  .first-box>figure{
    margin-right:unset;
  }
  .datail-tb1>figure,.datail-tb2>figure, .datail-tb3>figure{
    width:180%;
  }
}

@media screen and (min-width:819px) and (max-width: 820px){
/*   .border-r{
    width:95%;
  }
  #spec-two{
    padding-left: unset;
  }
  #shopify-section-GD-88-product-specifications-box > div.qr-product-specifications-box.qr-page-width.page-width > div > div.grid__item.medium-up--one-third.js-scroll-fade-in.two-s.is_over{
    padding-left: 5vw;
  }
  .datail-tb3{
    margin-bottom: 17vh !important;
  } */
  .w-grid{width:100% !important; }
}
@media screen and (max-width: 900px){
  h1.color_white,.h1.color_white{font-size: 24px;}
  .gd88-pc-layout img{height:100%;}
  .w-grid{width:100% !important; }
   .datail-tb3{    margin-bottom: 17vh !important;}
  #spec-two > h1,#spec-two > .h1{    display: none;}
 .qr-product-specifications-box.qr-page-width.page-width > div > div.grid__item.medium-up--one-third.js-scroll-fade-in.padding_unset.is_over{
    margin-bottom:0;}
  .qr-product-specifications-box .grid__item:nth-child(2){
    padding-top:0 !important;
    transform: translateY(-4vh);
    padding-left:20px !important;
  }
  .border-r{border:unset}
  .qr-product-specifications-box .grid__item:nth-child(2) tr> td:nth-child(1){width: 50%;}
  #what_box{padding-left: 28px;}
}
@media screen and (min-width:591px) and (max-width: 1000px){
  .detail_close {
    position: fixed;
    top: 30px;
    right: -40%;
    cursor: pointer;
  }
  #spec-two{
    padding-left: 12px;
  }
}
@media screen and (min-width:1201px){
  .detail-contain{overflow:unset;}
  .outer_boxshadow{overflow: auto;}
  .datail-tb3 > figure{margin-bottom: 5vw;}
}
@media screen and (min-width:2500px){
  .Bg-one-left>h1, .Bg-two-right>h1:nth-child(2),.varint-Container-content-item-left>h1,.function-show-content>h1,.GD-88-picture-linkage-container-left h1,Bg-one-left>h1, .Bg-two-right>.h1:nth-child(2),.varint-Container-content-item-left>.h1,.function-show-content>.h1,.GD-88-picture-linkage-container-left .h1{font-size: 2.5vw;}
}
@media screen and (min-width:768px) and (max-width:820px){
#az_reviews > div > div > div.grid-x.scroll_container > div.large-4.medium-12.small-12.cell.rating_section > div > div > div > div.review_rate_section > div > div.large-12.medium-12.small-12.cell.box_style2_rating > div > div.large-2.medium-2.small-3.cell{
  text-align: right;
    padding-right: 3vw;
  }
}
/* new amend */
#slideContainerswap{position:relative;height: 50vw;}
#slideContainerswap>section:nth-child(1){position:absolute;top:2vw;left:10vw;transition: all 1s ease;}
#slideContainerswap>section:nth-child(2){position:absolute;top:2vw;left: 50%;transition: all 1s ease;}
.trunonleft1{left:-50% !important;}
.trunonleft2{left:10vw !important;}
@media screen and (min-width:1280px) and (max-width:1600px){
  #slideContainerswap>section:nth-child(1){top:9vw;left:0vw;}
  #slideContainerswap>section:nth-child(2){top:7vw;}
  .trunonleft1{left:-50% !important;}
  .trunonleft2{left:0vw !important;}
}
@media screen and (min-width:2200px){
  #slideContainerswap > section:nth-child(2) > div.varint-Container-content-item-left{margin-bottom: 22%;}
  #slideContainerswap>section:nth-child(1){top:9vw;left:0vw;}
  #slideContainerswap>section:nth-child(2){top:7vw;}
  .trunonleft1{left:-50% !important;}
  .trunonleft2{left:0vw !important;}
}
.span_hide{display:none !important;}
.span_show{display:inline !important;}
