.popup_content {
  margin: 10px;
  padding: 0 10px;
  max-width: 60%;
  width:100%;
  background: white;
}
#pop-up{
    padding:20px;
    border-radius:10px;
}
#pop-up h4{
    color:green;
    
}
#pop-up label{
    padding-left: 80px;
    width:35%;
    margin-bottom: 20px;
}
#pop-up label:nth-child(5){
    vertical-align: bottom;
}
#pop-up .form{
    width: 60%;
    display:inline-block;
}
#pop-up input[type=submit]{
    border-radius: 15px;
    margin-left: 35%;
    margin-top: 2%;
}

/* Ipad View */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px)  { 
    #pop-up h4{ font-size: 20px; }
    #pop-up label{ padding-left: 25px; }
    
}

/* mobile view */

@media screen and (max-width: 760px){
    #pop-up h4{ font-size: 20px; line-height: 30px; }
    #pop-up label{ padding:0; margin:0; width: 53%; }
    #pop-up .form{ width: 100%;display:block; margin-bottom: 14px; }
    #pop-up label:nth-child(7){ padding-left:30%; margin-bottom:15px; }
    .popup_content{ max-width: 90%;}
}