/*Desktop*/
.airb-banner-wrap{background-color: #F8F8F8; text-align: center;color: black;}
.airb-banner-title{font-family: Open Sans SemiBold;color:#1D1D1F}
.airb-banner-text{font-family: Open Sans;}

.airb-banner-img{text-align: center;}

.airb-wrap{font-family: OpenSans;}
.real-sound-title{font-family: Open Sans SemiBold;}

.anc-wrap{color: white; background-color: black;}
.anc-relative{position: relative;height: 2200px; padding-bottom: 660px;}
.anc-airb-img{position: absolute;left: 0;right: 0;margin: auto;z-index: 1;}
.anc-beat-img{position: absolute;top: 80px;background-image: url(/WebAirB/Home/anc-beat.png);height: 184px; width: 100%;object-fit: cover;background-position: center;background-repeat: no-repeat;}
.anc-hide-beat{background-color: black;height: 194px;width: 100%;position: absolute; top: 77px;right: 0;z-index: 1;}
.anc-content{max-width: 736px; margin: auto;}
.anc-title{font-family: Open Sans SemiBold; font-size: 46px}
.anc-text{font-size: 19px;}

.battery-wrap{color: white; background-color: black;text-align: center;padding-top: 167px;}
.battery-relative{position: relative;height: 1676px;}
.battery-content-relative{position: relative;height: 1000px;}
.battery-title{font-family: Open Sans SemiBold; font-size: 48px}

.battery-case-fade-img{position: absolute;margin: auto;left: 0;right: 0;top: 0px;opacity: 0;}
.battery-case-lighting-img{position: absolute;margin: auto;left: 0;right: 0;top: -106px;opacity: 0;}

.case-wrap{color: white; background-color: black;text-align: center;padding-top: 167px;}
.case-relative{position: relative;height: 1776px;padding-bottom: 222px;}
.transparency-wrap{color: white; background-color: black;}
.transparency-title{font-family: Open Sans SemiBold; margin: auto;}
.transparency-text{margin: auto;}
.transparency-img{width: 100%;object-fit: cover;background-position: center;background-repeat: no-repeat;}


.aptx-relative{position: relative;height: 2200px; padding-bottom: 660px;}
.aptx-title{font-family: Open Sans SemiBold; font-size: 48px;margin: auto;}
.reveal-img{
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}
.animate-img{opacity: 0;}
.airb-video-wrap{background-color: black;position: relative;}
#airb-video-bg{position: relative;background-image: url("/WebAirB/Home/AirBVideo-bg.jpg"); background-position: center;}
#airb-video{display: none}
#airb-video-play{cursor: pointer;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;z-index: 1}
@media screen and (min-width: 769px){
	#airb-video-bg{height: 794px;}
  .good-design-wrap-mb{display: none;}
  .banner-img-mb{display: none;}
  .real-sound-wrap-mb{display: none;}
  .anc-wrap-mb{display: none;}
  .aptx-wrap-mb{display: none;}
  .aptx-wrap{color: white; background-color: black;text-align: center;padding-top: 206px;}
  .aptx-text{font-size: 19px;max-width: 765px; margin: auto;margin-top: 16px;}
  .transparency-wrap{text-align: center;padding-top: 167px;}
  .transparency-title{font-size: 48px;}
  .transparency-text{font-size: 19px;max-width: 736px;margin-top: 14px;line-height: 30px;}
  .transparency-img{margin-top: 7px;background-position: center 43px;background-image: url(/WebAirB/Home/transparency-bg.gif)}

  .battery-wrap-mb{display: none;}
  .case-wrap-mb{display: none;}
  .airb-banner-content{padding-top: 55px;}
  .airb-banner-title{font-size: 64px;}
  .airb-banner-text{font-size: 35px;line-height: 37px;}  
  .airb-banner-img{margin-top: 4px;}
  .real-sound-wrap{color: white; background-color: black;}
  .real-sound-relative{height: 2000px; position: relative}
  .real-sound-img-wrap{position:sticky; top: 0px; margin-top: 60px;height: 843px;}
  .real-sound-content-relative{position: relative; height: 634px;opacity: 0;}
  .real-sound-content{position: sticky; top: 115px;text-align: center; max-width: 790px;margin: auto;left: 0;right: 0;}
  .real-sound-title{font-size: 48px}
  .real-sound-text {font-size: 19px; margin: auto; margin-top: 15px; max-width: 730px;line-height: 30px;}
  #real-sound-img{position: absolute; top: 0;}
  #real-sound-img-fade{position: absolute; top: 0;}

  .good-design-relative{height: 2208px;}
  .good-design-wrap{color: white;background-color: black;text-align: center;}
  .good-design-img-wrap{position:sticky; top: -60px; margin-top: 60px;height: 1110px;}
  .good-design-content-relative{position: relative; height: 390px;opacity: 0;}
  .good-design-content{position: sticky; top: 121px;text-align: center; max-width: 790px;margin: auto;left: 0;right: 0;}
  .good-design-title{font-size: 48px;line-height: 59px;}
  .good-design-text {font-size: 19px; margin: auto; max-width: 770px;line-height: 30px;margin-top: 21px;}
  #good-design-img{position: absolute; right: -176px;}
  #good-design-img-fade{position: absolute; right: -176px;}


  .anc-wrap{text-align: center;padding-top: 151px;}
  .anc-text {font-size: 19px;margin-top: 16px;line-height: 30px;}
  .anc-img-wrap{position: sticky;top: 60px;margin-top: 60px;}
  .aptx-img{
    position: absolute;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
  }
  #aptx-img-0{
    -webkit-transform: translateX(-490px);
    -moz-transform: translateX(-490px);
    -ms-transform: translateX(-490px);
    -o-transform: translateX(-490px);
    transform: translateX(-490px);
    right: -189px;
    z-index: 6;
  }
  #aptx-img-1{right: -88px;z-index: 5;opacity: 0;top: 57px}
  #aptx-img-2{
    opacity: 0;
    right: 398px;
    top: 119px;
    -webkit-transform: translateX(462px);
    -moz-transform: translateX(462px);
    -ms-transform: translateX(462px);
    -o-transform: translateX(462px);
    transform: translateX(462px);
    z-index: 4;
  }
  #aptx-img-3{
    opacity: 0;
    right: 556px;
    top: 169px;
    -webkit-transform: translateX(626px);
    -moz-transform: translateX(626px);
    -ms-transform: translateX(626px);
    -o-transform: translateX(626px);
    transform: translateX(626px);
    z-index: 3;
  }
  #aptx-img-4{
    opacity: 0;
    right: 755px;
    top: 180px;
    -webkit-transform: translateX(818px);
    -moz-transform: translateX(818px);
    -ms-transform: translateX(818px);
    -o-transform: translateX(818px);
    transform: translateX(818px);
    z-index: 2;
  }
  #aptx-img-5{
    opacity: 0;
    top: 212px;
    right: 894px;
    -webkit-transform: translateX(958px);
    -moz-transform: translateX(958px);
    -ms-transform: translateX(958px);
    -o-transform: translateX(958px);
    transform: translateX(958px);
    z-index: 1;
  }
  #aptx-img-6{
    opacity: 0;
    top: 151px;
    left: -82px;
    -webkit-transform: translateX(1088px);
    -moz-transform: translateX(1088px);
    -ms-transform: translateX(1088px);
    -o-transform: translateX(1088px);
    transform: translateX(1088px);
  }
  .battery-img-wrap{position: sticky; top: 300px;}
  .battery-content{position: sticky;top: 70px;opacity: 0;height: 200px;}
  .battery-text{font-size: 19px;max-width: 800px;margin: auto;margin-top: 14px;line-height: 30px;}
  #case-img{width: 360px;margin: auto;}
  .case-img-wrap{margin-top: 0px;}
  .case-sticky{position: sticky;top: 200px;margin-top: 100px;}
  .case-title{font-family: Open Sans SemiBold;font-size: 48px; max-width: 780px; margin: auto; line-height: 58px;}
  .case-text{font-size: 19px;max-width: 736px;margin: auto;margin-top: 23px;}
  .aptx-imgs-wrap{width: 1170px; margin: auto; position: sticky;top: 60px;margin-top: 60px;}
}
@media screen and (max-width: 768px){
	.banner-img-mb{width: 296px}
	#airb-video-bg{background-size: cover;height: 300px;}
  .airb-banner-content{padding-top: 34px;}
  .airb-banner-img{margin-top: 33px;}
  .airb-banner-wrap{padding-bottom: 58px;}
  .banner-img{display: none;}
  .real-sound-wrap{display: none;}
  .anc-wrap{display: none;}
  .aptx-wrap{display: none;}
  .battery-wrap{display: none;}
  .case-wrap{display: none;}
  .aptx-wrap{display: none;}
  .good-design-wrap{display: none;}
  .airb-banner-title{font-size: 50px;}
  .airb-banner-text{font-size: 27px;line-height: 36px; margin-top: 1px;}

  .real-sound-wrap-mb{color: white; background-color: black;}
  .real-sound-relative-mb{height: 1040px; position: relative;padding-top: 287px}
  .real-sound-img-mb-wrap{position: sticky;top: 0px;height: 255px;top: 287px;}
  #real-sound-img-mb{position: absolute;top: 0px;}
  #real-sound-img-fade-mb{position: absolute;top: 0px;}
  .real-sound-content-mb-relative{ position: relative;height: 400px;}
  .real-sound-content-mb{padding: 0 24px;opacity: 0;}
  .real-sound-title-mb{font-family: Open Sans SemiBold;font-size: 32px;line-height: 44px;}
  .real-sound-text-mb{font-size: 16px;margin-top: 18px;line-height: 26px;}
  #gg-assistant-img{width: 54px;}
  #flow-img{width: 206px;}

  .anc-wrap-mb{color: white; background-color: black;padding-top: 180px;}
  .anc-relative-mb{position: relative;height: 1300px; padding-bottom: 345px;}
  .anc-img-wrap-mb{position: sticky;top: 300px;}
  .anc-airb-img-mb{width: 166px;position: absolute;left: 0;right: 0;margin: auto;z-index: 1;margin-top: 44px;}
  .anc-beat-img-mb{top: 68px;position: absolute;background-image: url(/WebAirB/Home/anc-beat-mb.svg);height: 49px; width: 100%;object-fit: cover;background-position: center;background-repeat: no-repeat;}
  .anc-hide-beat-mb{height: 49px;top: 68px;background-color: black;width: 100%;position: absolute; right: 0;z-index: 1;}
  .anc-content-relative-mb{position: relative;height: 300px;padding: 0 24px;}
  .anc-content-mb{max-width: 736px; margin: auto;position: sticky;top: 70px;}
  .anc-title-mb{font-family: Open Sans SemiBold; font-size: 32px;line-height: 44px;}
  .anc-text-mb{font-size: 16px;margin-top: 18px;line-height: 26px;}

  .transparency-relative{position: relative;height: 810px;}
  .transparency-wrap{padding-top: 120px;}
  .transparency-content{padding: 0 24px;}
  .transparency-title{font-size: 32px;line-height: 43px;}
  .transparency-text{font-size: 16px;margin-top: 19px;line-height: 26px;}
  .transparency-img{background-image: url(/WebAirB/Home/transparency-bg.gif);margin-top: 43px;text-align: center;background-position: center 22px;position: sticky; top: 200px;background-size: cover;}
  .transparency-img img{width: 205px;}

  .aptx-wrap-mb{color: white; background-color: black;padding-top: 141px;}
  .aptx-relative-mb{position: relative;height: 1000px;padding-bottom: 200px;}
  .aptx-content-relative-mb{position: relative;height: 278px;}
  .aptx-content-mb{margin: auto;position: sticky;top: 70px;padding: 0 24px;}
  .aptx-title-mb{font-family: Open Sans SemiBold; font-size: 32px;margin: auto;line-height: 43px;}
  .aptx-text-mb{font-size: 16px; margin: auto;margin-top: 19px;line-height: 26px;}
  .aptx-imgs-wrap-mb{position: sticky;top: 300px;width: 360px;}
  .aptx-img-mb{
    position: absolute;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    transition: all .6s ease-out;
  }
  #aptx-img-mb-0{
    -webkit-transform: translateX(-104px);
    -moz-transform: translateX(-104px);
    -ms-transform: translateX(-104px);
    -o-transform: translateX(-104px);
    transform: translateX(-104px);
    top: 30px;
    right: 0px;
    z-index: 6;
    width: 152px
  }
  #aptx-img-mb-1{z-index: 5;opacity: 1;width: 115px; right: 0px;opacity: 0;top: 28px;}
  #aptx-img-mb-2{
    opacity: 0;
    width: 30px;
    top: 48px;
    right: 132px;
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -ms-transform: translateX(120px);
    -o-transform: translateX(120px);
    transform: translateX(120px);
    z-index: 4;
  }
  #aptx-img-mb-3{
    opacity: 0;
    top: 62px;
    width: 48px;
    right: 174px;
    -webkit-transform: translateX(170px);
    -moz-transform: translateX(170px);
    -ms-transform: translateX(170px);
    -o-transform: translateX(170px);
    transform: translateX(170px);
    z-index: 3;
  }
  #aptx-img-mb-4{
    opacity: 0;
    top: 66px;
    width: 36px;
    right: 233px;
    -webkit-transform: translateX(225px);
    -moz-transform: translateX(225px);
    -ms-transform: translateX(225px);
    -o-transform: translateX(225px);
    transform: translateX(225px);
    z-index: 2;
  }
  #aptx-img-mb-5{
    opacity: 0;
    right: 278px;
    top: 76px;
    width: 38px;
    -webkit-transform: translateX(265px);
    -moz-transform: translateX(265px);
    -ms-transform: translateX(265px);
    -o-transform: translateX(265px);
    transform: translateX(265px);
    z-index: 1;
  }
  #aptx-img-mb-6{
    opacity: 0;
    left: 0px;
    width: 73px;
    top: 57px;
    -webkit-transform: translateX(275px);
    -moz-transform: translateX(275px);
    -ms-transform: translateX(275px);
    -o-transform: translateX(275px);
    transform: translateX(275px);
  }
  .battery-wrap-mb{color: white; background-color: black;padding-top: 150px;position: relative;height: 1100px;}
  .battery-content-mb{padding: 0 24px}
  .battery-title-mb{font-family: Open Sans SemiBold; line-height: 42px;font-size: 32px}
  .battery-text-mb{font-size: 16px; margin: auto;margin-top: 20px; line-height: 26px;}
  .battery-img-wrap-mb{position: sticky;top: 300px;margin: auto;margin-top: 100px;}
  .battery-case-img-mb{width: 248px;margin: auto;}
  .battery-case-fade-img-mb{width: 258px;position: absolute;margin: auto;left: 0;right: 0;top: 0px;opacity: 0;width: 248px;}
  .battery-case-lighting-img-mb{position: absolute;margin: auto;left: 0;right: 0;top: -67px;width: 84px;opacity: 0;}


  .case-wrap-mb{color: white; background-color: black;padding-top: 156px;}
  .case-relative-mb{position: relative;height: 1100px;}
  .case-content-mb{padding: 0 22px 0 24px;}
  .case-title-mb{font-family: Open Sans SemiBold; font-size: 32px;max-width: 762px;margin: auto;line-height: 43px;}
  .case-text-mb{font-size: 16px; margin: auto;margin-top: 18px;line-height: 26px;}
  .case-img-wrap-mb{margin-top: 64px;text-align: center;padding-bottom: 157px;position: sticky; top: 300px;}
  #case-img-mb{width: 246px;margin: auto;}

  .good-design-relative-mb{height: 780px;position: relative;}
  .good-design-wrap-mb{color: white;background-color: black;padding-bottom: 520px;}
  .good-design-img-wrap-mb{position: sticky;top: 0px;padding-top: 300px;}
  .good-design-content-relative-mb{position: relative; height: 317px;opacity: 0;}
  .good-design-content-mb{margin-top: 294px;position: absolute;padding: 0 24px;}
  .good-design-title-mb{font-size: 32px;line-height: 42px;}
  .good-design-text-mb {font-size: 16px;line-height: 26px;margin-top: 18px;}
  #good-design-img-mb{position: absolute;margin: auto; left: 0;right: 0;}
  #good-design-img-fade-mb{position: absolute;margin: auto; left: 0;right: 0;}
}