#modaly-overlay {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #000;
  box-sizing: border-box;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; z-index:1;
}

.modaly {
  -moz-box-sizing: border-box;
  -moz-transform: translate(-50%, -50%);
  -ms-box-sizing: border-box;
  -ms-transform: translate(-50%, -50%);
  -o-box-sizing: border-box;
  -o-transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: none;
  left: 50%;
  position:fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  z-index: 2;
}
.inq-pop-up{
}
	
.modaly .inq-con {
  background-color: #fff;
  color: #111;
  overflow: auto;
  padding: 0px 0px;
}

.modaly-close {
    background: none;
    border: none;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 20);
    font-size: 21px;
    /* font-weight: bold; */
    /* opacity: .4; */
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    right: -10px;
    top: -10px;
}

.modaly-close:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
  /*opacity: .8;*/ background:#e64747; color:#fff;
}

.modaly .inq-cont {
  background-color: #e2e2e2;
  border-bottom: 1px solid #ccc;
  height: auto;
  padding: 10px 18px 7px
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
.modaly {
  width: 90%; position:absolute; top: 10%; vertical-align:top;
}
}