.overlaymodal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 999;
}
.overlaymodal:target {
  visibility: visible;
  opacity: 1;
}

.popupmodal {
  margin: 10px auto;
  padding: 20px;
  background: #fff;
  /* border-radius: 5px; */
  width: 60%;
  position: relative;
  transition: all 5s ease-in-out;
  height: 97%;
  overflow:auto;
  overflow-x: hidden;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
  -o-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .5);
}
.common_popup .height-auto{
  height: auto;
}
.popupmodal .close {
  position: fixed;
  /* top: 10px; */
  margin-top: -15px;
  right: 22%;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

@media only screen and (max-width: 767px) {
  html body .popupmodal{
    width: 90%;
  }
  html body .popupmodal .close{
    right: 7%;
  }
  #complete_community_servey .material-form .radioBtnWrapper ul li:first-child{
    width: 100%;
  }
  #complete_community_servey .material-form .radioBtnWrapper ul li{
    width:45%;
    margin-bottom: 3px;
  }
  .material-form .input-field > label{
    font-size: 13px;
  }
  .cont-detail-popup ul li{
    font-size: 13px;
  }
  .material-form .two-coulmn .input-field{
    width:100%;
    float:none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  html body .popupmodal{
    width: 80%;
  }
  html body .popupmodal .close{
    right: 12%;
  }
  
}