#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#26262c;
    display:none;
    width:100% !important;
  }  
  #boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:900px;
    height:850px;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 5px;
    text-align: center;
  }
  #boxes #dialog {
    width:70%; 
    height:auto;
    padding: 10px 10px 10px 10px;
   /* background-color:#ffffff;*/
    top:0% !important;
    font-size: 15pt;
    left :15% !important;
  }
  #boxes #dialog .img-responsive
  {
      width:100% !important;
      max-width:100% !important;
  }
  
  .agree:hover{
    background-color: #D1D1D1;
  }
  .popupoption:hover{
      background-color:#D1D1D1;
      color: green;
  }
  .popupoption2:hover{
      color: red;
  }
  
  .close {
      color: #333;
      float: right;
      font-size: 35px;
      margin-left: 10px;
      font-weight: bold;
      opacity: 1 !important;
  }
  
  @media(max-width:767px)
  {
      #boxes #dialog
      {
          width:100% !important;
          left:0% !important;
          margin-left:0 !important;
      }
      
  
  }