@media screen and (min-width: 769px) and (max-width: 1024px){
  #mobile-section{display: none;}
  #desktop-section{background-color: black}
  #b4-gallery-images .owl-theme .owl-dots .owl-dot span{background: #707070 !important;opacity: 0.2;}
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: black !important;border: 1px solid #FFEDCF;opacity: 1;}
  .blue-italic{color: #00CBFF !important;cursor: pointer;}
  #b4p-banner{height: 757px;background-position: center;background-repeat: no-repeat;}
  .fancybox-stage{background-color: black}
  /*video home*/
  .videoHome-wrap{position: relative;}
  .videoHome-img{height: 635px;width: 100%;background-position: center center;background-repeat: no-repeat}
  .videoHome-content{position: absolute; top:266px; left: 0; right: 0;text-align: center; font-family: Open Sans SemiBold}
  .videoHome-title{font-size: 40px;color: #FFEDCF;}
  .videoHome-text-wrap{font-size: 23px;color: #FFEDCF;width: 147px;margin: auto;margin-top: 8px; opacity: 0.65}
  .videoHome-text{float: left;}
  .videoHome-text-wrap img {float: left;margin: 6px 0 0 6px;}
  /*camera home*/
  #cameraHome-feel-life-wrap{position: relative;height: 2000px;}
  .cameraHome-feel-life-img-wrap{position: sticky; top: -4px; width: 100%;margin: auto}
  .cameraHome-feel-life-bg{height: 1135px;background-position: center top;background-repeat: no-repeat;}
  .cameraHome-feel-life-img{position: relative; width: 1170px;margin: auto;}
  .cameraHome-feel-life-img img{position: absolute;top: -592px; left: 77px; z-index: -1;opacity: 0.5;}
  .cameraHome-feel-life-content-wrap{width: 1170px;margin: auto; position: relative; height: 548px;top: -400px;}
  .cameraHome-feel-life-content{text-align: center;opacity: 0;position: sticky; top: 145px;}
  .cameraHome-feel-life-head{font-size: 67px;margin-bottom: 15px;color: #FFEDCF}
  .cameraHome-feel-life-text{font-size: 24px;width: 915px;margin: auto; color: #ECD2A5;line-height: 38px;}

  /*ai camera*/
  .b4p-ai-macro{position: relative; margin-top: 45px}
  #aiCamera-wrap{position: sticky;top: 0;width: 1170px;margin: auto;height: 2300px;}
  .aiCamera-pic{padding-top: 106px;position: absolute; right: -375px;}
  .aiCamera-focus-pic{padding-top: 106px;position: absolute; right: -375px;opacity: 0;}
  .aiCamera-content{padding-top: 358px; position: relative;top:15px}
  .aiCamera-line{position: absolute;width: 0;border: 1px solid #888888;height: 1px;top: 366px;display: none;}
  .aiCamera-head{font-size: 40px;position: absolute;top: 300px;left: -55px;opacity: 0;color: #FFEDCF;}
  .aiCamera-text{font-size: 20px;width: 490px;position: absolute;top: 455px;opacity: 0;color: #ECD2A5;line-height: 35px;}

  /*camera tec*/
  .cameraTec-content-wrap{position: relative}
  #cameraTec-macro-content{width: 415px;margin-top: 153px;}
  .cameraTec-item-text{font-size: 20px;margin-top: 20px;color: #ECD2A5;line-height: 35px;}
  .cameraTec-item-head{font-size: 40px;color: #FFEDCF;}

  .cameraTec-item-wrap{width: 1170px;position: relative;margin: auto;height: 750px;}

  #cameraTec-macro-text{margin-top: 14px;}
  #cameraTec-hdr-text{margin-top: 15px;}
  #cameraTec-moment-text{margin-top: 14px;}
  #cameraTec-selfie-text{margin-top: 18px;width: 380px;}
  #cameraTec-potrait-text{margin-top: 16px;width: 435px;}

  #cameraTec-macro-wrap{padding-top: 80px;}
  #cameraTec-wrap{ background: black; width: 100%;position: relative;}
  .cameraTec-macro-img{position: absolute;left: -85px;}
  .cameraTec-right-content{position: absolute;right: 0;width: 415px;}
  .cameraTec-left-content{position: absolute;left: 0;width: 415px;}


  .reveal-img {
    -webkit-transform: none !important;
      -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
            transform: none !important;
  }

  .cameraTec-hdr-img{position: absolute;right: -375px;opacity: 0.5;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
      -o-transition: all 1s ease-out;
        transition: all 1s ease-out;

  }
  #cameraTec-hdr-img-1{transform: translateX(-888px)}
  #cameraTec-hdr-img-2{transform: translateX(-788px)}
  #cameraTec-hdr-img-3{transform: translateX(-688px)}
  #cameraTec-hdr-img-4{transform: translateX(-588px)}
  #cameraTec-hdr-img-5{transform: translateX(-488px)}
  #cameraTec-hdr-img-6{transform: translateX(-388px)}
  #cameraTec-hdr-img-7{transform: translateX(-288px)}
  #cameraTec-hdr-content{opacity:0;}

  #cameraTec-hdr-wrap{height: 2000px;margin-bottom: 157px;margin-top: 81px;}
  #cameraTec-hdr-sticky{position: sticky;height: 570px;top: 0;}
  #cameraTec-hdr-content-wrap{height: 990px;}
  #cameraTec-hdr-content-sticky{position: sticky;top: 163px;height: 420px;;margin-top: 450px;}

  #cameraTec-moment-wrap{height: 2000px;margin-bottom: 144px;}
  #cameraTec-moment-sticky{position: sticky;height: 570px;top: 0;}
  #cameraTec-moment-content-wrap{height: 990px;}
  #cameraTec-moment-content-sticky{position: sticky; top: 154px; height: 428px; margin-top: 450px;}

  #cameraTec-selfie-wrap{height: 2000px;margin-bottom: 199px;}
  #cameraTec-selfie-sticky{position: sticky;height: 570px;top: 0;}
  #cameraTec-selfie-content-wrap{height: 990px;}
  #cameraTec-selfie-content-sticky{position: sticky; top: 138px; height: 442px; margin-top: 450px;}
  #cameraTec-selfie-head{line-height: 50px;}

  #cameraTec-potrait-wrap{height: 2000px;margin-bottom: 175px;}
  #cameraTec-potrait-sticky{position: sticky;height: 570px;top: 0;}
  #cameraTec-potrait-content-wrap{height: 990px;}
  #cameraTec-potrait-content-sticky{position: sticky; top: 159px; height: 428px; margin-top: 450px;}

  .cameraTec-moment-img{position: absolute;left: -85px;}
  #cameraTec-moment-content{opacity: 0;}
  #bubble-pop-img{opacity: 0;}

  .cameraTec-selfie-img{position: absolute;right: -85px;}
  #cameraTec-selfie-content{opacity: 0;}
  #selfie-img{opacity: 0;}

  .cameraTec-potrait-img{position: absolute;left: -85px;}
  #cameraTec-potrait-content{opacity: 0;}
  #potrait-img{opacity: 0;}

  /*super night*/
  #b4-gallery-images .owl-carousel .item {height: 470px;background: #000000;padding: 0;}
  #b4-gallery-images .owl-carousel .item img{height: 220px;width: 296px !important;}
  #b4-gallery-images .item-img {padding-bottom: 30px;}
  .super-night-wrap{position: relative;margin: auto;height: 1200px;}
  .super-night-content{width: 930px; margin: auto;text-align: center;}
  .super-night-head{font-size: 40px;color: #FFEDCF;}
  .super-night-text{font-size: 20px;margin: 19px 0 62px 0;color: #ECD2A5;line-height: 35px;}
  .super-night-img-wrap{position: relative;height: 1000px;}
  #sticky-super-night-img{opacity: 0.5; text-align: center;height: 600px;background-position: center top;background-repeat: no-repeat;background-size: cover;}
  .super-night-img-scale{transform: scale(0);}
  #sticky-super-night-img{position: sticky; top: 0; height: 600px;
    -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
          -ms-transition: all 1s ease-out;
          -o-transition: all 1s ease-out;
              transition: all 1s ease-out;
  }
  .super-night-img-hide{transform: scale(0)}
  #b4-gallery-wrap{position: relative;height: 1500px;padding-bottom: 352px;}
  #b4-gallery-sticky{height: 550px;position: sticky; top: 0} 

  /*advanced video*/
  .advanced-video-wrap{position: relative; height:5800px;}
  #advanced-video-video-wrap{position: sticky; top: 0;height: 500px;}
  #bphone4-video{position: absolute;left: 52px;top: 20px;width: 930px;height: 465px;z-index: -1;}
  .advanced-video-img-wrap{position: absolute;left: -19px;right: 0;margin: auto;width: 1150px;opacity: 0;top:-35px}
  .advanced-video-video-bg{width: 1000px; height: 500px; margin: auto;background-repeat: no-repeat;background-size: contain;display: none;}
  .advanced-video-video{transform: scale(2.2); width: 1000px; height: 500px; margin: auto;position: relative;}
  .advanced-video-content{position: relative;}
  .advanced-video-content-sticky{position: sticky;height: 450px;}
  #video-like-life-sticky{height: 450px;top: 31px;}
  #video-like-life-head{line-height: 64px;}
  #screen-best-sticky{height: 450px;top: 91px;}
  #borderless-design-sticky{top: 91px;}
  .advanced-video-content-head{font-size: 52px;color: #FFEDCF;width: 840px;line-height: 62px;}
  .advanced-video-content-text{font-size: 24px; margin-top: 28px;color: #ECD2A5;line-height: 40px;}
  .advanced-video-content-child{width: 776px;margin: auto; position: relative;z-index: 1;margin-bottom: 700px;}
  #screen-best-content-text{max-width: 750px;margin-top: 30px;}
  #borderless-design-content-text{max-width: 725px;margin-top: 29px;}
  #video-like-life{height: 800px;}
  #screen-best-display{height: 800px;}
  #borderless-design{height: 800px;}
  #video-like-life-text{margin-top: 28px;}

  /*color*/
  .bphone-color-wrap{width: 1170px; margin: auto; position: relative;height: 2243px;margin-top: 53px;}
  .bphone-color-content-wrap{position: relative;width: 50%;float: left;height: 800px;}
  .bphone-color-img-wrap{position: relative;width: 50%;float: right;height: 2000px;}
  #bphone-color-content-sticky{position: sticky; top: 0;height: 500px;}
  #bphone-color-img-sticky{position: sticky; top: 0;height: 510px}
  .bphone-color-content{position: absolute;top: 121px;left: 70px;width: 690px}
  .bphone-color-head{font-size: 40px;margin-bottom: 26px;color: #FFEDCF;}
  .bphone-color-text{font-size: 20px;color: #ECD2A5;line-height: 35px;}
  .bphone-color-img{
    position: absolute;
    -webkit-transition: all 0.6s ease-out;
        -moz-transition: all 0.6s ease-out;
          -ms-transition: all 0.6s ease-out;
          -o-transition: all 0.6s ease-out;
              transition: all 0.6s ease-out;
  }

  .reveal-img {
    -webkit-transform: none !important;
      -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
            transform: none !important;
  }

  #black-bphone{z-index: 4; right: 20px;}

  #pink-bphone{
    z-index: 3;right: 312px;
    -webkit-transform: translateX(293px);
    -moz-transform: translateX(293px);
    -ms-transform: translateX(293px);
      -o-transform: translateX(293px);
        transform: translateX(293px);
  }
  #blue-bphone{
    z-index: 2;right: 603px;
    -webkit-transform: translateX(584px);
    -moz-transform: translateX(584px);
    -ms-transform: translateX(584px);
      -o-transform: translateX(584px);
        transform: translateX(584px);
  }
  #white-bphone{
    top: -2px;
    z-index: 1;right: 898px;
    -webkit-transform: translateX(878px);
    -moz-transform: translateX(878px);
    -ms-transform: translateX(878px);
      -o-transform: translateX(878px);
        transform: translateX(878px);
  }

  .gray-bg{background-color: #101010; z-index: 2; position: relative;}
  /*gamer*/
  .gamer-wrap{height: 2000px;padding-top: 85px;}
  #gamer-img-wrap{text-align: center;position: sticky;height: 618px;top: 0;}
  #gamer-content-wrap{position: relative;text-align: center;width: 1170px;margin: auto;height: 880px;}
  #gamer-content-sticky{position: sticky; top: 180px; height: 471px; margin-top: 450px;opacity: 0;}
  .gamer-head {font-size: 52px;margin-bottom: 8px;color: #FFEDCF;}
  .gamer-text {font-size: 24px;width: 970px;margin: auto;color: #ECD2A5;line-height: 40px;}


  #twosim-wrap {margin-top: 65px;position: relative;width: 100%;height: 730px;background-repeat: no-repeat;background-position: center top; background-size: cover;}
  .twosim-img{ width: 1053px;position: relative;margin: auto;}
  .twosim-img img{position: absolute;top: 500px;left: 3px}
  .twosim-content{position: relative;text-align: center;width: 1170px;margin: auto;top: 264px;}
  .twosim-head {font-size: 40px;margin-bottom: 11px;color: #FFEDCF;}
  .twosim-text {font-size: 20px;width: 865px;margin: auto;color: #ECD2A5;line-height: 40px;}

  /*show tv*/
  #show-tv-wrap{height: 2000px;position: relative;}
  #show-tv-sticky{position: sticky; top: 0;height: 641px;}
  .show-tv-relative{position: relative;width: 1170px;margin: auto;}
  #show-tv-img{position: absolute;left: -309px; top: 120px;}
  #show-tv-bg{position: absolute;border: 10px solid #373737;z-index: -1;left: 239px;height: 498px;}

  #show-tv-content-wrap{position: relative;width: 1170px;margin: auto;height: 774px;}
  #show-tv-content{width: 526px;position: sticky;margin-left: 563px;height: 186px;margin-top: 292px;top: 164px;;opacity: 0;}
  .show-tv-title{font-size: 40px;margin-bottom: 17px;color: #FFEDCF;line-height: 50px;}
  .show-tv-text{font-size: 20px;margin: auto;color: #ECD2A5;line-height: 40px;}

  /*battery*/
  #battery-water-wrap{position: relative;width: 100%;margin: auto;height: 5155px;}
  .battery-img-sticky{position: sticky;top: 0;width: 1170px;margin: auto;}
  #battery-img-wrap{float: right;height: 800px;position: sticky;top: 0;}
  #battery-img{position: absolute;top: 0;right: 36px;}
  #charge-img{position: absolute;top: 0;right: 69px;opacity: 0;}
  #battery-content-wrap{height: 2000px;position: relative;width: 1170px;margin: auto;}
  #charge-content-wrap{height: 2000px;position: relative;}
  #battery-content{position: relative;height: 500px;left: 0;}
  #battery-sticky{position: sticky;top: 258px;margin-left: 70px;}
  #charge-sticky{position: sticky;top: 293px;width: 1170px;margin: auto;margin-bottom: 500px}
  .charge-wrap{width: 1170px;margin: auto;}
  .charge-container{margin-left: 70px;}

  #battery-water-relative-wrap{position: relative;}

  .battery-head{font-size: 40px;margin-bottom: 27px;color: #FFEDCF;}
  .battery-text{font-size: 20px;color: #ECD2A5;max-width: 490px;line-height: 35px;}
  .charge-head{font-size: 40px;margin-bottom: 25px;color: #FFEDCF;}
  .charge-text{font-size: 20px;color: #ECD2A5;max-width: 500px;line-height: 35px;}

  /*water*/
  #water-proof-wrap{width: 100%;height: 2325px;position: relative;}
  .water-proof-container{width: 1342px;margin: auto;padding-top: 65px;padding-bottom: 45px;}
  #water-proof-img{position: sticky;top: 0;height: 603px;width: 50%;float: left;left: 35px;}
  #water-proof-img img{position: absolute; left: -16px;width: 650px;}
  #water-proof-content-wrap{height: 1829px;position: relative;width: 50%;float: left;}
  .water-proof-content{width: 520px}
  #water-proof-IP68{position: relative; height: 600px;margin-bottom: 730px;margin-left: 52px;margin-top: 130px;}
  #water-proof-time{position: relative; height: 647px;margin-top: 240px;margin-left: 52px;}
  #water-proof-IP68-sticky{position: sticky;top: 130px;}
  #water-proof-time-sticky{position: sticky;top: 130px;}
  .water-proof-text{font-size: 20px;margin-top: 24px;color: #ECD2A5;width: 470px;line-height: 35px;}
  .water-proof-head{font-size: 40px;color: #FFEDCF;width: 435px;line-height: 56px;}

  #water-proof-IP68-text{margin-top: 23px;width: 516px;}

  /*bos*/
  #BOS-wrap{background-color: #262626;position: relative;padding-top: 180px;}
  #BOS-banner-wrap{height: 1752px;}
  .BOS-container{margin: auto;position: relative;margin-bottom: 171px;}
  .BOS-content-wrap{position: relative;text-align: center;width: 1170px;margin: auto;height: 812px;}
  #BOS-content{position: sticky; top: 76px; height: 432px; margin-top: 395px;opacity: 0;}
  .BOS-head{font-size: 69px;color: #ECD2A5;line-height: 95px;width: 127px; margin: auto;width: 127px; margin: auto;}
  .BOS-title{width: 705px;margin: auto;font-size: 40px;margin-bottom: 10px;color: #FFEDCF;line-height: 55px;}
  .BOS-text{font-size: 20px;color: #ECD2A5;width: 820px;margin: auto;line-height: 35px;}
  #BOS-img{height: 526px;text-align: center;position: sticky;top: 0;}

  .BOS-tec-container{width: 1170px;margin: auto;position: relative;background-color: #101010;}
  .BOS-tec-child-wrap{height: 673px;}
  .BOS-tec-child-img{width: 493px;text-align: center;padding: 77px 0;float: left;}
  .BOS-tec-child-img img{max-width: 282px;}
  .BOS-tec-child-content{width: 540px;padding-top: 186px;padding-left: 69px;float: left;}
  .BOS-tec-child-item-head{font-size: 40px;margin-bottom: 24px;color: #FFEDCF;line-height: 52px;}
  .BOS-tec-child-item-text{font-size: 20px;width: 471px;color: #ECD2A5;line-height: 35px;}
  .BOS-tec-child-content-wrap{width: 683px;border-right: 5px solid #262626;height: 100%;}

  #BOS-spam-ad-img{border-right: 5px solid #262626;}
  #BOS-spam-ad-content{padding-top: 108px;}
  #BOS-most-security{border-bottom: 5px solid #262626}
  #BOS-most-security-img{border-right: 5px solid #262626;}
  #BOS-anti-theft-img{position: sticky;top: 0;float: right;height: 568px;padding-top: 0;margin-bottom: 50px}
  #BOS-anti-theft{height: 2200px;position: relative;border-bottom: 5px solid #262626}
  #BOS-anti-theft-content{position: relative;padding-top: 0;height: 700px;margin-bottom: 500px;}
  #BOS-90-content{position: relative;padding-top: 0;height: 836px;}
  #BOS-anti-theft-content-sticky{position: sticky;top: 127px;margin-top: 127px;}
  #BOS-90-content-sticky{position: sticky;top: 121px;}

  #BOS-most-security-head{margin-bottom: 25px;}
  #BOS4-child-gesture-head{margin-bottom: 23px;line-height: 52px;}

  .BOS4-wrap{width: 1170px; margin: auto;padding-bottom: 111px;color: black;}
  .BOS4-general-guide{height: 679px;text-align: center;}
  .BOS4-general-guide-content{width: 924px;margin: auto;clear: both;}
  .BOS4-head-wrap{width: 260px;margin: auto;padding-top: 118px;}
  .BOS4-head-text{font-size: 83px;float: left;}
  .BOS4-head-number{width: 63px;height: 63px;border: 3px solid;border-radius: 10px;font-size: 56px;float: left;margin-top: 26px;margin-left: 20px;line-height: 61px;}
  .BOS4-title{font-size: 40px;margin-bottom: 19px;padding-top: 60px;}
  .BOS4-text{font-size: 20px;line-height: 35px;}
  .BOS4-child-wrap{height: 673px;border-top: 5px solid #101010;}
  .BOS4-child-head{font-size: 40px}
  #addicted-os-content{margin-bottom: 22px;margin-top: 172px;margin-left: 69px;}
  #BOS4-child-gesture{margin-top: 82px; margin-left: 78px;}
  .BOS4-child-text{font-size: 20px;width: 470px;line-height: 35px;}
  #addicted-os{height: 668px;width: 678px;float: left}
  .BOS4-child-content{width: 507px}
  .addicted-os-img{float: right;}
  #full-gesture{height: 668px;width: 678px; float: right;}
  .full-gesture-img{float: left;}

  #addicted-os-head{margin-bottom: 21px;}

  /*cuchi*/
  #b86-gesture-video{display: none}
  .gesture-wrap{position: relative}
  #cuchi-wrap {position: absolute;width: 100%;background-repeat: no-repeat;height: 650px;position: relative;background-size: cover;background-position: center top;}
  .cuchi-wrapped {position: absolute;width: 760px;margin: auto;text-align: center;top: 267px;left: 0;right: 0;font-family: Open Sans SemiBold;}
  .wap-head {display: inline-flex;}
  .wap-content-video {cursor:pointer; display: inline-flex;margin-top: 6px;opacity: 0.65;}
  .gesture-img{margin-top: 6px;}
  .head-text {width: 650px;color: #FFEDCF;font-size: 40px;}
  .content-video-text {color: #FFEDCF;font-size: 23px;margin-right: 10px}
  .bos4-img-div{margin-top: 11px; margin-left: 5px;}

  /*dac*/
  #dac-wrap{height: 2000px;background-color: black;}
  #dac-img-wrap{text-align: center;position: sticky;height: 646px;top: 0;}
  #dac-img-sticky{width: 1080px;margin: auto;width: 100%;background-repeat: no-repeat;height: 650px;position: relative;background-size: cover;background-position: center top;}
  .dac-content-wrap{position: relative;text-align: center;width: 1170px;margin: auto;height: 904px;}
  #dac-content-sticky{position: sticky; top: 205px; height: 413px; margin-top: 422px;opacity: 0;}
  .dac-head {font-size: 40px;margin-bottom: 20px;color: #FFEDCF;}
  .dac-text {font-size: 20px;width: 918px;margin: auto;color: #ECD2A5;line-height: 35px;}

  /*extra info*/
  .extra-info-child-wrap{background-position:center top ; background-size:cover ;}
  .extra-info-container{width: 1170px; margin: auto;height: 635px;}
  .extra-info-content{padding: 130px 0 0 70px;}
  .extra-info-head{width: 420px;margin-bottom: 20px; font-size: 40px;}
  .extra-info-text{font-size: 20px;line-height: 35px;}

  #bphone-waranty-head{margin-bottom: 28px;line-height: 52px;}
  #bphone-waranty-text{width: 495px;}
  #bphone-hardware-text{width: 518px;}

  #bphone-hardware{background-color: black;color: #FFEDCF;}
  #bphone-waranty{color: #FFEDCF;}

  #bphone-waranty-content{float: right;padding-right: 35px;padding-top: 115px;}
}