.main-container{
    background-color: #000;
    font-weight: normal;
    line-height: 1.6;
}
.main-container img,.main-container video{
    width: 100%;
}
.main-container .section{
    position: relative;
}
.blur-up {
    filter: blur(20px);
    transition: filter .2s
}

.blur-up.lazyloaded {
    filter: blur(0)
}

.header-top{
    top: 76px;
}
.full-height{
    height: calc(100vh - 76px);
}
.hidden-web{
    display: none;
}
.space-200{
    height: 200px;
}
.space-120{
    height: 120px;
}
.space-100{
    height: 100px;
}
.space-80{
    height: 80px;
}
.space-60{
    height: 60px;
}
.space-40{
    height: 40px;
}
.space-30{
    height: 30px;
}
.space-20{
    height: 20px;
}
.main-container sup{
    font-size: .6em;
}
sup.half-sup{
    font-size: .5em;
}
.main-container sup a{
    color: inherit;
}
.main-container h3{
    font-size: 6.25vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container h4{
    font-size: 4.16vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container h5{
    font-size: 3.33vw;
    font-weight: 400;
    line-height: 1.25;
}
.main-container h6{
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.25;
}
.bali-text{
    font-size: 1.14vw;
    line-height: 1.6;
}
.bali-disclaimer-text{
    color: #A5A5A5;
    font-size: 12px;
}
.canvas-fallback{
    display: none;
}
.inline-video-fallback{
    display: none;
}
.main-container .section-kv{
    background-color: white;
    position: relative;
    height: 200vh;
    will-change: transform;
}
.main-container .section-kv .section-kv-container{
    position: sticky;
    overflow: hidden;
}
.kv-main-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 46%;
    height: 100%;
}
.kv-main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kv-content{
    position: absolute;
    left: 60%;
    top: 10%;
    text-align: center;
    width: 26%;
}
.kv-content .kv-phone{
    margin: 0 auto;
    width: 85%;
}
.kv-logo{
    margin-top: 10%;
    width: 100%;
}
.kv-logo svg{
    width: 100%;
    height: auto;
}
.kv-subtitle{
    font-size: 2vw;
    letter-spacing: .2em;
    line-height: 1.25;
    margin-top: .5em;
}

.kv-price{
    display: flex;
    justify-content: center;
    line-height: 1;
    margin-top: 1vw;
    text-align: left;
}
.kv-price-model{
    font-size: 0.67vw;
}
.kv-price-text{
    font-size: 1.46vw;
    font-weight: bold;
    margin-top: .5em;
}
.kv-price-line{
    background-color: #000;
    width: 2px;
    margin: 0 1vw;
}
.kv-buy-btn{
    margin-top: 2vw;
}
.kv-buy-btn a{
    font-size: 0.677083vw;
    padding: 1em 1.5em;
    background: #000;
    color: #fff;
    border-radius: 40px;
    line-height: 3;
}
.kv-disclaimer{
    position: absolute;
    bottom: 104px;
    width: 40%;
    right: 2%;
    text-align: right;
    display: flex;
    flex-direction: column;
}
.bali-ag-logo{
    width: 7vw;
}
.kv-background{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    pointer-events: none;
    opacity: 0;
}
.section-intro{
    background-color: #000;
    color: #FFF;
    margin-top: -100vh;
}
.section-design{
    background-color: #000;
    color: #FFF;
}
.pvc-content{
    text-align: center;
    font-size: 1.56vw;
    width: 35.36%;
    margin: 0 auto;
}
.pocket-show-container{
    height: 300vh;
}
.pocket-show-view{
    position: sticky;
    overflow: hidden;
}
.pocket-show-view svg{
    width: 100%;
    height: auto;
}
.pocket-show-view .left-text,.pocket-show-view .right-text{
    position: absolute;
    width: 45%;
}
.pocket-show-view .left-text{
    left: 7.5%;
    top: 5%;
}
.pocket-show-view .right-text{
    right: 2%;
    bottom: 10%;
}
.pocket-show-img-container{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pocket-show-img{
    position: absolute;
    left: -2%;
    top: 50%;
    width: 70%;
    transform: translateY(-50%);
}
.pocket-show-img-mask{
    position: absolute;
    width: 56%;
    left: 25%;
    top: 45%;
    transform: translateY(-50%);
}
.pocket-pvc{
    margin: 0 auto;
    position: relative;
}
.pocket-pvc-cover{
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    background-color: #000;
    z-index: 1;
}
.bali-video-cover-top{
    position: absolute;
    top: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background-color: #000;
    z-index: 1;
}
.bali-video-cover-left{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 30%;
    background-color: #000;
    z-index: 1;
}
.bali-video-cover-right{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30%;
    background-color: #000;
    z-index: 1;
}
.main-title{
    text-align: center;
    overflow: hidden;
}
.main-title h3{
    opacity: 1;
    will-change: transform,opacity;
}
.pocket-color-parallax{
    position: relative;
}
.pocket-color-parallax-tirgger{
    position: absolute;
    left: 0;
    bottom: 0;
}
.pocket-color-item{
    position: relative;
}
.pocket-color-img{
    transform: translateY(0);
    position: relative;
}
.pocket-color-black{
    flex-direction: row-reverse;
}
.pocket-color-content{
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    width: 20%;
    z-index: 1;
}
.pocket-color-title{
    font-size: 1.66vw;
}
.pocket-color-white .pocket-color-content{
    color: #4D4D4D;
}
.pocket-color-gold .pocket-color-content{
    margin: 0 auto;
    width: 43%;
    text-align: center;
}
.pocket-gold-color-img{
    position: relative;
}
.pocket-color-gold .pocket-color-text{
    color: #FFF;
}
.pocket-color-gold .pocket-color-img{
    width: 100%;
    transform: none;
}
.pocket-color-img-view{
    height: 175vh;
}
.pocket-color-img-view .pocket-color-img{
    position: sticky;
}
.pocket-color-img-cover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
.pocket-color-img-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 43%;
    opacity: 0;
    z-index: 1;
}
.pocket-thin{
    height: 175vh;
}
.pocket-thin-view{
    font-size: 0;
    position: sticky;
    overflow: hidden;
}
.pocket-thin-img-cover{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}
.pocket-thin-img-content{
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 36%;
    opacity: 0;
    z-index: 1;
}
.pocket-thin-img-content .bali-disclaimer-text{
    color: #FFF;
}
.pocket-screen-title{
    text-align: center;
    position: relative;
    z-index: 1;
}
.pocket-screen-view{
    height: 300vh;
}
.pocket-screen-container{
    margin: 0 auto;
    position: relative;
    margin-top: calc(16vw - 50vh + 38px);
}
.pocket-screen-content{
    color: white;
    line-height: 1.8;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 42.3%;
    will-change: transform;
    margin-top: calc(16vw - 50vh + 38px);
    z-index: 1;
}
.bali-sequence-animation{
    display: flex;
    align-items: center;
    position: sticky;
}
.bali-sequence-animation canvas{
    width: 100%;
}
.section-screen{
    background-color: #000;
    color: white;
}
.screen-card{
    height: 300vh;
    margin-top: calc(14.5vw + 38px - 50vh);
    will-change: transform;
}
.screen-card-view{
    position: sticky;
    z-index: 1;
}
.screen-card-space{
    height: 100vh;
}
.screen-card-title{
    padding-top: 2.5%;
    text-align: center;
    opacity: 0;
    transform: translateY(50%);
}
.screen-card-img{
    height: 100%;
    overflow: hidden;
}
.screen-card-img-view{
    direction: ltr;
    pointer-events: none;
    z-index: 2;
}
.screen-card-img-row{
    display: flex;
    flex: none;
}
.screen-card-img-row:first-child{
    margin-top: calc(50vh - 14.5vw - 38px);
    margin-bottom: 2vw;
}
.screen-card-img-left,.screen-card-img-right{
    display: flex;
    flex: none;
}
.screen-card-img-row .screen-card-img-item{
    flex-shrink: 0;
    width: 14.5vw;
    box-sizing: border-box;
    padding: 0 .5vw;
}
.screen-card-phone-view{
    margin-top: -50vh;
}
.screen-card-phone-img{
    position: relative;
    width: 25.1%;
    margin: 0 auto;
}
.screen-card-phone-ui-img{
    box-sizing: border-box;
    position: absolute;
    top: 38.8%;
    left: 72.65%;
    width: 14.5vw;
    transform: translate(-50%,-50%);
    opacity: 0;
    padding: 0 0.5vw;
}
.screen-card-content{
    width: 28%;
    margin: 0 auto;
    text-align: center;
}
.screen-card-video{
    display: flex;
    justify-content: center;
}
.screen-card-video .bali-video-popup{
    font-size: 1.16vw;
    position: static;
    transform: none;
}
.screen-card-video .bali-play-button{
    font-size: 1em;
}
.screen-card-discliamer{
    margin-top: 1.5%;
    text-align: center;
}
.screen-theme{
    direction: ltr;
    height: 200vh;
    margin-top: calc(16vw - 50vh + 38px);
}
.screen-theme-content,.screen-theme-phone-detail-text{
    direction: rtl;
}
.screen-theme-view{
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: sticky;
    width: 56%;
    margin: 0 auto;
}
.screen-theme-phone-left{
    width: 40%;
}
.screen-theme-detail{
    direction: ltr;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 56%;
    margin: -50vh auto 0;
}
.screen-theme-phone-detail-text{
    width: 32%;
    margin-right: 10%;
}
.screen-theme-right{
    width: 50%;
    transform-origin: 100% 0;
}
.screen-theme-content{
    margin-left: 5%;
    margin-bottom: 10%;
}

.section-camera{
    background-color: #000;
    color: #FFF;
}
.camera-main-img{
    position: relative;
}
.camera-main-content{
    position: absolute;
    left: 21.67%;
    bottom: 16.6%;
    width: 25%;
}
.camera-main-content span{
    color: #FFF;
}
.camera-rear-title{
    text-align: center;
}
.camera-rear-view-container{
    height: 200vh;
}
.camera-rear-view{
    position: sticky;
    display: flex;
    justify-content: center;
    align-items: center;
}
.camera-rear-container{
    width: 37.7%;
    margin: 0 auto;
    position: relative;
}
.camera-rear-ui{
    width: 36%;
    position: absolute;
    top: 10%;
    right: 10%;
    transform-origin: 80% 20%;
}
.camera-rear-content{
    margin: 2.5% auto 0;
    width: 21.56%;
    text-align: center;
}
.camera-photo-container{
    display: flex;
    width: 71%;
    margin: 0 auto;
    position: relative;
}
.camera-photo-text{
    color: #A5A5A5;
}
.camera-photo-text span{
    color: #FFF;
}
.camera-photo-1 h6{
    text-align: center;
}
.camera-photo-1 .camera-photo-left{
    width: 41.75%;
}
.camera-photo-1 .camera-photo-right{
    margin-left: 7%;
    width: 49%;
}
.camera-photo-1 h5{
    margin-bottom: .5em;
}
.camera-photo-1 .camera-photo-text{
    text-align: center;
}
.camera-photo-2{
    align-items: center;
}
.camera-photo-2 .camera-photo-left{
    margin-left: 1%;
    width: 33.5%;
}
.camera-photo-2 .camera-photo-right{
    margin-left: 8.5%;
    width: 56%;
}
.camera-photo-3{
    align-items: center;
}
.camera-photo-3 .camera-photo-left{
    width: 38%;
}
.camera-photo-3 .camera-photo-right{
    margin-left: 15%;
    width: 42.5%;
}
.camera-photo-4{
    flex-direction: column;
    justify-content: center;
}
.camera-photo-4 .camera-photo-text{
    margin: 0 auto;
    width: 61.88%;
    text-align: center;
}
.camera-feature-capture .camera-photo-left{
    width: 57%;
    flex-shrink: 0;
}
.camera-feature-capture .camera-photo-right{
    width: 30%;
    flex-shrink: 0;
}
.camera-feature-dual .camera-feature-title{
    text-align: left;
}
.camera-feature-dual .camera-photo-left{
    width: 26%;
    flex-shrink: 0;
}
.camera-feature-dual .camera-photo-right{
    width: 65%;
    flex-shrink: 0;
}
.camera-feature-container{
    width: 71%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.camera-photo-animation{
    direction: ltr;
    position: relative;
}
.camera-photo-animation .bali-text,.camera-photo-animation .bali-disclaimer-text,.camera-photo-animation h6{
    direction: rtl;
}
.camera-photo-animation .scroll-trigger{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.camera-feature-img{
    border-radius: 1vw;
    overflow: hidden;
    position: relative;
}
.camera-photo-img-container{
    position: relative;
    border-radius: .8vw;
    overflow: hidden;
}
.camera-photo-img-before,.camera-photo-img-after{
    position: absolute;
    width: 100%;
    background-color: #000;
    height: 0;
    z-index: 2;
}
.camera-photo-img-before{
    top: 0;
}
.camera-photo-img-after{
    bottom: 0;
}
.camera-feature-content{
    color: #A5A5A5;
}
.camera-feature-content span{
    color: #FFF;
}
.camera-sample-view{
    margin: 0 auto;
    width: 85.4%;
    overflow: hidden;
}
.camera-sample-row{
    display: flex;
    flex: none;
    margin-top: 2%;
    height: 30vh;
    transform: translateX(-12.5%);
}
.camera-sample-row:first-child{
    margin-top: 0;
    height: 47vh;
}
.camera-sample-item{
    border-radius: 1vw;
    position: relative;
    margin-left: 2%;
    flex-shrink: 0;
    overflow: hidden;
}
.camera-sample-item:first-child{
    margin-left: 0;
}
.camera-sample-item img{
    width: auto;
    height: 100%;
}
.camera-sample-item-cover{
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: opacity .5s ease;
}
.camera-sample-item:hover .camera-sample-item-cover{
    opacity: .8;
}
.camera-sample-item-content{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 2em;
    max-width: 80%;
    width: 20vw;
    text-align: center;
}
.section-system{
    background-color: #000;
    color: #FFF;
    position: relative;
}
.system-main-video{
    position: relative;
}
.system-main-video .bali-video-popup{
    font-size: 2.74vw;
}
.system-main-video .bali-play-button{
    margin: 0;
}
.system-main video{
    width: 100%;
}
.system-card{
    direction: ltr;
    will-change: transform;
}
.system-privacy-content,.system-safty-content,.bali-accessory-content{
    direction: rtl;
}
.system-card h6{
    font-size: 2.08vw;
}
.system-main-text{
    margin: 0 auto;
    width: 47.7%;
    text-align: center;
}
.system-battery-img{
    margin: 0 auto;
    width: 76.5%;
}
.system-battery-title{
    text-align: center;
}
.system-battery-content{
    color: #A5A5A5;
    line-height: 1.8;
    margin: 0 auto;
    text-align: center;
    width: 42.3%;
}
.system-battery-content span{
    color: #F4F3F3;
}
.system-card .bali-text{
    color: #A5A5A5;
}

.system-connect{
    background-color: #171717;
    border-radius: 1vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 4% 9%;
    position: relative;
    overflow: hidden;
    width: 64%;
}
.system-connect-img{
    width: 50%;
    flex-shrink: 0;
}
.system-connect-img img{
    width: 40%;
}
.system-connect-icons{
    display: flex;
   
}
.system-connect-icon{
    margin-left: 25%;
}
.system-connect-icon:first-child{
    margin: 0;
}
.system-connect-icon svg,.system-connect-icon img{
    width: 3vw;
    height: auto;
}
.system-connect-icon-text{
    margin-top: .5em;
}
.system-privacy{
    background-color: #171717;
    border-radius: 1vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 64%;
}
.system-privacy-img{
    width: 45%;
}
.system-privacy-content{
    margin-right: 5%;
    width: 35%;
}
.system-safty{
    background-color: #171717;
    border-radius: 1vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 64%;
}
.system-safty-content{
    margin-left: 5%;
    width: 36.3%;
}
.system-safty-img{
    margin-top: 7.5%;
    width: 50%;
    flex-shrink: 0;
    text-align: left;
}
.system-safty-img img{
    width: 90%;
}
.system-safty-icons{
    display: flex;
   
}
.system-safty-icon{
    margin-right: 25%;
}
.system-safty-icon:first-child{
    margin: 0;
}
.system-safty-icon svg,.system-safty-icon img{
    width: 3vw;
    height: auto;
}
.system-safty-icon-text{
    color: #A5A5A5;
    margin-top: .5em;
}
.bali-accessory{
    border-radius: 1vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 64%;
}
.bali-accessory .bali-disclaimer-text{
    position: absolute;
    left: 0;
    bottom: 2.5%;
    width: 100%;
    text-align: center;
}
.bali-accessory-content{
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 44%;
}
.bali-accessory-link{
    color: #A5A5A5;
}
.bali-accessory-link a{
    color: #A5A5A5;
}
.bali-video-popup{
    color: white;
    font-size: 1.66vw;
    position: absolute;
    bottom: 5%;
    right: 5%;
    z-index: 5;
}
.bali-video-popup a{
    color: inherit;
    display: flex;
    align-items: center;
}
.bali-play-button{
    font-size: 1.67em;
    font-family: manrope;
    margin-right: .5em;
}
#bali-fullscreen-video {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999!important;
    background: rgba(0,0,0,.8);
    display: none
}

#bali-fullscreen-video.bali-active {
    display: block
}

#bali-fullscreen-video.bali-transition {
    -webkit-animation: baliVideoIn .5s forwards;
    animation: baliVideoIn .5s forwards
}

#bali-fullscreen-video .bali-video-fallback-img,#bali-fullscreen-video video {
    max-width: 90%;
    max-height: 90vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 20px 40px rgba(0,0,0,.5)
}

#bali-fullscreen-close span {
    display: block;
    position: relative;
    top: -.025em
}

a#bali-fullscreen-close:link,a#bali-fullscreen-close:visited {
    width: 48px;
    height: 48px;
    background: #f4f3f3;
    color: #211d1e;
    line-height: 48px;
    border-radius: 24px;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 24px;
    top: 24px;
    text-decoration: none;
    transform: scale(.9,.9);
    transition: transform .2s ease;
    z-index: 100
}

a#bali-fullscreen-close:hover {
    transform: scale(1,1)
}

html[dir=rtl] #bali-fullscreen-video video,html[dir=rtl] _:-ms-lang(x) {
    left: auto!important;
    right: 50%
}

@-webkit-keyframes baliVideoIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes baliVideoIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.bali-disclaimer-container{
    width: 80%;
    margin: 0 auto;
}
.bali-disclaimer{
    list-style-type: decimal;
    font-size: calc(.12821vw + 10.53846px);
    color: #A5A5A5;
    padding: 0 0 0 1.8em;
}
.bali-disclaimer li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.6em;
    padding-left: 0.5em;
    padding-top: 120px;
    margin-bottom: -120px;
}
.bali-disclaimer .active{
    color: #FFF;
}
@media (max-aspect-ratio: 678 / 669){
    .header-top{
        top: 96px;
    }
    .full-height{
        height: calc(100vh - 96px);
    }
    .hidden-web{
        display: block;
    }
    .hidden-xs{
        display: none;
    }
    .space-200{
        height: 120px;
    }
    .space-120{
        height: 80px;
    }
    .space-100{
        height: 60px;
    }
    .space-80{
        height: 40px;
    }
    .space-60{
        height: 30px;
    }
    .space-40{
        height: 20px;
    }
    .space-30{
        height: 15px;
    }
    .main-container h3{
        font-size: 11.11vw;
        text-align: center;
    }
    .main-container h4{
        font-size: 8.33vw;
        text-align: center;
    }
    .main-container h5{
        font-size: 6.66vw;
        text-align: center;
    }
    .main-container h6{
        font-size: 6.66vw;
        text-align: center;
    }
    .bali-text{
        font-size: 3.3vw;
        line-height: 1.6;
    }
    .bali-discliamer{
        color: #CECECE;
        font-size: 11px;
    }
    .section-kv img{
        position: static;
    }
    .kv-main-img{
        margin: 0 auto;
        position: relative;
        height: auto;
        width: 100%;
    }
    .kv-main-img img{
        width: 100%;
        height: auto;
    }
    .kv-content{
        position: static;
        transform: none;
        width: 75%;
        margin: 0 auto;
    }
    .kv-content .kv-phone{
        margin: 5% auto;
        width: 60%;
    }
    .kv-logo{
        margin: 0 auto;
        width: 60%;
    }
    .kv-subtitle{
        font-size: 6.66vw;
        margin-top: 0.25em;
    }
    .kv-price{
        margin-top: 4vw;
    }
    .kv-price-model{
        font-size: 2.77w;
    }
    .kv-price-text{
        font-size: 4.44vw;
    }
    .kv-price-line{
        margin: 0 3vw;
    }
    .kv-buy-btn a{
        font-size: 2vw;
    }
    .bali-disclaimer-text{
        font-size: 2vw;
    }
    .section-kv .kv-disclaimer{
        bottom: 5%;
        right: 2%;
        width: 90%;
        text-align: right;
    }
    .bali-ag-logo{
        width: 20%;
    }
    .pvc-content{
        font-size: 4.44vw;
        width: 82%;
    }
    .pocket-pvc{
        width: 100%;
    }
    .pocket-show-view svg{
        transform: rotate(90deg);
    }
    .left-text svg{
        transform-origin: 20%;
    }
    .right-text svg{
        transform-origin: 68%;
    }
    .pocket-show-img{
        left: -25%;
        top: 50%;
        width: 100%;
    }
    .pocket-show-img-mask{
        width: 81%;
        left: 12%;
        top: 47%;
    }
    .pocket-color-background{
        transform: none;
    }
    .pocket-color-item{
        flex-direction: column;
        margin: 0 auto;
    }
    .pocket-color-title{
        font-size: 4.4vw;
    }
    .pocket-color-text{
        color: #F4F3F3;
    }
    .pocket-color-white .pocket-color-text{
        color: #4D4D4D;
    }
    .pocket-color-content{
        width: 80%;
        text-align: center;
        top: 7.5%;
        left: 50%;
        transform: translateX(-50%);
    }
    .pocket-color-gold .pocket-color-content{
        width: 70%;
    }
    .pocket-color-img-content{
        width: 60%;
    }
    .pocket-thin-img-content{
        width: 75%;
    }
    .pocket-screen{
        height: auto;
    }
    .pocket-screen .scroll-trigger{
        transform: translateY(-50vh);
    }
    .pocket-screen-view{
        height: 220vh;
    }
    .pocket-screen-content{
        margin-top: calc(32vw - 50vh + 48px);
        width: 83.3%;
    }
    .pocket-screen-container{
        margin-top: calc(32vw - 50vh + 48px);
    }
    .camera-main-content{
        margin: 10% auto 0;
        position: relative;
        left: 0;
        bottom: 0;
        width: 75%;
        text-align: center;
    }
    .camera-photo-container{
        width: 100%;
        flex-direction: column;
    }
    .camera-photo-container .camera-photo-left,.camera-photo-container .camera-photo-right{
        margin: 0 auto;
        width: 83.3%;
    }
    .camera-photo-img-container{
        border-radius: 2vw;
        overflow: hidden;
    }
    .camera-photo-1 .camera-photo-right{
        display: flex;
        flex-direction: column;
        margin-top: 10%;
        width: 100%;
    }
    .camera-photo-1 .camera-photo-text,.camera-photo-1 h6{
        margin: 0 auto;
        width: 83.3%;
    }
    .camera-photo-1 .camera-photo-img-container{
        border-radius: 0;
    }
    .camera-photo-2 .camera-photo-right{
        width: 100%;
    }
    .camera-photo-2 .camera-photo-img-container{
        border-radius: 0;
    }
    .camera-photo-3 .camera-photo-right{
        width: 100%;
    }
    .camera-photo-3 .camera-photo-text{
        margin: 0 auto;
        width: 83.3%;
    }
    .camera-photo-3 .camera-photo-img-container{
        border-radius: 0;
    }
    .camera-photo-1 .camera-photo-right h6{
        order: 1;
    }
    .camera-photo-1 .camera-photo-right .space-60{
        order: 2;
    }
    .camera-photo-1 .camera-photo-right .camera-photo-text{
        order: 5;
    }
    .camera-photo-1 .camera-photo-right .space-40{
        order: 4;
    }
    .camera-photo-1 .camera-photo-right .camera-photo-right-img{
        order: 3;
    }
    .camera-photo-text{
        font-size: 3.33vw;
        text-align: center;
    }
    .camera-photo-2{
        flex-direction: column-reverse;
    }
    .camera-photo-2 .camera-photo-left{
        margin-top: 10%;
    }
    .camera-photo-3 .camera-photo-right{
        margin-top: 10%;
    }
    .camera-photo-4 .camera-photo-img-container{
        border-radius: 0;
    }
    .camera-photo-4 .camera-photo-text{
        width: 83.33%;
    }
    .camera-feature-container{
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .camera-feature-container .camera-photo-left,.camera-feature-capture .camera-photo-right{
        width: 83.3%;
    }
    .camera-feature-img{
        border-radius: 2vw;
    }
    .camera-feature-capture .camera-photo-left{
        width: 100%;
    }
    .camera-feature-capture .camera-feature-img{
        border-radius: 0;
    }
    .camera-feature-capture .camera-photo-right{
        margin-top: 10%;
    }
    .camera-feature-content{
        text-align: center;
    }
    .camera-feature-dual .camera-feature-title{
        text-align: center;
    }
    .camera-feature-dual .hidden-web{
        display: inline-block;
    }
    .camera-feature-dual .camera-photo-right{
        display: flex;
        flex-direction: column-reverse;
        margin-top: 10%;
        width: 100%;
    }
    .camera-feature-dual .camera-feature-img{
        border-radius: 0;
    }
    .camera-feature-dual .camera-feature-content{
        margin: 0 auto;
        width: 83.3%;
    }
    .screen-card{
        margin-top: calc(24vw + 48px - 50vh);
    }
    .screen-card-img-row:first-child{
        margin-top: calc(50vh - 24vw - 48px);
    }
    .screen-card-phone-view{
        margin-top: -50vh;
    }
    .screen-card-img-row .screen-card-img-item{
        width: 24vw;
    }
    .screen-card-phone-img{
        width: 62.64%;
    }
    .screen-card-phone-ui-img{
        width: 24vw;
    }
    .screen-card-content{
        width: 83.33%;
    }
    .screen-card-title{
        padding-top: 7.5%;
    }
    .screen-card-video .bali-video-popup{
        font-size: 3.33vw;
    }
    .screen-theme-view,.screen-theme-detail{
        width: 90%;
    }
    .screen-theme{
        height: 150vh;
        margin-top: calc(23vw - 50vh + 48px);
    }
    .screen-theme-detail{
        margin-top: -35vh;
    }
    .screen-theme-phone-left{
        transform: none!important;
    }
    .screen-theme-phone-detail-text{
        width: 45%;
        margin-right: 0%;
    }
    .system-main-text{
        width: 83.3%;
        text-align: center;
    }
    .system-battery-img{
        width: 92.5%;
    }
    .system-battery-content{
        width: 83.3%;
    }
    .system-main-video .bali-video-popup{
        font-size: 6.8vw;
    }
    .system-card h6{
        font-size: 4.44vw;
    }
    .system-privacy,.system-connect,.system-safty{
        border-radius: 2vw;
        width: 87.5%;
        padding: 12%;
    }
    .system-privacy{
        flex-direction: column;
    }
    .system-privacy-title,.system-privacy-content{
        width: 100%;
        text-align: center;
    }
    .system-privacy-content{
        margin: 0;
    }
    .system-privacy-img{
        margin-top: 10%;
        width: 59%;
    }
    .system-connect{
        flex-direction: column;
        text-align: center;
    }
    .system-connect-icons{
        font-size: 3.33vw;
        display: flex;
        flex-direction: column;
        text-align: left;
        position: absolute;
        left: 70%;
        bottom: 16%;
    }
    .system-connect-icon {
        margin-left: 0;
        margin-top: 25%;
    }
    .system-connect-icon svg, .system-connect-icon img{
        width: 10vw;
    }
    .system-connect-img{
        width: 100%;
        text-align: left;
    }
    .system-connect-img img{
        margin: 15% 0 0 5%;
    }
    .system-safty{
        flex-direction: column;
        text-align: center;
    }
    .system-safty-content{
        margin: 0;
        width: 100%;
    }
    .system-safty-icons{
        font-size: 2.22vw;
        display: flex;
        flex-direction: column;
        text-align: left;
        position: absolute;
        left: 61%;
        bottom: 17%;
    }
    .system-safty-icon {
        margin-right: 0;
        margin-top: 25%;
    }
    .system-safty-icon svg, .system-safty-icon img{
        width: 6vw;
    }
    .system-safty-img{
        width: 100%;
        text-align: left;
    }
    .system-safty-img img{
        width: 53%;
    }
    .bali-accessory{
        border-radius: 2vw;
        width: 87.5%;
    }
    .bali-accessory-content{
        top: 5%;
        width: 90%;
    }
    .bali-accessory-link{
        font-size: 3.3vw;
    }
    .bali-video-popup{
        font-size: 4.16vw;
    }
}
@media (max-aspect-ratio: 678 / 669) and (min-aspect-ratio: 7 / 10){
    .kv-main-img{
        margin-top: 5%;
        width: 80%;
    }
    .kv-content{
        width: 60%;
    }
}
@media (max-aspect-ratio: 678 / 669) and (min-aspect-ratio: 9 / 10){
    .kv-main-img{
        width: 65%
    }
    .kv-content{
        width: 35%;
    }
}
.bali-no-sticky .full-height{
    height: auto;
}
.bali-no-sticky .header-top{
    top: 0;
}
.bali-no-sticky .section-kv .section-kv-container{
    position: relative;
}
.bali-no-sticky .kv-main-img{
    width: auto;
}
.bali-no-sticky .kv-main-img img{
    width: auto;
}
.bali-no-sticky .section-kv-container{
    height: 100vh;
}
.bali-no-sticky .kv-background{
    display: none;
}
.bali-no-sticky .pocket-color-img-cover{
    display: none;
}
.bali-no-sticky .pocket-color-item{
    display: block;
}
.bali-no-sticky .pocket-color-img-content{
    position: relative;
    color: white;
    top: auto;
    left: auto;
    transform: none;
    opacity: 1!important;
    margin: 2.5% auto 2.5%;
}
.bali-no-sticky .pocket-color-img-view{
    height: auto;
}
.bali-no-sticky .canvas-fallback{
    display: block;
}
.bali-no-sticky .pocket-screen-content{
    margin-top: 0;
}
.bali-no-sticky .pocket-screen-container{
    margin-top: 0;
}
.bali-no-sticky .bali-sequence-animation{
    display: block;
}
.bali-no-sticky .bali-sequence-animation canvas{
    display: none;
}
.bali-no-sticky .pocket-screen-view,.bali-no-sticky .pocket-screen-container{
    height: auto;
}
.bali-no-sticky .screen-card{
    height: auto;
    margin-top: 0;
}
.bali-no-sticky .screen-card-space{
    display: none;
}
.bali-no-sticky .screen-card-phone-ui-img{
    opacity: 1!important;
}
.bali-no-sticky .screen-card-title{
    padding-top: 5%;
    opacity: 1!important;
    transform: none!important;
}
.bali-no-sticky .screen-card-phone-view{
    margin-top: 0;
}
.bali-no-sticky .screen-theme{
    height: auto;
    margin-top: 0;
}
.bali-no-sticky .screen-theme-detail{
    margin: 0 auto;
}
.bali-no-sticky .screen-theme-phone-left{
    transform: none!important;
}
.bali-no-sticky .system-safty-icon svg{
    height: 4vw;
}
.bali-no-sticky .bali-ag-logo svg{
    height: 4vw;
}
.bali-no-inline-video.main-container video{
    display: none;
}
.bali-no-inline-video .inline-video-fallback{
    display: block;
}
.bali-no-sticky .pocket-thin{
    height: auto;
}
.bali-no-sticky .pocket-thin-img-cover{
    display: none;
}
.bali-no-sticky .pocket-thin-img-content{
    color: #FFF;
    margin: 0 auto 5%;
    position: static;
    transform: none!important;
    opacity: 1!important;
}
.bali-no-sticky .pocket-thin-img-content .bali-disclaimer-text{
    color: #FFF;
}
@media (max-aspect-ratio: 9 / 5) and (min-aspect-ratio:1 / 1){
    .bali-no-sticky .section-kv{
        direction: ltr;
        height: auto;
    }
    .bali-no-sticky .kv-disclaimer{
        direction: rtl;
    }
    .bali-no-sticky .section-intro{
        margin-top: 0;
    }
    .bali-no-sticky .section-kv .section-kv-container{
        height: auto;
    }
    .bali-no-sticky .kv-main-img{
        position: relative;
        width: 50%;
        height: auto;
    }
    .bali-no-sticky .kv-main-img img{
        width: 100%;
        height: auto;
    }
    .bali-no-sticky .bali-disclaimer-text{
        bottom: 5%;
    }
}