#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  width:100%;
  height:100%;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:500px;
  height:500px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
    top: 20%;
    left: calc(50% - 250px);
    padding: 10px;
    background-color: #ffffff;
    font-size: 15pt;
}
.maintext{
	text-align: center;

  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	
	font-size: 12pt;
  text-align: left;
}



#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
}

#boxes #dialog {
    width: 500px;
    height: 100%;
    max-height: 565px;
    padding: 10px;
    background-color: #ffffff;
  
    font-size: 15pt;
}



.row {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}
    .row .col-6 {
        width:50%;
     
    }
    .row .col-12 {
        margin-top:15px;
       line-height:32px;
       font-size:15px;
    }
        .popupimg {
            max-width: 100%;
            max-height: 70px;
            float: left;
        }

#popupfoot .ss-btn {
    margin-top:0;
}

@media (max-width:575px) {
    #boxes #dialog {
        width: 300px;
       
       
        left:calc(50% - 160px);
    }
    .row .col-12 {
        margin-top: 15px;
        line-height: 28px;
        font-size: 13px;
    }
}