/* -*- coding: utf-8 -*- */

@media only screen and (min-width:601px) {

  #exit-popup .rebate-bestbuy .rebate-image {
    background: url("../images/bestbuy-card-239x152.png");
    background-image: -webkit-image-set(url("../images/bestbuy-card-239x152.webp") 1x);
    background-repeat: no-repeat;
    height: 152px;
    margin-right: 40px;
    width: 239px;
  }

  #index .hero-nancy {
    background-image: url("../images/hero-nancy.png");
    background-image: -webkit-image-set(url("../images/hero-nancy.webp") 1x);
    background-repeat: no-repeat;
    height: 525px;
    position: absolute;
    right: -120px;
    top: -25px;
    width: 605px;
    z-index: 1;
  }

  #direct .dashboard-image,
  #index .dashboard-image {
    background-image: url("../images/MyCleanID-Dashboard-900x557.png");
    background-image: -webkit-image-set(url("../images/MyCleanID-Dashboard-900x557.webp") 1x);
    background-size: 720px 446px;
    background-repeat: no-repeat;
    /* height: 446px; */
    height: 300px;
    width: 720px;
    overflow: visible;
  }

  .direct-hero .main-header {
    /* height: 600px; */
    height: 400px;
    padding-top: 60px;
    position: relative;
  }

  .direct2 .direct-hero .main-header {
    height: 316px;
    padding-top: 30px;
    position: relative;
  }

  .direct-hero .hero-direct {
    background-image: url("../images/hero-direct-912x600.png");
    background-image: -webkit-image-set(url("../images/hero-direct-912x600.webp") 1x);
    background-size: 600px 395px;
    background-repeat: no-repeat;
    /* height: 600px; */
    height: 395px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-120px, 0);
    /* width: 912px; */
    width: 600px;
    z-index: 1;
  }

  .direct2 .direct-hero .hero-direct {
    background-image: url("../images/hero-direct-912x600.png");
    background-image: -webkit-image-set(url("../images/hero-direct-912x600.webp") 1x);
    background-size: 480px 316px;
    background-repeat: no-repeat;
    height: 316px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(0, 0);
    width: 480px;
    z-index: 1;
  }

  #how-it-works .step1 .shield-image {
    left: 270px;
    position: absolute;
    top: 120px;
    z-index: 10;
  }

  #how-it-works .step1-image {
    overflow: visible;
    position: relative;
  }

  #how-it-works .step1-image-img {
    background-image: url("../images/MyCleanID414ScanResultPage-618x412.png");
    background-image: -webkit-image-set(url("../images/MyCleanID414ScanResultPage-618x412.webp") 1x);
    background-repeat: no-repeat;
    border-radius: 30px;
    border: 30px solid #333333;
    height: 412px;
    left: -228px;
    position: absolute;
    width: 618px;
  }

  #how-it-works .step2-image {
    overflow: visible;
    position: relative;
    width: 420px;
  }

  #how-it-works .step2-image-img {
    background-image: url("../images/MyCleanID-Dashboard-900x557.png");
    background-image: -webkit-image-set(url("../images/MyCleanID-Dashboard-900x557.webp") 1x);
    background-size: 720px 446px;
    background-repeat: no-repeat;
    border: 30px solid #333333;
    border-radius: 30px;
    height: 446px;
    position: absolute;
    width: 720px;
  }

}