#ksi-popup-window{
  position:fixed;
  display:block;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  max-width:960px;
  width:calc(100% - 30px);
  height:calc(100vh - 150px);
  background:#fff;
  border-radius:8px;
  z-index:9999;
  box-sizing:border-box;
}

#ksi-popup-window-bg{
  contant:' ';
  position:fixed;
  display:block;
  z-index:9990;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  bottom:0px;
  right:0px;
  box-sizing:border-box;
  background:#00000099;

}

#ksi-popup-title{
  position: absolute;
  top:16px;
  right:16px;
  left:16px;
  padding-right:60px;
  overflow:hidden;
  font-size:20px;
  font-family:Arial,Tahoma;
  font-weight:bold;
  color:#444;
  border-bottom:solid 6px #f5f5f5;
  padding:12px 0px;
}

#ksi-popup-btn-close{
  position: absolute;
  top: 23px;
  right: 22px;
  display: block;
  font-size: 20px;
  cursor: pointer;
  color: #333;
  transition: all 0.3s ease;
  font-weight:bold;
  font-family:verdana;
}

#ksi-popup-btn-close:hover{
  color:#888;
}

#ksi-popup-content{
  position: absolute;
  display:block;
  top:72px;
  bottom:16px;
  width:100%;
  overflow:auto;
}

.ksi-iframe{
  width:100%;
  height:calc(100% - 10px);
  border:0px;
  box-sizing:border-box;
}

@media all and ( max-width: 480px ){
#ksi-popup-window{  
  width:calc(100%);
  height:calc(100%);
  background:#fff;
  border-radius:0px;
  z-index:9999;
  box-sizing:border-box;
  padding-botom:150px;
}

}