body{ overflow-x: hidden;}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:999999;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:99999999;
  padding:20px;
  border-radius: 3px;
  text-align: center;
}
#boxes #dialog {
  width:50%; 
  height:auto;
  padding:5px;
  background-color:#f7f7f7;
}

.new-agrement-pop .modal-close{margin:30px 0 0 0;}
.new-agrement-pop #boxes #dialog {
    bottom: 0px!important;
    width: 100%;
    height: auto;
    border-radius: 0px;
    padding: 12px 25px 0;
    background-color: #f7f7f7;
    left: 0px!important;
    top: auto!important;
}
.new-agrement-pop .modal-title {
    border-bottom: 0px;
    background-color: transparent;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.new-agrement-pop .modal-bodys p {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
} 
#mask {
    background-color: transparent!important;
}
 .modal-title {
  line-height: 1.6em;
  border-bottom: 1px solid #e5e5e5;
 background-color: #f96942;
  color:#fff;
  font-size: 22px;font-family: candara; text-align: left; padding:0 10px;
}
.modal-bodys p{font-size:16px; line-height: 25px; padding-bottom: 8px;font-family: candara; text-align: left;padding:0 10px;}

.modal-close {
    font-weight: 700;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    background: #fa4616;
    width: 123px;
    /* height: 45px; */
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
    margin-bottom: 10px;
    font-family: candara;
}

.modal-close:hover {
  background:#000;
  opacity: 1;
  filter: alpha(opacity=100)
}

@media only screen and (max-width: 700px) {
#boxes #dialog { width: 92%; top: 22px!important;}
.modal-bodys p{font-size:12px; line-height: 20px; padding:0 3px;} 
.modal-title { line-height: 1em;  color: #fff;  font-size: 15px;  padding: 5px 10px;}
.boxinner-l img {width:100%;}
  }