
  




/**
 * Inside hero styling.
 */

.hero {
  background: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}

.hero::before {
  content: "";
  display: block;
  padding-top: 60%;
}

.hero .cta-banner {
  bottom: -2.9rem;
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

@media only screen and (min-width: 374px) and (max-width: 749px) {
  .hero .cta-banner {
    bottom: -2rem !important;
    margin-bottom: 1rem;
  }

  .hero {
    margin: 0 0 2.8rem;
  }
}

@media only screen and (max-width: 374px) {
  .hero .cta-banner a {
    display: block;
  }

  .hero {
    margin: 0 0 4.4rem;
  }
}

.students .hero {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
}

.corporate .hero {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
}

.retail .hero {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
}

.aha .aha-corporate-1 {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}
/**
* Continuation in ahasectiontiles
*/
/**
* Continuation in ahasectiontiles2
*/

.aha .aha-students-1 {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
  background-position: 50% 99%;
  background-size: cover;
  background-repeat: no-repeat;
}
/**
* Continuation in ahasectiontiles
*/
/**
* Continuation in ahasectiontiles2
*/

@media only screen and (min-width: 480px) {
  /* front hero phone  */ 
  /* Phone starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
    padding-bottom: 80%;
    padding-top: 1rem;
  }
  
/**
* Continuation in ahasectiontiles2
*/
  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
    padding-top: 1rem;
    padding-bottom: 70%;
  }
  
/**
* Continuation in ahasectiontiles2
*/
  
  /* Hero Phone ends here */
}

@media only screen and (min-width: 750px) {
  .hero {
    margin: -5rem auto 3.375rem;
  }

  .front .hero {
    margin: -6rem auto 3.375rem;
  }

  .students .hero {
    margin: auto auto 3.375rem;
  }

  .corporate .hero {
    margin: -3rem auto 3.375rem;
  }

  .retail .hero {
    margin: auto auto 3.375rem;
  }

  .hero::before {
    padding-top: 50.3%;
  }

  .hero .cta-banner {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: white;
  }

  .not-front .hero .cta-banner a {
    color: inherit;
  }

/* front hero portrait */
/* Hero Potraits css starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }

  .front .hero .cta-banner {
    background: rgba(255, 255, 255, 0.35);
    color: black;
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
    padding-bottom: 70%;
  }
  
/**
* Continuation in ahasectiontiles2
*/  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
    padding-bottom: 80%;
  }
  
/**
* Continuation in ahasectiontiles2
*/

  /* Portraits hero ends here */
}

@media only screen and (min-width: 1024px) {
 /* front hero landscape */
 /* Hero Landscape starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
    padding-bottom: 62%;
  }

/**
* Continuation in ahasectiontiles2
*/

  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }

/**
* Continuation in ahasectiontiles2
*/

  /* Hero Landscape ends here */
}

@media only screen and (min-width: 1200px) {
  /* front hero desktop */
  /* Hero desktop starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
    padding-bottom: 50%;
  }
/**
* Continuation in ahasectiontiles
*/  
/**
* Continuation in ahasectiontiles2
*/
  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
    padding-bottom: 50%;
  }

/**
* Continuation in ahasectiontiles2
*/  

  /* Hero desktop ends here */
  
}

@media only screen and (min-width: 1650px) {
 
 /* front hero desktop 2x */
 /* Hero desktop2x starts here */ 
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
   
/**
* Continuation in ahasectiontiles2
*/ 
  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

/**
* Continuation in ahasectiontiles2
*/

  /* Hero desktop2x ends here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  /* front hero default 2x */
  /* Hero default2x starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
    padding-bottom: 105%;
    padding-top: 1rem;
  }
  
/**
* Continuation in ahasectiontiles2
*/ 
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
    padding-bottom: 80%;
    padding-top: 1rem;
  }

/**
* Continuation in ahasectiontiles2
*/

  /* Hero default2x ends here */ 
}

/* iphone 6+ & 6*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),
  screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .aha .aha-corporate-1 {
    padding-bottom: 85%;
  }
}

/* Landscape */
@media only screen and (max-width: 660px) and (orientation: landscape),
screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 3),
screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .aha .aha-corporate-1 {
    padding-bottom: 80%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  /* front hero phone 2x */
  
  /* Hero phone2x starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }
  
/**
* Continuation in ahasectiontiles2
*/  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
    padding-top: 1rem;
    padding-bottom: 70%;
  }
/**
* Continuation in ahasectiontiles2
*/
  
  /* Hero phone2x ends here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  
  /* front hero portrait 2x */
  /* Hero portrait2x starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
    padding-bottom: 65%;
  }
  
  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
    padding-bottom: 75%;
  }

  /*  Hero Portrait2x ends here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
 /* front hero landscape 2x */
 
 /* Hero Landscape2x Starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }

  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
    padding-bottom: 60%;
  }
  
  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
    padding-bottom: 70%;
  }

  /* Hero Landscape2x ends here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  /* front hero desktop 2x */
  /* Hero desktop2x starts here */
  .front .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .students .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .corporate .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }

  .retail .hero {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
  
  .aha .aha-corporate-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
    padding-bottom: 50%;
  }
  
  

  
  .aha .aha-students-1 {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
    padding-bottom: 50%;
  }
  

  /* Hero desktop2xUrl ends here */
}
/**
 * Japan retail hero background image.
 */

.hero-jp {
  background: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}
.retail .hero-jp {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
}

@media only screen and (min-width: 480px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }
}

@media only screen and (min-width: 750px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }
}

@media only screen and (min-width: 1024px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }
}

@media only screen and (min-width: 1200px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }
}

@media only screen and (min-width: 1650px) {
	.retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  .retail .hero-jp {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
}

/**
 * China and Hong Kong (zh and en) retail hero background image.
 */

.hero-cn {
  background: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 0 3.8125rem;
  position: relative;
  width: 100%;
  max-width: 1440px;
}

.retail .hero-cn {
  background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default.jpg);
}

@media only screen and (min-width: 480px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone.jpg);
  }
}

@media only screen and (min-width: 750px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait.jpg);
  }
}

@media only screen and (min-width: 1024px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape.jpg);
  }
}

@media only screen and (min-width: 1200px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop.jpg);
  }
}

@media only screen and (min-width: 1650px) {
	.retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/default@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 480px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 480px),
  only screen and (min-resolution: 192dpi) and (min-width: 480px),
  only screen and (min-resolution: 2dppx) and (min-width: 480px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/phone@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 750px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 750px),
  only screen and (min-resolution: 192dpi) and (min-width: 750px),
  only screen and (min-resolution: 2dppx) and (min-width: 750px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/portrait@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px),
  only screen and (min-resolution: 192dpi) and (min-width: 1024px),
  only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/landscape@2x.jpg);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1200px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px),
  only screen and (min-resolution: 192dpi) and (min-width: 1200px),
  only screen and (min-resolution: 2dppx) and (min-width: 1200px) {
  .retail .hero-cn {
    background-image: url(https://www.apple.com/jobs/images/backgrounds/hero/retail/desktop@2x.jpg);
  }
}
