.modal-wrapper{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    background: rgba(8, 8, 8, 0.75);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
  }
  
  .modal-wrapper.open{
    opacity:1;
    visibility:visible;
  }
  
  .modalnew{
    max-width: 600px;
	width:100%;
    max-height: 500px;
    overflow: scroll;
    display: block;
    margin-top: -300px;
    margin-left: -300px;
    position: relative;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  
  .modal-wrapper.open .modal{
    margin-top:-200px;
    opacity:1;
  }
  
 
  
  .btn-close{
    width:32px;
    height:32px;
    display:block;
    float:right;
  }
  
  .btn-close::before, .btn-close::after{
    content:'';
    width:32px;
    height:6px;
    display:block;
    background:#000;
  }
  
  .btn-close::before{
    margin-top:12px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  
  .btn-close::after{
    margin-top:-6px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
  
  
  @media only screen and (max-width:640px) { 
  ul.popupFlds {
  
    margin-bottom: 30px;
}
  .modalnew{
    max-width: 100%;
	width:90%;
    max-height: 500px;
    overflow: scroll;
    display: block;
    margin-top: 20px;
    margin-left: 0px;
    position: relative;
    top: 5%;
    left:50%;
	margin-left: -45%;
    
  }}