#ditto {
  width: 660px;
  height: 500px;
  margin: auto;
  border: none;
  margin-bottom: 18px;
  margin-top: 30px;
}

.ditto-overlay-viewer {
  display: none;
}

@media (max-width: 640px) {
  #ditto {
    margin: auto;
    border: none;
    margin-bottom: 18px;
    margin-top: 30px;
  }
}

@media (max-width: 685px) {
  #ditto {
    width: 100%;
    height: 500px;
  }
}

@media (max-width: 410px) {
  #ditto {
    width: 100%;
    height: 425px;
  }
}
/* Ditto 4.1.0 */
/* This is your container for the Ditto.Scan iframe */
#scan {
  height: 600px;
}

/* This is your container for the Ditto.Overlay iframe */
#overlay {
  /* Size of the viewer can be changed. */
  overflow: hidden;
  /*width: 640px;*/
  height: 480px;
}

/* Rules for mobile devices except tablets. */
@media only screen and (max-width: 600px) {
  /* Make the Try On take the full screen on mobile. */
  #scan {
    width: 100%;
    height: auto;
  }
}

/* Rules for iPhone-like devices in landscape mode. */
@media only screen and (orientation: landscape) and (max-width: 600px) {
  #scan {
    height: 280px;
  }

    #scan iframe {
      margin-top: -7%;
      height: 480px;
    }
}