.proxima-boldlt {font-family:'proxima-boldlt';}
.proxima-semibold {font-family:'proxima-semibold';}
.proxima-extrabold {font-family:'proxima-extrabold';}
.proxima-black {font-family:'proxima-black';}
.italic {font-style:italic;}
/* header {background-color:black !important;position: absolute !important;} */
html,body { margin: 0; padding: 0; border: 0; background-color: #000;font-family: quasimoda, sans-serif;color:#fff;}
html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, 
section { display:block; }


/*PG CSS*/

.blu-pg-sec {overflow: hidden;}
.blu-pg-sec-omega {width:1400px; margin:0 auto;position:relative;z-index: 1;height: 100%;}
.blu-pg-sec-ttl {font-size:40px; margin-bottom:20px;line-height: 0.92;font-weight:900;text-transform: uppercase;}
.blu-pg-sec-subttl {font-size:30px; margin-top:-20px;font-weight:900;text-transform: uppercase;}
.blu-pg-txt {text-align:left;}
p {font-size:20px;line-height:1.3;}
.bold {font-weight: 800;}
.bolder {font-weight: 900;}
.nobreak {white-space: nowrap;}
.d-txt {display: block;}
.m-txt {display: none;}
.t-name {display: none}
.m-spec {display: none}
.zero {opacity: 0;animation-delay: 0.2s;-webkit-animation-delay: 0.2s}
.black-body-bg {background: black}
.m-blu-pg-sec-ttl {display:none;}
.smll-ttl {font-weight: 800;font-style: normal;font-size: 20px;margin-bottom: 10px;margin-top: -15px;padding-left: 3px;}
picture img {position:absolute;object-fit: cover;object-position: center;height: 100%;width: 100%;z-index: 1;
   pointer-events: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.gradient-text div, .gradient-text p {background: rgb(13,41,46);background: linear-gradient(90deg, rgba(13,41,46,1) 0%, rgba(20,77,87,1) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.anim-first {animation-delay: 1s;}
.anim-second {animation-delay: 1.5s;}
.anim-third {animation-delay: 2s;}
.amoled {height: 18px;top: 2px;position: relative;}


.blu-sec-1 {position: relative;height: 1015px;z-index:8;background: rgb(244,224,186);background: linear-gradient(270deg, rgba(244,224,186,1) 0%, rgba(214,179,125,1) 100%);}
.blu-sec-1 .logo {height: 130px;width:auto;top: 400px;left: 800px;position: absolute;}
.blu-sec-1 .disc-animation {height: 100%;position: absolute;left: -700px;}
/* .blu-sec-1 .discs {width: auto;height: 1100px;top: -175px;left: -850px;} */
.blu-sec-1 .discs {width: auto;height: 2500px;top: -1075px;left: -1000px;position: absolute;transform: rotate(270deg);}
/* .blu-sec-1 .phones {width: auto;position: absolute;top: 150px;left: 200px;height: 700px;} */
.blu-sec-1 .phones {height: 700px;width: auto;position: absolute;}
.blu-sec-1 .phones.back {top: 157px;left: 175px}
.blu-sec-1 .phones.front {top:234px;left: 172px;}

.blu-sec-1 .buy-now {top: 565px;left: 880px;position: absolute;}
.blu-sec-1 .buy-now a {color: #123d45;border: 2px solid #123d45;border-radius: 50px;padding: 10px 30px;font-size: 20px;font-weight: 800;white-space: nowrap;}


.blu-sec-2 {position: relative;height: 700px;z-index:9;}
.blu-sec-2 .blu-pg-txt {position: relative;left:0;right:0;margin:auto;text-align:center;top:75px;width:650px;color: white;}
.blu-sec-2 .blu-pg-sec-ttl {width: 500px;margin:auto;margin-bottom: 40px;}
.blu-sec-2 .flex-container {display: flex;position: relative;top:525px;width:1000px;flex-direction: row;justify-content: space-between;text-align: center;margin: auto;white-space: nowrap;}

.blu-sec-2 video {width: 100vw;height: 100%;object-fit: cover;}
.play-icon {position: absolute;top: calc(50% - 75px);left: 0px;right: 0px;margin: auto;width: auto;z-index: 2}
.play-icon img {width: 150px;margin: auto;display: block;}
.arrow {z-index: 9;position: absolute;display: block;height: 60px;bottom: 80px;margin: auto;left: 0;right: 0}
.vid-overlay {position: absolute;width: 100%;height: 100%;background: #00000080}


.blu-sec-3 {position: relative; height: 1200px;overflow: hidden;background-color: black;z-index:9;}
.blu-sec-3 .blu-pg-txt {position: absolute;left:150px;top:350px;text-align:left;width:450px;color:white;}
.blu-sec-3 .phones {height: 700px;width: auto;position: absolute;}
.blu-sec-3 .phones.back {top: 227px;left: 890px}
.blu-sec-3 .phones.front {top:400px;left: 700px;}
.blu-sec-3 .glow {width: 1000px;height: auto;left: 580px;top:150px;}
.anim-spacer {position: relative;}

.blu-sec-4 {position:relative;height:1100px;z-index:9;background-color: black;}
.blu-sec-4 .blu-pg-sec-ttl {width: 450px;margin: auto;}
.blu-sec-4 .blu-pg-txt {position: relative;color: white;text-align: center;margin: auto;width: 550px;top: 70px;}
.blu-sec-4 .display {object-fit: contain;position: relative;margin: auto;left: 0;right: 0;top:-50px;height:780px;width:auto;object-fit: unset;display: block;}
.blu-sec-4 .display-specs {color: white;position: relative;top:-180px;text-align: center;display: flex;flex-direction: row;justify-content: center;}
.blu-sec-4 .display-specs div {display: flex;flex-direction: column;}
.blu-sec-4 .display-specs-text.top {font-weight: 800;color: #0bb29c;font-size: 32px;}
.blu-sec-4 .display-specs-text.bottom {font-size: 20px;}
.blu-sec-4 .display-specs .zero-width {overflow: hidden;}
.blu-sec-4 .display-specs div p {margin: 2px 30px;white-space: nowrap;}
.blu-sec-4 .display-specs .bar b {background-color: white;width: 1px;height: 100%;}
.blu-sec-4 #amoled-grow {display:inline-block;text-align: center;height: 30px;position: relative;opacity: 1;}

/* .blu-sec-5 {position:relative;height:900px;background:url('images/sec-5.jpg') center center;background-size: cover;} */
.blu-sec-5 {position:relative;height:800px;z-index:9;background-color: black;}
.blu-sec-5 .bg-5g {width: auto;height:950px;position: absolute;margin: auto;display: block;left: calc(50% - 1500px);top: -150px;z-index: 1;}
.blu-sec-5 .icon-5g {width: auto;height:450px;position: relative;margin: auto;display: block;left:36px;z-index: 2;}
.blu-sec-5 .blu-pg-txt {position: relative;width: 750px;color:white;text-align: center;margin: auto;z-index: 3;}

.blu-sec-6 {position: relative;height: 1000px;z-index:9;background-color: black;}
.blu-sec-6 .blu-pg-txt {position: relative;left:150px;top:250px;width:450px;color:white;z-index: 9;}
.blu-sec-6 .glow {left: 80px;width: 1800px;height: 1300px;object-fit: unset;top: -100px;}
.blu-sec-6 .phones {height: 650px;width: auto;opacity: 1;top: 100px;}
.blu-sec-6 .phones.left {left:685px;}
.blu-sec-6 .phones.right {left:1070px;}
.blu-sec-6 .phones.middle {left: 860px;}
.blu-sec-6 .details {position:relative;display: inline-block;font-weight: 800;font-size: 16px;padding-right: 50px;}
.blu-sec-6 .details span {font-size: 28px;font-weight: 800;}

.blu-sec-7 {position: relative;height: 1000px;overflow: hidden;background-color: black;}
.blu-sec-7 .blu-pg-txt {position: absolute;text-align:center;left:0;right:0;margin:auto;top:100px;width:680px;color:white;}
.blu-sec-7 .phones {display: block;position:relative;width: 235px;height: auto;left: 0;right: 0;margin: auto;}
.blu-sec-7 .n2 {display: block;position:relative;width: 100%;height: auto;top: -12px;}
.blu-sec-7 .logo {margin: 15px auto;width: 150px;}
.blu-sec-7 .benchmark-grid {display: grid;grid-template-columns: 1.25fr 1fr 1fr 1fr;align-items: end;width: 1200px;margin: auto;column-gap: 60px;position: relative;top: 220px;}
.blu-sec-7 .benchmark-grid p {text-align: center;white-space: nowrap;align-self: center;}
.blu-sec-7 .benchmark-grid span {font-weight: 800;font-size: 28px;}
.blu-sec-7 .bar {grid-column: 1 / 5;width: 100%;height: 2px;background-color: #0bb29c;}
.blu-sec-7 .flex-container {display: flex;flex-direction: row;}
.blu-sec-7 .icon-container {display: flex;flex-direction: row;align-items: center;column-gap: 20px;justify-content: center;}
.blu-sec-7 .icon {height: 60px;}
.blu-sec-7 .benchmark-flex {display: none;}

.blu-sec-8 {position:relative;height:1200px;z-index:9;background-color: black;}
.blu-sec-8 .glow {width: 2000px;height: auto;object-fit: unset;left: -9999px;right: -9999px;margin: auto;}
.blu-sec-8 .phones {width: auto;height:650px;position: absolute;bottom:300px;margin: auto;display: block;left: 0;right: 0;}
.blu-sec-8 .blu-pg-txt {position: relative;top:50px;width: 400px;color:white;margin: auto;text-align: center;}
.blu-sec-8 video {width: 100vw;height:300px;object-fit: cover;position: absolute;left: -9999px;right:-9999px;margin: auto;bottom: 0;z-index: 1;}

.sec-9-12-bg {background: rgb(244,224,186);background: linear-gradient(180deg, rgba(244,224,186,1) 0%, rgba(214,179,125,1) 100%);}

.bottom-bg {background: rgb(242,221,182);background: linear-gradient(180deg, rgba(242,221,182,1) 0%, rgba(230,204,158,1) 100%);}

.blu-sec-9 {position: relative;height: 950px;z-index:3;}
.blu-sec-9 .blu-pg-txt {position: relative;text-align:left;left:180px;top:300px;width:500px;color: #113c43;}
.blu-sec-9 .blu-pg-sec-subttl {margin-top: -5px;font-size: 28px;}
.blu-sec-9 .blu-pg-txt p {width: 350px;margin-top: 10px}
.blu-sec-9 .blu-pg-sec-omega img {width: 400px; top:80px;left: 800px; margin: auto; display: block; object-fit: contain;position: absolute;height:600px;border-radius: 20px;object-fit:cover;}

.blu-sec-10 {position: relative;height: 900px;z-index:3;}
.blu-sec-10 .blu-pg-txt {position: relative;text-align:center;left:0;right:0;margin:auto;padding: 20px;width:680px;color:black}
.blu-sec-10 .blu-pg-txt p {position: relative;text-transform:uppercase;font-weight: 800;}
.blu-sec-10 .image-container {width: 1000px;border-radius: 20px;margin: auto;height: 500px;overflow: hidden;}
.blu-sec-10 .blu-pg-sec-omega img {width: 100%;height: 100%; left: 0; right: 0;margin: auto; display: block; object-fit: cover;position: relative;}
/* .blu-sec-10 .blu-pg-sec-omega img {width: 2000px;height: auto;object-position: -524px -350px;} */

.blu-sec-11 {position: relative;height: 800px;z-index:3;}
.blu-sec-11 .blu-pg-txt {position: relative;text-align:center;left:0;right:0;margin:auto;top:50px;width:680px;color:black}
.blu-sec-11 .blu-pg-txt p {position: relative;text-transform:uppercase;font-weight: 800;top:10px;}
.blu-sec-11 .blu-pg-sec-omega img {width: 1000px; left: 0; right: 0; top: 80px;border-radius: 20px;margin: auto; display: block; object-fit: contain;position: relative;height: auto;}

.blu-sec-12 {position: relative;height: 1000px;z-index:3;}
.blu-sec-12 .blu-pg-txt {position: relative;margin:0 auto;text-align:center;top:80px;width:580px;color: black;}
.blu-sec-12 .blu-pg-sec-omega img {width: 650px;height:auto;top:250px;position: absolute;margin:auto;display:block;left: 0;right: 0;border-radius: 20px;}

.blu-sec-13 {position: relative;height: 800px;}
.blu-sec-13 .blu-pg-sec-omega {position: absolute;z-index: 9;left: 0;right: 0;}
.blu-sec-13 .blu-pg-txt {position: absolute;margin:0 auto;left:0;right: 0;text-align:center;top:80px;width:580px;color: white;}
.blu-sec-13 .image-container {overflow: hidden;width: 100%;height: 100%;position: relative;margin: auto;}

.blu-sec-14 {position: relative;height: 850px;z-index:9;}
.blu-sec-14 .blu-pg-txt {position: relative;text-align:center;left:0;right:0;margin:auto;top:100px;width:800px;color:white}
.blu-sec-14 .blu-pg-txt p {text-align: center;}
.blu-sec-14 .details-sec {display: grid;grid-template-columns: 320px 320px 320px;column-gap: 40px;margin: auto;justify-content: center;justify-items:center;position: relative;top: 140px;}
.blu-sec-14 .details-sec p {text-align: center;}
.blu-sec-14 .details-sec img {height: 500px;width:300px;position: relative;display: block;object-fit: cover;border-radius: 20px;object-position: bottom;}

.blu-sec-15 {position:relative;height:1100px;z-index:9;background-color: black;}
.blu-sec-15 .blu-pg-sec-ttl {width: 350px;text-align: center;margin: auto;}
.blu-sec-15 .blu-pg-txt {position: relative;color: white;text-align:center;top:80px;width:500px;margin: auto;}
.blu-sec-15 .blu-pg-txt p {position: relative;text-transform:uppercase;font-weight: 800;top:-10px;}
.blu-sec-15 img {object-fit: contain;position: relative;margin: auto;left: 0;right: 0;display: block;}
.blu-sec-15 #ai-device-container{position: relative;height: auto;z-index: 3;overflow:hidden;top: 100px;}
.blu-sec-15 #ai-device {width: 1015px;border-radius: 20px;}
.blu-sec-15 #ai-icons-container {width: 1100px;height:100px;overflow: hidden;margin: auto;position: relative;top: 160px;}
.blu-sec-15 #ai-icons {width: 1100px;}
.blu-sec-15 .box {position: absolute;z-index: 4;height: 422px;top: 243px;left: 324px;right: unset;}

.blu-sec-16 {position: relative;height: 800px;z-index:3;}
.blu-sec-16 #battery {font-size: 220px;font-weight: 800;text-align: center;position: relative;left: 0;right: 0;margin: auto;top:-12px;z-index: 2;}
.blu-sec-16 .blu-pg-sec-omega img {width: 1500px; top:122px;left: -63px;margin: auto; display: block; object-fit: contain;position: absolute;height: auto;z-index:1;}
.blu-sec-16 .blu-pg-txt {position: relative;margin:0 auto;text-align:center;top:0px;width:680px;color: white;}
.blu-sec-16 .blu-pg-txt p {position: relative;margin:0 auto;text-align:center;top:500px;font-size: 14px;}
.blu-sec-16 .no-overflow {overflow: hidden;height: 222px;}

.blu-sec-17 {position:relative;height:900px;z-index:9;}
.blu-sec-17 img {width: auto;height:900px;position: absolute;bottom: 0;left: 0px;z-index: 1;}
.blu-sec-17 .blu-pg-txt {position: absolute;left:750px;top:250px;width: 500px;color:white;z-index: 2;}
.blu-sec-17 .details {position:relative;top: 30px;}
.blu-sec-17 .details span {font-size: 28px;font-weight: 800;}
.blu-sec-17 video {position: absolute;height: 528px;width: 205px;top: 106px;left: 378px;z-index: 2;object-fit:cover}

.blu-sec-18 {position: relative;height: 800px;z-index:3;}
.blu-sec-18 .blu-pg-txt {position: relative;text-align:center;left:0;right:0;margin:auto;top:150px;width:680px;color:black}
.blu-sec-18 .image-container {display: flex;flex-direction: row;justify-content: center;position: relative;top: 200px;column-gap: 50px;}
.blu-sec-18 .flex-column {display: flex;flex-direction: column;align-items: center;width: 500px;}
.blu-sec-18 .blu-pg-sec-subttl {font-size: 28px;font-weight: 800;margin-top: 20px;color: black;}
.blu-sec-18 .blu-pg-sec-omega img {width: 500px; left: 0; right: 0; margin: auto; display: block; object-fit: contain;position: relative;height: auto;border-radius: 20px;}

.blu-sec-19 {position: relative;height: 900px;z-index:3;}
.blu-sec-19 .blu-pg-txt {position: relative;margin:0 auto;text-align:center;top:155px;width:780px;color: black;}
.blu-sec-19 .blu-pg-txt p {margin-top: 40px;}
.blu-sec-19 .android11 {width: auto;height:350px;top:80px;position: relative;margin:auto;display:block;left: -20px;}
.blu-sec-19 .icons {width: 1000px;height: auto;position: relative;top: 180px;margin: auto;display: block;}

/*gallery*/
.slider {overflow:hidden;height:935px;padding-top:50px}
.custom-navigation {display: table;width: 100%;table-layout: fixed;padding-top:10px;}
.custom-navigation > * {display: table-cell;}
.custom-navigation {position:relative;}
.custom-navigation > a {width: 100%;position:relative;}
.custom-navigation .flex-next {text-align: right;}
#main {margin:0px;}
.custom-controls-container {display:none;} 
a.flex-prev {position:absolute;left:100px;top:-425px;z-index:999;display:block;width:54px;height:64px;background:url('images/gallery/arrow-left.png') center center no-repeat;}
a.flex-next {position:absolute;right:100px;top:-425px;width:54px;height:64px;background:url('images/gallery/arrow-right.png') center center no-repeat;}
.slides li {width:100%;height:850px;}

.first {background:url('images/gallery/teal1.png') center center no-repeat;}
.second {background:url('images/gallery/teal2.png') center center no-repeat;}
.third {background:url('images/gallery/teal3.png') center center no-repeat;}
.fourth {background:url('images/gallery/teal4.png') center center no-repeat;}
.fifth {background:url('images/gallery/teal5.png') center center no-repeat;}
.colorBtnWrap {width:850px;margin:0 auto;text-align:center;padding-bottom:0px;}
.colorBtn {float:left;width:20%;margin:0 1.5%;cursor:pointer;padding: 0% 0;border-radius: 10%;width:35px; height:35px;}
.gold {background: rgb(244,227,199);background: linear-gradient(180deg, rgba(244,227,199,1) 0%, rgba(154,126,76,1) 100%);}
.navy {background: #2e3554;}
.colors-sec {margin:0 auto;width:100%;display: flex;justify-content: center;position:relative; }
.cyan {background:#19e4fa;}
.lime {background:#b9ef13;}
.grey {background-color: #606060;background-image: -webkit-linear-gradient(-45deg, #606060 50%, black 50%);}
.silver {background: rgb(112,112,112);background: linear-gradient(0deg, rgba(112,112,112,1) 0%, rgba(199,199,199,1) 100%);}
.darkblue {background:#354c92;}
.lightgrey {background:#a5a5a5;}
.brown {background:#7c7a70;}
.green {background: #b7e6b5;background: linear-gradient(0deg, #69916d 0%, #b7e6b5 100%);}
.black {background: #04235f;background: linear-gradient(180deg, #313131 0%, #1c1c1d 100%);}
.red {background: #d90179;background: linear-gradient(180deg, #d90179 0%, #b4002a 100%);}
.blue {background: rgb(7,114,254);background: linear-gradient(0deg, rgba(104,2,197,1) 0%, rgba(7,114,254,1) 100%);}

.blu-sec-specs {color:black;padding:100px 20px;}
.blu-sec-specs .blu-pg-sec-omega {width:1400px;margin:0 auto}
.row{display:inline-flex;padding:40px 0px;flex-wrap: nowrap;clear:both;width:100%;border-bottom:solid 1px #c2c2c2}
.row:first-child {margin-top:40px;}
.row:last-child {border-bottom:none}
.column {width: 30%;}
.column:last-child {width: 50%;}
.column li {font-size:16px;}
.spec_subttl {font-weight:600;font-size:20px}

.device-name, .specs-links {margin-bottom:20px}
.device-name {float:left;}
.device-name img {height: 120px;}
/* @@@@ align links with middle or bottom of name graphic @@@@ */
.specs-links {float:right;position: relative;top: 90px;}
.specs-links li {display: inline;margin-left:20px}
.specs-links a {background:var(--darker-blue);color:black;border-radius:20px;padding:8px 20px;}
.specs-links #buy-button {padding: 8px 20px;font-size: 18px;color: black;border: 2px solid black;border-radius: 30px;font-weight: 800;}
#sales-guide {background:none;color:black;text-decoration:underline;font-weight: 600;}

footer {width:100%;background:black;text-align:center;margin-top:0px;}

@media (min-height: 1400px){
  .blu-sec-1 .device.cluster {top:100px;height: 1000px;}
}

@media (max-width: 1400px) {
  .blu-pg-sec-omega {width:980px;}
  p {font-size:20px;line-height:1.2;}
  .blu-pg-sec-ttl {font-size:35px;line-height: 0.9;letter-spacing: 0}
  .blu-pg-sec-subttl {margin-top:0px;}
  .smll-ttl {font-size:20px;margin-bottom:5px;}
  .slider {padding-top: 20px;}


  .blu-sec-1 img.logo {height: 130px;top: 400px;left: 575px;}
  .blu-sec-1 .disc-animation {left: -1040px;}
  .blu-sec-1 .image-container {left: -200px;position: absolute;}
  .blu-sec-1 .buy-now {top: 565px;left: 660px;position: absolute;}

  /* .blu-sec-2 {position:relative;height:750px;background:url('images/t-sec-2.jpg') center center;background-size: cover;} */
  .blu-sec-2 {position:relative;height:650px;z-index: 9;}
  .blu-sec-2 .blu-pg-txt {top:100px;width: 650px;}
  .blu-sec-2 .blu-pg-sec-ttl {margin-bottom: 0;}
  .blu-sec-2 .flex-container {display: flex;position: relative;top:525px;width:900px;}

  /* .blu-sec-3 {position:relative;height:1500px;background:url('images/t-sec-3.jpg') center center;background-size: cover;} */
  .blu-sec-3 {position:relative;height:900px}
  .blu-sec-3 .blu-pg-txt {left: 75px;top: 250px;}
  .blu-sec-3 .blu-pg-txt p {position: relative; top: -8px;}
  .blu-sec-3 .phones {height: 550px;width: auto;position: absolute;}
  .blu-sec-3 .phones.back {top: 127px;left: 665px}
  .blu-sec-3 .phones.front {top:264px;left: 530px;}
  .blu-sec-3 .glow {width: 1000px;height: auto;left: 280px;top:100px;}
  .line {right:400px;z-index: 3;width:240px;}
  .linetext {right: 670px;}

  .blu-sec-4 {position:relative;height:900px}
  .blu-sec-4 .blu-pg-txt {top: 50px;width: 550px;}
  .blu-sec-4 .display {width: 1000px;height: auto;}

  /* .blu-sec-5 {position:relative;height:750px;background:url('images/t-sec-5.jpg') center center;background-size: cover;} */
  .blu-sec-5 {position:relative;height:800px}
  .blu-sec-5 .blu-pg-txt {width:750px;}
  .blu-sec-5 img {left: 20px;height: 700px;}

  .blu-sec-6 {position: relative;height: 750px;}
  .blu-sec-6 .blu-pg-txt {top:210px;left:75px;right: 0px;width: 350px;}
  .blu-sec-6 .glow {left: 30px;width: 1500px;height: 1000px;object-fit: unset;top: -100px;}
  .blu-sec-6 .phones {height: 470px;width: auto;opacity: 1;top: 100px;}
  .blu-sec-6 .phones.left {left:505px;}
  .blu-sec-6 .phones.right {left:780px;}
  .blu-sec-6 .phones.middle {left: 630px;}

  .blu-sec-7 {height:850px;}
  .blu-sec-7 .benchmark-grid {width: 880px;column-gap: 20px;}
  .blu-sec-7 .benchmark-grid p {white-space: pre;}
  .blu-sec-7 .phones {width: 180px;}
  .blu-sec-7 b::after {content:"\A";}

  .blu-sec-8 {position: relative;height: 1100px;}
  .blu-sec-8 .blu-pg-txt {width:600px;}
  .blu-sec-8 .phones {bottom: 230px}
  .blu-sec-8 video {height: 230px;}

  .blu-sec-9 {position: relative;height: 800px;}
  .blu-sec-9 .blu-pg-txt {left: 75px;width: 400px;}
  .blu-sec-9 .blu-pg-sec-omega img {width: 350px;top:110px;left: 500px;}

  .blu-sec-10 {height: 800px;}
  .blu-sec-10 .image-container {width: 850px;top: 120px;}

  /* .blu-sec-9 .blu-pg-txt {left: 50px;width: 400px;top:170px;}
  .blu-sec-9 .blu-pg-sec-omega img {width: 350px;left: -15px;} */

  .blu-sec-11 {position: relative;height: 700px;}
  .blu-sec-11 .blu-pg-txt {width: 550px;}
  .blu-sec-11 .blu-pg-sec-omega img {width: 850px;top:80px;}

  .blu-sec-12 {position: relative;height: 950px;}
  .blu-sec-12 .device {height: 85%;top:50px;}
  .blu-sec-12 .blu-pg-txt p {top:450px;}

  .blu-sec-13 {position: relative;height: 650px;}

  .blu-sec-14 {position: relative;height: 750px;z-index:9;}
  .blu-sec-14 .blu-pg-txt {position: relative;text-align:center;left:0;right:0;margin:auto;top:100px;width:800px;color:white}
  .blu-sec-14 .blu-pg-sec-ttl img {display: inline-block;height:50px;position:relative;padding-right:20px;top:10px;}
  .blu-sec-14 .blu-pg-txt p {text-align: center;}
  .blu-sec-14 .details-sec {display: grid;grid-template-columns: 260px 260px 260px;column-gap: 40px;margin: auto;justify-content: center;justify-items:center;position: relative;top: 140px;}
  .blu-sec-14 .details-sec img {height: 400px;width:250px;position: relative;display: block;object-fit: cover;border-radius: 20px;object-position: bottom;}

  .blu-sec-15 {height: 950px;}
  .blu-sec-15 .box {height: 320px; left: 190px;}
  .blu-sec-15 #ai-device {width: 850px;}
  .blu-sec-15 #ai-icons-container {width: 850px;top: 130px;}
  .blu-sec-15 #ai-icons {width: 850px;}

  .blu-sec-16 {height: 650px;}
  .blu-sec-16 .blu-pg-txt p {top: 400px;}
  .blu-sec-16 .no-overflow {height: 190px;}
  .blu-sec-16 #battery {font-size: 190px;top: -4px;}
  .blu-sec-16 .blu-pg-sec-omega img {width: 1200px;left: -9999px;right: -9999px;}

  .blu-sec-17 {height: 800px;}
  .blu-sec-17 img {left: -250px;top: 0px;}
  .blu-sec-17 video {left:128px;top:107px;}
  .blu-sec-17 .blu-pg-txt {left: 500px;top: 200px;width: 400px;}

  .blu-sec-18 {height: 800px;}
  .blu-sec-18 .blu-pg-sec-omega img {width: 400px;}
  .blu-sec-18 .flex-column {width: 400px;}
  .blu-sec-18 .blu-pg-txt {top: 100px;}
  .blu-sec-18 .image-container {top: 150px;}

  .blu-sec-19 .icons {width: 900px;}

  .blu-sec-specs .blu-pg-sec-omega {width:940px}
  .blu-pg-sec {margin-top:0px;}

  .specsGrid {float:left;width:24.75%;border:none;height:280px;}
  .specsGrid ul {list-style:none;text-align:center;margin-left:-40px;margin-top:70%; }
  .specsGrid ul {font-size: 14px;font-weight:500; }
}
 
 @media (max-width: 980px) {
  .buyNow a {font-size:15px;padding:10px 25px;}
  .slider {display: none;}
  .blu-pg-sec-omega {width:380px;height: 100%; margin:0 auto;position:relative;}
  .blu-pg-txt {width: 350px;text-align: center;top: 50px;}
  .d-txt {display: none;}
  .m-txt {display: block;}
  .blu-pg-sec-ttl {font-size: 30px;line-height: 0.9;margin-bottom:20px;text-align: center;}
  .blu-pg-sec-subttl {font-size: 20px;margin-top:-15px;}
  p {font-size: 16px;line-height: 1.2;margin: 0px;font-weight:400}
  .blu-pg-sec {margin:0px 0px 0px 0px;}

  .smll-ttl {font-size:18px;margin-bottom:5px;padding-left:0px}

  /* .blu-sec-1 {position:relative;height:800px;} */
  .blu-sec-1 {height: 800px;}
  .blu-sec-1 img.logo {left:0;right:0;margin: auto;top:80px;height:90px;}
  .blu-sec-1 .disc-animation {left: -836px;top: 135px;transform: rotate(247deg)}
  .blu-sec-1 .image-container {top: 65px;left: -240px;}
  .blu-sec-1 .phones {height: 470px;transform: rotate(5deg);top:220px;left: 0;right: 0;margin: auto;}
  .blu-sec-1 .phones.back {top: 172px;left: 251px;}
  .blu-sec-1 .phones.front {left: 242px;}
  .blu-sec-1 .buy-now {top: 184px;left: 0px;right: 0px;margin: auto;width: 122px;}
  .blu-sec-1 .buy-now a {padding: 4px 15px;font-size: 18px;display: block;}


  .blu-sec-2 {position:relative;height:450px;}
  .blu-sec-2 .blu-pg-sec-ttl {width: 293px;margin-bottom: 15px;}
  .blu-sec-2 .blu-pg-txt {margin: auto;left:0;right:0;text-align: center;width: 350px;top:70px;color: white;}
  .blu-sec-2 .play-icon img {width: 100px;}
  .blu-sec-2 .play-icon {top: calc(50% - 50px);}

  .blu-sec-3 {position:relative;height:850px;}
  .blu-sec-3 .blu-pg-txt {position:relative;margin:0 auto;left:0px;top:70px;width:350px;text-align:center;}
  .blu-sec-3 .glow {width: 800px;left: -195px;top: 240px;}
  .blu-sec-3 .phones {height: 450px;transform: rotate(355deg);}
  .blu-sec-3 .phones.front {top: 400px; left: 50px;}
  .blu-sec-3 .phones.back {top: 273px;left: 125px;}

  /* .blu-sec-4 {height:800px;background:url('images/m-sec-4.webp') center center;position:relative; background-size:cover;} */
  .blu-sec-4 {position:relative;height:1100px;}
  .blu-sec-4 .display {left: calc(50% - 375px);width: 750px;top: 0;}
  .blu-sec-4 .blu-pg-txt {position:relative;margin:0 auto;left:0px;top:30px;width:330px;text-align:center;}
  .blu-sec-4 .display-specs {flex-direction: column;row-gap: 15px;}
  .blu-sec-4 .display-specs div {z-index: 1;}
  .blu-sec-4 .details-sec {grid-auto-rows:60px;width:238px;top:15px;text-align:left;margin: auto;}
  .blu-sec-4 .details-sec img {height: 50px;}

  /* .blu-sec-5 {height:800px;background:url('images/m-sec-5.webp') center center no-repeat; background-size:cover;} */
  .blu-sec-5 {position:relative;height:550px;}
  .blu-sec-5 .blu-pg-txt {margin:auto;left:0px;right:0;top:70px;width:300px;text-align:center;}
  .blu-sec-5 .blu-pg-sec-ttl {width: 300px;margin: auto;margin-bottom: 20px;text-align: center;}
  .blu-sec-5 .blu-pg-txt p {padding-bottom: 10px;}
  .blu-sec-5 .icon-5g {height: 220px;left: 12px;right: 0;top: 50px;}
  .blu-sec-5 .bg-5g {height: 700px;left: -1000px;top: -150px;}

  .blu-sec-6 {position: relative;height: 600px;}
  .blu-sec-6 .blu-pg-txt {left:0;right:0;margin: auto;text-align: center;top:430px;width: 350px;}
  .blu-sec-6 .details {text-align: center;padding: 10px;}
  .blu-sec-6 .phones {height: 380px;top: 0;}
  .blu-sec-6 .phones.middle {left: 0; right: 0; margin: auto;}
  .blu-sec-6 .phones.left {left: 0; right: 0; margin: auto;transform: translateX(-110px);}
  .blu-sec-6 .phones.right {left: 0; right: 0; margin: auto;transform: translateX(110px);}


  .blu-sec-7 {position: relative; height: 1550px;}
  .blu-sec-7 .blu-pg-txt {top: 100px;width: 300px;}
  .blu-sec-7 .blu-pg-txt img {height: 60px;padding-right: 10px;}
  .blu-sec-7 .blu-pg-sec-ttl {margin-bottom:20px;text-align: center;position: relative;}
  .blu-sec-7 .benchmark-grid {display: none;}
  .blu-sec-7 .benchmark-flex {display: flex;flex-direction: column;position: relative;top: 220px;row-gap: 30px;}
  .blu-sec-7 .top-container {display: flex;flex-direction: column;;}
  .blu-sec-7 .flex-container {display: flex;flex-direction: row;column-gap: 10px;}
  .blu-sec-7 .flex-container span {font-weight: 600;font-size: 22px;}
  .blu-sec-7 .top-container span {font-weight: 800;font-size: 28px;}
  .blu-sec-7 .n2-name {font-size: 22px;padding-top: 20px;}
  .blu-sec-7 .phone-name {padding-bottom: 8px}
  .blu-sec-7 .icon {position:relative;left: 10px;height: 40px;}
  .blu-sec-7 .top-container .icon {left: 0;height: 60px;}
  .blu-sec-7 b::after {content:"\A";}
  .blu-sec-7 .n2 {top: 0;width: 300px;margin: auto;}
  .blu-sec-7 .phones {width: 150px;padding-left: 10px;}

  .blu-sec-8 {position: relative;height: 875px;}
  .blu-sec-8 .blu-pg-txt {top: 80px;left: 0;right: 0;margin: auto;text-align: center;width: 300px;}
  .blu-sec-8 .blu-pg-sec-ttl {margin-bottom: 20px;}
  .blu-sec-8 .phones {height: 420px;}

  .blu-sec-9 {position: relative;height: 650px;}
  .blu-sec-9 .blu-pg-txt {left: 0;right: 0;margin: auto;top: 50px;text-align: center;width: 350px;}
  .blu-sec-9 .blu-pg-sec-subttl {font-size: 16px;font-weight: 800;}
  .blu-sec-9 .blu-pg-sec-omega img {position: relative;width: 310px;height: 500px;max-width: 98%;top: 80px;left: 0;right: 0;}

  .blu-sec-10 {height: 775px;}
  .blu-sec-10 .blu-pg-txt {width: 300px;}
  .blu-sec-10 .blu-pg-sec-omega .image-container {width: 310px;height: 500px;position: relative; top: 50px;}
  .blu-sec-10 .blu-pg-txt p {top: 20px;}

  .blu-sec-11 {height: 400px;margin-top: -1px;}
  .blu-sec-11 .image-container {flex-direction: column;top: 50px;row-gap: 10px;}
  .blu-sec-11 .blu-pg-sec-omega img {width: 310px;height: 200px;max-width: 95%;object-fit: cover;top: 70px;}
  .blu-sec-11 .blu-pg-txt p {top: 0;}
  .blu-sec-11 .blu-pg-txt  {width:350px;top:30px;}

  .blu-sec-12 {height: 550px;}
  .blu-sec-12 .device {display:none;}
  .blu-sec-12 .blu-pg-txt {top: 50px;width: 350px;}
  .blu-sec-12 .blu-pg-sec-omega img {width: 310px;border-radius: 10px;top: 130px;}
  .blu-sec-12 .blu-pg-txt p {top:0;}
  .blu-sec-12 .blu-pg-sec-ttl {margin: auto;}

  .blu-sec-13 {height: 500px;}
  .blu-sec-13 .blu-pg-txt {width: 300px;}
  .blu-sec-13 .blu-pg-sec-ttl {width: 300px;}

  .blu-sec-14 {height: 900px;}
  .blu-sec-14 .blu-pg-txt {width: 350px;}
  .blu-sec-14 .blu-pg-sec-ttl {width: 350px;}
  .blu-sec-14 .details-sec {grid-template-columns: 150px 150px;column-gap: 20px;row-gap: 40px;top: 120px;}
  .blu-sec-14 .details-sec p {padding-top: 15px;}
  .blu-sec-14 .details-sec img {height: 270px;width: 150px;}
  .blu-sec-14 .grid3 {grid-column: 1 / 3}
  .blu-sec-14 .grid3 img {width: 200px;height: 320px;}

  .blu-sec-15 {height: 950px;}
  .blu-sec-15 .blu-pg-txt {width: 280px;}
  .blu-sec-15 .blu-pg-sec-ttl {margin-bottom: 20px;width: 280px;}
  .blu-sec-15 .blu-pg-txt p {top: 0;}
  .blu-sec-15 #ai-device {width: 310px;height: 400px;object-fit: cover;}
  .blu-sec-15 .box {height: 189px;left: 60px;top: 213px;}
  .blu-sec-15 #ai-icons-container {width: 310px;height: auto;}
  .blu-sec-15 #ai-icons {width: 310px;height: auto;}

  .blu-sec-16 {height: 550px;}
  .blu-sec-16 .blu-pg-txt {width: 310px;height: 148px;top: 20px;}
  .blu-sec-16 .blu-pg-txt p {top: 230px;}
  .blu-sec-16 .blu-pg-sec-omega img {width: 470px;top: 152px;}
  .blu-sec-16 .no-overflow {height: 71px;}
  .blu-sec-16 #battery {font-size: 70px;}

  .blu-sec-17 .blu-pg-txt {left: 0;right:0;margin:auto;top: 0;width: 310px;}
  .blu-sec-17 .details {top: 0;}
  .blu-sec-17 img {left: -294px;}
  .blu-sec-17 video {left: 85px;}

  .blu-sec-18 {height: 850px;}
  .blu-sec-18 .blu-pg-txt {top: 100px;width: 350px;}
  .blu-sec-18 .blu-pg-sec-ttl {width: 350px;}
  .blu-sec-18 .image-container {flex-direction: column;align-items: center;row-gap: 20px;top: 130px;}
  .blu-sec-18 .flex-column {width: 310px;text-align: center;}
  .blu-sec-18 .flex-column p {font-size: 16px;}
  .blu-sec-18 .blu-pg-sec-omega img {width: 310px;}

  .blu-sec-19 .blu-pg-txt {width: 310px;top: 135px;}
  .blu-sec-19 .blu-pg-txt p {margin-top: 0;}
  .blu-sec-19 .android11 {left:-15px;height: 300px;}
  .blu-sec-19 .icons {width: 310px;}

  .device-specs {width:100%;}
  .blu-sec-specs .blu-pg-sec-omega {width:380px;}
  .device-name, .specs-links {float: none;}
  .specs-links {top:0;font-weight: bold;font-size: 18px;text-align:left;}
  .specs-links li {margin-left:0; margin-top:30px;display: block;text-align: center;}
  .specs-links a {padding:0;}
  .row {display:block;}
  .column {width:100%}
  .device-name img {height:90px;display: block;margin: auto;}
  .row {white-space: nowrap;}
 }
 
 
 @media (max-width: 797px) { 
   nav ul li:first-child img {top:-57px;width:14%;left:43%;display:block;border:1px solid black;}    
   nav ul li {display:block;}  
   .navWrapIn ul {display:none !important;}
   .mobBtnO {display:block;}
   .mobNav {display:block;background:rgba(0,0,0,0);height:1px;position:absolute;top:40px;left:-999px;z-index:999999;}   
   
  }

 
 @media (max-width: 600px) {
    nav ul li:first-child img {top:-56px;width:20%;left:40%;} 
  } 
   @media (max-width: 524px) {
   /* -------- Buy Now and Sales Guide Buttons Starts -------- */
   .btn-wrap {width:100%;padding-top:0%;margin-bottom:5%;left:0px;margin-top:0px}
   .buyNow {width: 260px;height: 30px;margin: 0 auto;position: relative;float: none;text-align: center;}
   .salesGuide {width: 240px;position: relative;margin: 0 auto;height: 49px;float: none;text-align: center;margin-top: 35px;}
   /* -------- Buy Now and Sales Guide Buttons Ends -------- */

}
   

@media (max-width: 400px) {
   .blu-sec-specs .blu-pg-sec-omega {width:96%;margin-left:2%;}
   .specsGrid {width:99%;}
   .blu-sec-specs {height: auto}

   .blu-pg-sec-omega {width:100%; margin:0 auto;position:relative;max-width: 100%;}
   p {line-height: 1.2;margin: 0px;font-weight:400}
   .blu-pg-txt {max-width:95vw;}
   .blu-pg-sec-ttl {max-width: 95vw !important;}
   /* .blu-pg-txt, .blu-pg-txt-1, .blu-pg-txt-2, .blu-pg-sec-omega img {max-width: 95% !important;} */

   .blu-sec-1 .device3 {height: 500px;}
   .blu-sec-1 #refresh-vid {height: 472px;width: 225px;top: 145px;border-radius: 17px;}
   .blu-sec-1 .m-display-specs {top: 220px;left: 20px;}
   .blu-sec-1 .device2.front {left: 100px;height: 400px;}
   .blu-sec-1 .device2.back {left: -50px;height: 400px;}

   .blu-sec-2 .blu-pg-txt {width: 293px;}

   .blu-sec-6 {height: 600px;}
   .blu-sec-6 .phones {height: 320px;top: 0;}
   .blu-sec-6 .phones.middle {left: 0; right: 0; margin: auto;}
   .blu-sec-6 .phones.left {left: 0; right: 0; margin: auto;transform: translateX(-97px);}
   .blu-sec-6 .phones.right {left: 0; right: 0; margin: auto;transform: translateX(97px);}
   .blu-sec-6 .blu-pg-txt {top: 380px;}

   .blu-sec-specs .blu-pg-sec-omega {width:95vw;}
   .row {white-space: normal;}

}

@media (max-width: 285px) {
  .blu-sec-1 #refresh-vid {top: 161px;}
}