#mask {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #ffffff;
  display: none;
}

#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  width: 90%;
  height: auto;
  display: none;
  z-index: 9999;
  /* padding:20px; */
  border-radius: 5px;
  text-align: center;
}

#boxes #dialog {
  width: 85%;
  max-width: 700px;
  height: auto;
  /* padding: 10px 10px 10px 10px; */
  /* background-color:#ffffff; */
  font-size: 15pt;
}

.agree:hover {
  background-color: #D1D1D1;
}

.popupoption:hover {
  background-color: #D1D1D1;
  color: green;
}

.popupoption2:hover {
  color: red;
}

.popbanner-img {
  width: auto;
  /* height: 80vh; */
  max-width: 400px;
  /* max-height: 600px; */
  /* max-height: 850px; */
}

.close {
  float: none;
}

@media only screen and (min-width: 1200px) {
  .popbanner-img {
    width: 100%;
    max-width: 550px;
    height: auto;
  }
}

@media only screen and (max-width: 500px) {
  .popbanner-img {
    max-width: 350px;
    height: auto;
  }
  #boxes .window {
    top: 50px !important;
  }
}

.san-scroll {
  /* overflow-y: scroll; */
}