* {font-family: 'Poppins', sans-serif;}
.blu-sec-omega {width: 100%;height: 100%;overflow: hidden;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius: 50px;}
.blu-sec-omega:hover img {transform: scale(1.1);}
.blu-sec-omega p {margin: 0;}
section {margin: auto;width: 100%;height:100%;overflow: hidden;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius: 50px;}
section p {position: absolute;color: white; font-size: 42px;font-weight: 600;}
.blu-sec-omega a img {width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
#main-grid {display: grid;max-width: 1400px;padding: 0 40px;margin:auto;margin-top:60px;column-gap: 40px;row-gap: 40px;grid-auto-rows: 400px;grid-template-columns: 1fr 1fr;justify-content: center;
  grid-template-areas:
  "slider slider"
  "slider slider"
  "devices amazon"
  "devices bestbuy"
  "accessories accessories"
  "why about"
  "minority minority";}
.m-break, .m-m-break {display: none;}
.nobreak {white-space: nowrap;}

.slider {grid-area: slider;background:#f5f5f5;overflow:hidden;position: relative;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius: 50px;-webkit-mask-image: -webkit-radial-gradient(white, black);}
.slider, .slides, .slides li {height: 840px;}
.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;}
.flex-control-nav {width: 100%;position: absolute;bottom: 30px;text-align: center;left: 0;right: 0;padding: 0;}
.flex-control-nav li {margin: 0 8px;display: inline-block;zoom: 1;}
.flex-control-paging li a {width: 15px;height: 15px;display: block;background: #666;background: rgba(0, 0, 0, 0.5);cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgb(0 0 0 / 30%);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 100%;}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0, 0, 0, 0.9);cursor: default;}
a.flex-prev {position:absolute;left:64px;top: -435px;z-index:9999999999;display:block;background:url('images/gallery/arrow-left.png') center center no-repeat;}
a.flex-next {position:absolute;right:64px;top:-435px;background:url('images/gallery/arrow-right.png') center center no-repeat;}
a.flex-prev, a.flex-next {background-size: contain;width:30px;height:64px;}
.slides li {width:100%;position: relative;}
.slides li img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

.slider .flex-buttons {display: flex;position: absolute;align-items: center;column-gap: 30px;font-size: 18px;font-weight: 600;}
.slider .learn-more:hover {text-decoration: underline;}
.slider .buy-now {padding: 4px 20px;border-radius: 20px;border-width: 2px;border-style: solid;}
.slider .logo {position: absolute;width: auto;object-fit: contain;}



.slider .n3 .buy-now {border-color: #252b2e;}
.slider .n3 .buy-now:hover {background-color: #252b2e;color: #96a9b3;}

.slider .n3 .flex-buttons a {color: #252b2e;}
.slider .n3 .flex-buttons {top: 500px;left: 220px;}
.slider .n3 .logo {top: 340px;left: 185px;height: auto;}

.slider .first .buy-now {border-color: white;}
.slider .first .buy-now:hover {background-color: white;color: #053c6d;}
.slider .first .flex-buttons {top: 230px;left: 220px;}
.slider .first .flex-buttons a {color: white;}
.slider .first .logo {top: 132px;left: 185px;height: auto;}
.slider .second .buy-now {border-color: #1a3339;}
.slider .second .buy-now:hover {background-color: #1a3339;color:#e2cca3;}
.slider .second .flex-buttons {top: 472px;left: 786px;}
.slider .second .flex-buttons a {color: #1a3339;}
.slider .second .logo {height: 120px;top: 332px;left: 775px;}
.slider .third .buy-now {border-color: #fff;}
.slider .third .buy-now:hover {background-color: #fff;color: #397fce;}
.slider .third .flex-buttons {justify-content: center;left: 711px;right: 0;top: 535px;}
.slider .third .flex-buttons a {color: white; white-space: nowrap;}
.slider .third .logo {top: 304px;left: 750px;right: 0;margin: auto;height: 220px;}
.slider .fourth .flex-buttons {top: 472px;left: 910px;}
.slider .fourth .buy-now {border-color: white;color: white;}
.slider .fourth .buy-now:hover {background: white;color: #071522;}
.slider .fourth .learn-more {color: white;}
.slider .fourth .logo {height: 127px;left: 811px;top: 332px;}
.slider .fifth .flex-buttons {left: 887px;top: 301px;}
.slider .fifth .buy-now {border-color: white;color: white;}
.slider .fifth .buy-now:hover {background-color: white;color: #9cb5fb;}
.slider .fifth .learn-more {color: white;}
.slider .fifth .logo {height: 136px;left: 786px;top: 156px;}


.sec-devices {grid-area: devices;position: relative;height: 100%;align-self: center;}
.sec-devices .blu-sec-omega:hover img {transform: scale(1.07);}
.sec-devices p {text-align: center;top: 20px;right: 0;left: 0;}

.sec-acc {grid-area: accessories;position: relative;}
.sec-acc p {top: 160px;left: 0;right: 0;text-align: center;}

.sec-amazon {grid-area: amazon;position: relative;}
.sec-amazon .amazon-logo {position: absolute;width: 120px;height: auto;bottom: 22px;left: 32px;object-fit: contain;}
.sec-amazon .blu-sec-omega:hover .amazon-logo {transform: unset;}

.sec-bb {grid-area: bestbuy;position: relative;}
.sec-bb .bb-logo {position: absolute;width: auto;height: 85px;bottom: 22px;left: 50px;object-fit: contain;}
.sec-bb .blu-sec-omega:hover .bb-logo {transform: unset;}
.sec-amazon p, .sec-bb p {top: 20px;left: 0;right:0;text-align: center;}

.sec-why {grid-area: why;position: relative;align-self: end;margin:0px 0px 0px 0px}
.sec-why .f91-phones {height: 300px;position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}

.sec-about {grid-area: about;position: relative;}
.sec-about p, .sec-why p {top: 170px;left: 0;right: 0;text-align: center;}

.sec-minority {grid-area: minority;position: relative;text-align: center;}
.sec-minority img {height: 100%;width:100%;object-fit: cover;position: absolute;left: 0;right: 0;margin: auto;}
.sec-minority h2 {position: relative;font-size: 42px;text-align: center;color: white;margin:0;line-height: 1.1em;}
.sec-minority p {position:relative;font-size: 28px;font-weight: 500;text-align: center;color: white;}
.sec-minority .learn-more {position: relative;text-align: center;font-size: 18px;background-color: white;color: #d62c8d;padding: 16px 28px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius: 50px;font-weight: 600;margin: 0 auto;width: 150px;}
.sec-minority .learn-more:hover {text-decoration: underline;}
.sec-minority .minority-flex {display: flex;flex-direction: column;justify-content: center;height: 100%;row-gap: 20px;}

.sec-certifications {grid-area: certifications;position: relative;display: flex;flex-direction: row;justify-content: center;height: 125px;margin-top: 50px;}
.sec-certifications img {height: 100%;width: 200px;object-fit: contain;}

/* --- QUERIES --- */

/* @media screen and (min-width: 1900px) {
  main {width: 1800px;row-gap: 50px;column-gap: 50px;grid-auto-rows: 450px;}

  .slider, .slides, .slides li {height: 950px;}
  a.flex-prev, a.flex-next {top: -500px;}
  
  .slider .second .flex-buttons {top: 513px;left: 983px;}
  .slider .third .flex-buttons {top: 252px;}
  .slider .fourth .flex-buttons {top: 287px;left: 344px;}
  .slider .fifth .flex-buttons {top: 504px;left: 1020px;}


  .sec-devices p, .sec-amazon p, .sec-bb p {top: 30px;}
  .sec-acc p, .sec-about p,  .sec-why p {top: 185px;}
  .sec-minority h2 {margin-top: 150px;}
} */

@media screen and (max-width: 1400px) {
  #main-grid {grid-auto-rows: 300px;row-gap: 30px;column-gap: 30px;max-width: 980px;padding: 0 20px;}
  section, .slider, .blu-sec-omega {-webkit-border-radius:30px;-moz-border-radius:30px;border-radius: 30px;}
  section p {font-size: 32px;}

  .flex-control-nav {bottom: 15px;}
  .slider, .slides, .slides li {height: 630px;}
  a.flex-prev {top: -325px;left: 50px;width: 24px;}
  a.flex-next {top: -325px;right: 50px;width: 24px;}
  /* .slides li img {-webkit-border-radius:30px;-moz-border-radius:30px;border-radius: 30px;} */
  .slider .flex-buttons {font-size: 16px;column-gap: 20px;}
  .slider .buy-now {padding: 2px 16px;}



  .slider .n3 .flex-buttons {top: 400px;left: 140px;}
  .slider .n3 .logo {top: 0;left: 110px;}
  .slider .first .flex-buttons {top: 190px;left: 140px;}
  .slider .first .logo {top: 105px;left: 118px;height: 55px;}
  .slider .second .flex-buttons {top: 362px;left: 532px;}
  .slider .second .logo {height: 105px;top: 243px;left: 520px;}
  .slider .third .flex-buttons {top: 404px;left: 560px;}
  .slider .third .logo {top: 243px;left: 551px;height: 154px;}
  .slider .fourth .flex-buttons {top: 343px;left: 614px;}
  .slider .fourth .logo {height: 98px;left: 549px;top: 236px;}
  .slider .fifth .flex-buttons {top: 231px;left: 620px;}
  .slider .fifth .logo {height: 100px;left: 558px;top: 125px;}

  .sec-devices img {object-position: center center;}
  .sec-amazon .amazon-logo {position: absolute;width: 100px;height: auto;bottom: 15px;left: 24px;object-fit: contain;}
  .sec-amazon p, .sec-bb p, .sec-devices p {top: 16px;}
  .sec-acc p, .sec-about p, .sec-why p {top: 128px;}
  .sec-minority h2 {font-size: 36px;}
  .sec-minority p {font-size: 22px;}
  .sec-minority .learn-more {font-size: 14px;padding: 14px 16px;}
  .sec-about .blu-sec-omega a img {object-position: -7px center;}
}

	

@media screen and (max-width: 980px) {
  #main-grid {width: 90vw;max-width: 750px;grid-auto-rows: 250px;row-gap: 15px;column-gap: 15px;margin-bottom: 100px;padding: 0;
    grid-template-areas:
    "slider slider"
    "slider slider"
    "slider slider"
    "devices devices"
    "amazon bestbuy"
    "accessories accessories"
    "why about"
    "minority minority";
  }
  .m-break {display: inline;}
  section, .slider, .blu-sec-omega {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius: 20px;}
  section p {font-size: 24px;line-height: 1.2em;}

  .slider, .slides, .slides li {height: 780px;}
  .slider .logo {left: 0;margin: auto;right: 0;}
  .custom-navigation > a {width: 40px;height: 40px;background-size: contain;}
  a.flex-next {right: 10px;top: -415px;}
  a.flex-prev {left: 10px;top: -415px;}
  .flex-control-nav {bottom: 15px;}
  .slider .flex-buttons {justify-content: center;right: 0;}

  
  .slider .n3 .flex-buttons {top: 200px;left: 30px; font-size: 0.95em;}
  .slider .n3 .logo {top: 88px;left: 30px;}
  
.slider .n3 .buy-now {border-color: white;}
.slider .n3 .buy-now:hover {background-color: white;color:#252b2e;}

.slider .n3 .flex-buttons a {color: white;}
  .slider .first .flex-buttons {left: 0;top: 150px;}
  .slider .first .logo {left: 0;top: 65px;}
  .slider .second .flex-buttons {top: 170px;left: 0;}
  .slider .second .logo {left: 0;top: 50px;height: 97px;}
  .slider .third .flex-buttons {top: 212px;left: 5px;}
  .slider .third .logo {top: 52px;left: -3px;height: 154px;}
  .slider .fourth .flex-buttons {top: 168px;left: 0;}
  .slider .fourth .logo {left: 0;top: 73px;height: 83px;}
  .slider .fifth .flex-buttons {top: 160px;left: 0;}
  .slider .fifth .logo {left: 0;height: 85px;top: 55px;}

  .sec-about .blu-sec-omega a img {object-position: unset;}

  .blu-sec-omega p {left: 0;right: 0;top: 110px;text-align: center;}
  .sec-devices a img {object-fit: cover;background-color: #b3a8ed;}
  .sec-devices p, .sec-amazon p, .sec-bb p {top: 15px;}
  .sec-amazon .amazon-logo {display: none;}

  .sec-minority {height: 300px;}
  .sec-minority .blu-sec-omega {width: 100%;margin: auto;}
  .sec-minority h2 {font-size: 24px;padding: 0 15px;white-space: nowrap;}
  .sec-minority p {font-size: 16px;padding: 0 15px;top:unset;}
  .sec-minority .learn-more {padding: 16px 0px;font-size: 14px;}
  .sec-minority .content {align-content: center;}
}

/* @media screen and (max-width: 750px) {
  main {width: 100vw;}
  section, .slider, .blu-sec-omega, .slides li img {-webkit-border-radius:0;-moz-border-radius:0;border-radius: 0;}
  .sec-amazon, .sec-why {-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius: 0 20px 20px 0;}
  .sec-bb, .sec-about {-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;}
} */

@media screen and (max-width: 500px) {
  #main-grid {margin-top: 45px;width: 95vw;}
  .sec-minority h2 {white-space:unset;}
  .m-m-break {display: inline;}
  .sec-devices a img {    object-position: center 100%; }
  a.flex-prev, a.flex-next {display: none;}
}

@media screen and (max-width: 400px) {
  #main-grid {grid-auto-rows: 200px;row-gap: 10px;column-gap: 10px;margin-bottom: 150px;width: 95vw;}
  .slider, .slides, .slides li {height: 620px;}
  .custom-navigation > a {width: 30px;height: 30px;background-size: contain;}
  a.flex-next {right: 5px;top: -315px;}
  a.flex-prev {left: 5px;top: -315px;}
  .flex-control-nav {bottom: 10px;}
  section p {font-size: 20px;}

  .blu-sec-omega p {top: 91px;}
  .sec-devices p, .sec-amazon p, .sec-bb p {top: 10px;}

  .slider .flex-buttons {font-size: 14px;}
  .slider .second .flex-buttons {top: 134px;}
  .slider .second .logo {left: 0;top: 40px;height: 80px;}
  .slider .third .flex-buttons {top: 161px;}
  .slider .third .logo {left: 0;top: 36px;height: 117px;}
  .slider .fourth .flex-buttons {top: 142px;}
  .slider .fourth .logo {left: 0;top: 64px;height: 63px;}
  .slider .fifth .flex-buttons {top: 126px;}
  .slider .fifth .logo {left: 0;top: 46px;height: 70px;}

  .sec-minority h2 {font-size: 26px;}
  .sec-minority p {font-size: 16px;top: unset;}
  .sec-certifications {height: auto;flex-direction: column;align-items: center;row-gap: 30px;}
  .sec-certifications img {height: 100px;width: 150px;}

  .slider .n3 .logo {top: 38px;left: -4px;}
  .slider .n3 .flex-buttons {top: 153px;left: -3px;}
}

@media screen and (max-width: 295px) {
  .sec-devices a img {object-position: center bottom;}
  /* .sec-certifications img {height: 75px;} */
}