/* responsive for tablet */
@media only screen and  (min-height: 768px) and (max-height: 1024px) {
  .auto-shoot-window {
    width: 100%;
/*     height: 30em; */
	height: 100%;
  }

  .checkbox {
    transform: scale(0.75);
  }
}

/* responsive for mobile phone */
@media only screen and (min-height: 275px) and (max-height: 767px)  {
  .auto-shoot-window {
    width: 100%;
/*     height: 21em; */
	height: 100%;
  }

  .checkbox {
    transform: scale(0.5);
  }

  .desc {
    font-size: 1.2em;
    margin: 0.3em 0;
    transform: scale(1);
  }

  .monster {
    width: 7em;
    height: 2em;
    border-radius: 0.2em;
    padding: 0.1em, 0.2em;
    margin: 0.1em, 0.2em;
  }

  .img-holder {
    width: 1.5em;
    height: 1.5em;
  }

  .checkbox input {
    font-size: 0.5em;
    transform: scale(0.5, 0.5);
  }

  .monster-name {
    width: 4em;
    font-size: 1em;
  }

  .check-all input{
    font-size: 1em;
    margin: 0, 0.4em;
  }

}