.hero_repeat {
  background-image: url("./images/hero_repeat_large.jpg");
  background-size: 1px 820px;
  height: 820px;
  width: 1px;
  background-repeat: repeat-x;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .hero_repeat {
    background-image: url("./images/hero_repeat_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .hero_repeat {
    background-image: url("./images/hero_repeat_medium.jpg");
    background-size: 1px 694px;
    height: 694px;
    width: 1px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .hero_repeat {
    background-image: url("./images/hero_repeat_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .hero_repeat {
    background-image: url("./images/hero_repeat_small.jpg");
    background-size: 1px 590px;
    height: 590px;
    width: 1px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .hero_repeat {
    background-image: url("./images/hero_repeat_small_2x.jpg");
  }
}
.airpods {
  background-image: url("./images/airpods_large.jpg");
  background-size: 313px 292px;
  height: 292px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .airpods {
    background-image: url("./images/airpods_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .airpods {
    background-image: url("./images/airpods_medium.jpg");
    background-size: 220px 196px;
    height: 196px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .airpods {
    background-image: url("./images/airpods_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .airpods {
    background-image: url("./images/airpods_small.jpg");
    background-size: 330px 291px;
    height: 291px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .airpods {
    background-image: url("./images/airpods_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.airpodspro {
  background-image: url("./images/airpodspro_large.jpg");
  background-size: 313px 252px;
  height: 252px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .airpodspro {
    background-image: url("./images/airpodspro_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .airpodspro {
    background-image: url("./images/airpodspro_medium.jpg");
    background-size: 220px 170px;
    height: 170px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .airpodspro {
    background-image: url("./images/airpodspro_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .airpodspro {
    background-image: url("./images/airpodspro_small.jpg");
    background-size: 330px 252px;
    height: 252px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .airpodspro {
    background-image: url("./images/airpodspro_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.apple_moon {
  background-image: url("./images/apple_moon_large.png");
  background-size: 52px 58px;
  height: 58px;
  width: 52px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .apple_moon {
    background-image: url("./images/apple_moon_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .apple_moon {
    background-image: url("./images/apple_moon_medium.png");
    background-size: 38px 43px;
    height: 43px;
    width: 38px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .apple_moon {
    background-image: url("./images/apple_moon_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .apple_moon {
    background-image: url("./images/apple_moon_small.png");
    background-size: 31px 34px;
    height: 34px;
    width: 31px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .apple_moon {
    background-image: url("./images/apple_moon_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.hero_bg {
  background-image: url("./images/hero_bg_large.jpg");
  background-size: 1440px 820px;
  height: 820px;
  width: 1440px;
  background-repeat: no-repeat;
  background-position: top center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .hero_bg {
    background-image: url("./images/hero_bg_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .hero_bg {
    background-image: url("./images/hero_bg_medium.jpg");
    background-size: 1068px 694px;
    height: 694px;
    width: 1068px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .hero_bg {
    background-image: url("./images/hero_bg_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .hero_bg {
    background-image: url("./images/hero_bg_small.jpg");
    background-size: 394px 590px;
    height: 590px;
    width: 394px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .hero_bg {
    background-image: url("./images/hero_bg_small_2x.jpg");
  }
}

.hero {
  display: block;
  margin: 0 auto;
  background-image: url("./images/hero_large.png");
  background-size: 535px 484px;
  height: 484px;
  width: 535px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .hero {
    background-image: url("./images/hero_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .hero {
    background-image: url("./images/hero_medium.png");
    background-size: 441px 399px;
    height: 399px;
    width: 441px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .hero {
    background-image: url("./images/hero_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .hero {
    background-image: url("./images/hero_small.png");
    background-size: 299px 270px;
    height: 270px;
    width: 299px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .hero {
    background-image: url("./images/hero_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.ipad {
  background-image: url("./images/ipad_large.jpg");
  background-size: 313px 223px;
  height: 223px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .ipad {
    background-image: url("./images/ipad_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .ipad {
    background-image: url("./images/ipad_medium.jpg");
    background-size: 220px 159px;
    height: 159px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .ipad {
    background-image: url("./images/ipad_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .ipad {
    background-image: url("./images/ipad_small.jpg");
    background-size: 330px 223px;
    height: 223px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .ipad {
    background-image: url("./images/ipad_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.iphone15 {
  background-image: url("./images/iphone15_large.jpg");
  background-size: 313px 252px;
  height: 252px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .iphone15 {
    background-image: url("./images/iphone15_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .iphone15 {
    background-image: url("./images/iphone15_medium.jpg");
    background-size: 220px 177px;
    height: 177px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .iphone15 {
    background-image: url("./images/iphone15_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .iphone15 {
    background-image: url("./images/iphone15_small.jpg");
    background-size: 330px 251px;
    height: 251px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .iphone15 {
    background-image: url("./images/iphone15_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.iphone15pro {
  background-image: url("./images/iphone15pro_large.jpg");
  background-size: 313px 274px;
  height: 274px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .iphone15pro {
    background-image: url("./images/iphone15pro_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .iphone15pro {
    background-image: url("./images/iphone15pro_medium.jpg");
    background-size: 220px 193px;
    height: 193px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .iphone15pro {
    background-image: url("./images/iphone15pro_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .iphone15pro {
    background-image: url("./images/iphone15pro_small.jpg");
    background-size: 330px 274px;
    height: 274px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .iphone15pro {
    background-image: url("./images/iphone15pro_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.logo_airpods {
  background-image: url("./images/logo_airpods_large.png");
  background-size: 125px 24px;
  height: 24px;
  width: 125px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_airpods {
    background-image: url("./images/logo_airpods_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_airpods {
    background-image: url("./images/logo_airpods_medium.png");
    background-size: 89px 18px;
    height: 18px;
    width: 89px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_airpods {
    background-image: url("./images/logo_airpods_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_airpods {
    background-image: url("./images/logo_airpods_small.png");
    background-size: 124px 24px;
    height: 24px;
    width: 124px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_airpods {
    background-image: url("./images/logo_airpods_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_airpodspro {
  background-image: url("./images/logo_airpodspro_large.png");
  background-size: 175px 24px;
  height: 24px;
  width: 175px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_airpodspro {
    background-image: url("./images/logo_airpodspro_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_airpodspro {
    background-image: url("./images/logo_airpodspro_medium.png");
    background-size: 125px 18px;
    height: 18px;
    width: 125px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_airpodspro {
    background-image: url("./images/logo_airpodspro_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_airpodspro {
    background-image: url("./images/logo_airpodspro_small.png");
    background-size: 174px 24px;
    height: 24px;
    width: 174px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_airpodspro {
    background-image: url("./images/logo_airpodspro_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_ipad {
  background-image: url("./images/logo_ipad_large.png");
  background-size: 82px 25px;
  height: 25px;
  width: 82px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_ipad {
    background-image: url("./images/logo_ipad_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_ipad {
    background-image: url("./images/logo_ipad_medium.png");
    background-size: 59px 18px;
    height: 18px;
    width: 59px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_ipad {
    background-image: url("./images/logo_ipad_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_ipad {
    background-image: url("./images/logo_ipad_small.png");
    background-size: 82px 25px;
    height: 25px;
    width: 82px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_ipad {
    background-image: url("./images/logo_ipad_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_iphone15 {
  background-image: url("./images/logo_iphone15_large.png");
  background-size: 147px 24px;
  height: 24px;
  width: 147px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_iphone15 {
    background-image: url("./images/logo_iphone15_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_iphone15 {
    background-image: url("./images/logo_iphone15_medium.png");
    background-size: 105px 18px;
    height: 18px;
    width: 105px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_iphone15 {
    background-image: url("./images/logo_iphone15_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_iphone15 {
    background-image: url("./images/logo_iphone15_small.png");
    background-size: 146px 24px;
    height: 24px;
    width: 146px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_iphone15 {
    background-image: url("./images/logo_iphone15_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_iphone15pro {
  background-image: url("./images/logo_iphone15pro_large.png");
  background-size: 196px 24px;
  height: 24px;
  width: 196px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_iphone15pro {
    background-image: url("./images/logo_iphone15pro_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_iphone15pro {
    background-image: url("./images/logo_iphone15pro_medium.png");
    background-size: 140px 18px;
    height: 18px;
    width: 140px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_iphone15pro {
    background-image: url("./images/logo_iphone15pro_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_iphone15pro {
    background-image: url("./images/logo_iphone15pro_small.png");
    background-size: 196px 24px;
    height: 24px;
    width: 196px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_iphone15pro {
    background-image: url("./images/logo_iphone15pro_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_pencil {
  background-image: url("./images/logo_pencil_large.png");
  background-size: 101px 24px;
  height: 24px;
  width: 101px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_pencil {
    background-image: url("./images/logo_pencil_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_pencil {
    background-image: url("./images/logo_pencil_medium.png");
    background-size: 72px 18px;
    height: 18px;
    width: 72px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_pencil {
    background-image: url("./images/logo_pencil_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_pencil {
    background-image: url("./images/logo_pencil_small.png");
    background-size: 101px 24px;
    height: 24px;
    width: 101px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_pencil {
    background-image: url("./images/logo_pencil_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_ultra {
  background-image: url("./images/logo_ultra_large.png");
  background-size: 111px 42px;
  height: 42px;
  width: 111px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_ultra {
    background-image: url("./images/logo_ultra_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_ultra {
    background-image: url("./images/logo_ultra_medium.png");
    background-size: 79px 30px;
    height: 30px;
    width: 79px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_ultra {
    background-image: url("./images/logo_ultra_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_ultra {
    background-image: url("./images/logo_ultra_small.png");
    background-size: 112px 42px;
    height: 42px;
    width: 112px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_ultra {
    background-image: url("./images/logo_ultra_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_watchs9 {
  background-image: url("./images/logo_watchs9_large.png");
  background-size: 112px 42px;
  height: 42px;
  width: 112px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_watchs9 {
    background-image: url("./images/logo_watchs9_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_watchs9 {
    background-image: url("./images/logo_watchs9_medium.png");
    background-size: 80px 31px;
    height: 31px;
    width: 80px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_watchs9 {
    background-image: url("./images/logo_watchs9_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_watchs9 {
    background-image: url("./images/logo_watchs9_small.png");
    background-size: 112px 42px;
    height: 42px;
    width: 112px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_watchs9 {
    background-image: url("./images/logo_watchs9_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.logo_watchse {
  background-image: url("./images/logo_watchse_large.png");
  background-size: 112px 42px;
  height: 42px;
  width: 112px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .logo_watchse {
    background-image: url("./images/logo_watchse_large_2x.png");
  }
}
@media only screen and (max-width: 1068px) {
  .logo_watchse {
    background-image: url("./images/logo_watchse_medium.png");
    background-size: 79px 30px;
    height: 30px;
    width: 79px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .logo_watchse {
    background-image: url("./images/logo_watchse_medium_2x.png");
  }
}
@media only screen and (max-width: 735px) {
  .logo_watchse {
    background-image: url("./images/logo_watchse_small.png");
    background-size: 114px 43px;
    height: 43px;
    width: 114px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .logo_watchse {
    background-image: url("./images/logo_watchse_small_2x.png");
  }
}

/*----------------------------------------------------------*/
.pencil {
  background-image: url("./images/pencil_large.jpg");
  background-size: 313px 310px;
  height: 310px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .pencil {
    background-image: url("./images/pencil_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .pencil {
    background-image: url("./images/pencil_medium.jpg");
    background-size: 220px 219px;
    height: 219px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .pencil {
    background-image: url("./images/pencil_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .pencil {
    background-image: url("./images/pencil_small.jpg");
    background-size: 330px 309px;
    height: 309px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .pencil {
    background-image: url("./images/pencil_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.s9 {
  background-image: url("./images/s9_large.jpg");
  background-size: 313px 261px;
  height: 261px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .s9 {
    background-image: url("./images/s9_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .s9 {
    background-image: url("./images/s9_medium.jpg");
    background-size: 220px 186px;
    height: 186px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .s9 {
    background-image: url("./images/s9_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .s9 {
    background-image: url("./images/s9_small.jpg");
    background-size: 330px 260px;
    height: 260px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .s9 {
    background-image: url("./images/s9_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.se {
  background-image: url("./images/se_large.jpg");
  background-size: 313px 262px;
  height: 262px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .se {
    background-image: url("./images/se_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .se {
    background-image: url("./images/se_medium.jpg");
    background-size: 220px 185px;
    height: 185px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .se {
    background-image: url("./images/se_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .se {
    background-image: url("./images/se_small.jpg");
    background-size: 330px 261px;
    height: 261px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .se {
    background-image: url("./images/se_small_2x.jpg");
  }
}

/*----------------------------------------------------------*/
.ultra {
  background-image: url("./images/ultra_large.jpg");
  background-size: 313px 260px;
  height: 260px;
  width: 313px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi) {
  .ultra {
    background-image: url("./images/ultra_large_2x.jpg");
  }
}
@media only screen and (max-width: 1068px) {
  .ultra {
    background-image: url("./images/ultra_medium.jpg");
    background-size: 220px 187px;
    height: 187px;
    width: 220px;
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .ultra {
    background-image: url("./images/ultra_medium_2x.jpg");
  }
}
@media only screen and (max-width: 735px) {
  .ultra {
    background-image: url("./images/ultra_small.jpg");
    background-size: 330px 263px;
    height: 263px;
    width: 330px;
  }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 735px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 735px) and (min-resolution: 144dpi) {
  .ultra {
    background-image: url("./images/ultra_small_2x.jpg");
  }
}

.logo-container {
  height: 50px !important;
  margin-top: 0;
  padding: 0 !important;
  margin: 35px 0 0 0 !important;
}

.channel-html .channel-custom-font-Flex-HL {
  border: 3px solid #fff;

  padding: 0 !important;
  margin: 0 !important;
}

@media only screen and (max-width: 1068px) {
  .logo-container {
    height: 45px !important;
  }

  .channel-html .channel-custom-font-Flex-HL {
    border: 3px solid #fff;

    padding: 0 !important;
    margin: 0 !important;
    height: 220px;
  }
}

.channel-html .c2A55B5 {
  display: none;
}

.channel-html .n6AFFE3 {
  margin-top: 1em;
}

@media only screen and (max-width: 734px) {
  .channel-html .bBF3FB1 {
    padding-bottom: 10px;
  }

  .channel-html .section .section-content {
    width: 332px;
  }
  .channel-html .channel-custom-font-Flex-HL {
    height: unset;
  }
  .channel-html .s0F4AD0 {
    min-height: 0;
  }
  .channel-html .iFE745F .bentobox-item {
    overflow: unset;
  }

  @media only screen and (max-width: 734px) {
    .channel-html .iFE745F {
      display: flex;
      flex-direction: column;
      width: 100%;
    }
  }
  .channel-html .yDFCF36 {
    margin-left: 0;
  }
}

.channel-html {
  padding-bottom: 10em;
}

.channel-html * {
  overflow: hidden;
}

.partner_message {
  font-size: 20px;
}

.section.theme-light.bC2B2AF.prod-first-row {
  margin-top: 45px;
}

@media only screen and (max-width: 1068px) {
  .partner_message {
    font-size: 16px;
  }

  .section.theme-light.bC2B2AF.prod-first-row {
    margin-top: 33px;
  }
  .logo-container {
    margin-top: 23px !important;
  }
}

@media only screen and (max-width: 734px) {
  .partner_message {
    font-size: 17px;
  }

  .logo-container {
    margin-top: 33px !important;
  }
}

.prod-logo {
  min-height: 45px;
  background-repeat: no-repeat;
}

.channel-html .pEDFB1F,
.channel-html .gAD00DB,
.channel-html .fFE0149 {
  margin-top: 37px;
  margin-bottom: 0px;
}

.channel-html .theme-light a.buy_now {
  color: rgb(29, 29, 31);
  border: solid 1px rgb(29, 29, 31);
  margin: 1em auto 40px 0;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0em;
  min-width: 28px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 980px;
  text-decoration: none;
}

@media only screen and (min-width: 1068px) {
  /*.channel-html .prod-first-row .channel-custom-font-Flex-HL {
    height: 274px;
  }

  .channel-html .prod-second-row .channel-custom-font-Flex-HL {
    height: 262px;
  }

  .channel-html .prod-third-row .channel-custom-font-Flex-HL {
    height: 310px;
  }*/

  .channel-html .channel-custom-font-Flex-HL {
    height: 310px;
  }
}

@media only screen and (max-width: 1068px) and (min-width: 734px) {
  .channel-html .theme-light a.buy_now {
    margin: 1em auto 23px 0;
  }
  /*  .channel-html .prod-first-row .channel-custom-font-Flex-HL {
    height: 193px;
  }

  .channel-html .prod-second-row .channel-custom-font-Flex-HL {
    height: 187px;
  }

  .channel-html .prod-third-row .channel-custom-font-Flex-HL {
    height: 220px;
  }*/

  .channel-html .channel-custom-font-Flex-HL {
    height: 220px;
  }
  .prod-screen {
    min-width: 220px;
  }
}

@media only screen and (max-width: 734px) {
  .channel-html .theme-light a.buy_now {
    margin: 1em auto 43px 0;
  }
  .section.theme-light.bC2B2AF.prod-first-row {
    margin-top: 32px;
  }

  .channel-html .channel-custom-font-Flex-HL {
    height: 309px;
  }

  .prod-screen {
    min-width: 330px;
  }
  .channel-html .j6AA791 {
    margin-top: -12px;
  }
}

.channel-html .z0365B4 {
  margin-bottom: 12px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .channel-html .z0365B4 {
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 734px) {
  .channel-html .z0365B4 {
    margin-bottom: 12px;
  }
}

.channel-html .channel-custom-font-Flex-HL {
  display: flex;
  justify-content: center;
  align-items: center;
}