#list-builder {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    filter: alpha(opacity=80);
	  opacity: 0.8;
    display: none;
    z-index: 10;

}

#popup-box {
    position: fixed;
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%);
    background-color:#dfe0e2;
    color: #464E73;
    height: 400px;
    width: 400px;
    max-width: 600px;
    padding: 30px;
    border: 3px solid #464E73;
    display: none;
    z-index: 1000;
    
}

#popup-close {
    position: fixed;
    top: -25px;
    right: -25px;
    cursor: pointer;
    width: 40px;
}

#popup-box h2 {
    background-color:#dfe0e2;
    margin: 0;
    
}

#popup-box form {
    margin-bottom: 0px;
    
}

#popup-box input {
          width: 100%;
          border: 0px solid rgba(0, 0, 0, .15);
          border-radius: 25px;
          background: white;
          outline:none;
          min-width: 250px;
          padding: 10px;
          height: 50px;
}

#popup-box button {
    width: 60%;
          border: transparent;
          border-radius: 25px;
          background:rgb(255, 196, 0);
          color:#464E73;
          font-weight: bold;
          transition-duration: 0.4s;
          padding: 10px 20px;
          display: block;
          font-size: 16px;
          margin: 10px 2px;
          cursor: pointer;
}

.form1 ::placeholder {
    color: #C3C6CF;
  }


#popup-close {
        top: 0;
        right: 0;
        font-size: 30px;
}

.first-s {
    /*flex: 50%;*/
    display: flex;
    flex-direction: row;
    background-color: white;
    border-radius: 30px;
    margin-bottom:15px;
    margin-top:15px;
  }


.first-1{
    flex:30%;
  }

  .first-2{
    flex:70%;
  }

  .form1 select, #Salutation{
    
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background: #fff url(../images/dropdown.png);
    background-repeat: no-repeat;
    background-position: 60px 12px;
    padding: 10px;
    /* border: 1px solid rgba(0, 0, 0, .15) !important;*/
    border-radius: 30px;
    height: 50px;

   
  }

  @media only screen and (min-width: 280px) and (max-width: 411px) {
    #popup-box {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color:#dfe0e2;
      color: #464E73;
      height: 300px;
      width: 300px;
      max-width: 600px;
      padding: 30px;
      border: 3px solid #464E73;
      display: none;
      z-index: 1000;
      
    }
    #popup-box input {
      width: 100%;
      border: 0px solid rgba(0, 0, 0, .15);
      border-radius: 25px;
      background: white;
      outline:none;
      min-width: 100px;
      padding: 5px;
      height: 25px;
    }
    #popup-box h2 {
      background-color:#dfe0e2;
      margin: 0;
      font-size: 20px;
      
    }
    #popup-box button {
      width: 60%;
            border: transparent;
            border-radius: 25px;
            background:rgb(255, 196, 0);
            color:#464E73;
            font-weight: bold;
            transition-duration: 0.4s;
            padding: 5px 20px;
            display: block;
            font-size: 16px;
            margin: 10px 2px;
            cursor: pointer;
            font-size: 12px;
    }
    
    .form1 ::placeholder {
        color: #C3C6CF;
        font-size: 12px;
      }
      .first-s {
        /*flex: 50%;*/
        display: flex;
        flex-direction: row;
        background-color: white;
        border-radius: 25px;
        margin-bottom:10px;
        margin-top:10px;
      }
    
    
    .first-1{
        flex:30%;
      }
    
      .first-2{
        flex:70%;
      }
      .form1 select, #Salutation{
    
        -webkit-appearance: none;
        -moz-appearance: none;
        
        background: #fff url(../images/dropdown.png);
        background-repeat: no-repeat;
        background-position: 45px 0px;
        padding: 5px;
        /* border: 1px solid rgba(0, 0, 0, .15) !important;*/
        border-radius: 25px;
        height: 25px;
        font-size: 12px;
       
      }
  }


  @media only screen and (min-width: 360px)  {
    #popup-box {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color:#dfe0e2;
      color: #464E73;
      height: 300px;
      width: 300px;
      max-width: 600px;
      padding: 30px;
      border: 3px solid #464E73;
      display: none;
      z-index: 1000;
      
    }
  }


  @media only screen and (min-width: 414px)  {
    #popup-box {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color:#dfe0e2;
      color: #464E73;
      height: 400px;
      width: 400px;
      max-width: 600px;
      padding: 30px;
      border: 3px solid #464E73;
      display: none;
      z-index: 1000;
      
    }
  }
     @media only screen and (min-width: 769px)  {
      #popup-box {
        position: fixed;
        left: 50%;
        top: 20%;
        transform: translate(-50%, -50%);
        background-color:#dfe0e2;
        color: #464E73;
        height: 500px;
        width: 510px;
        max-width: 600px;
        padding: 30px;
        border: 3px solid #464E73;
        display: none;
        z-index: 1000;
        
      }
        
      
      
       }

       @media only screen and (min-width: 992px)  {
        #popup-box {
          position: fixed;
          left: 50%;
          top: 30%;
          transform: translate(-50%, -50%);
          background-color:#dfe0e2;
          color: #464E73;
          height: 450px;
          width: 470px;
          max-width: 600px;
          padding: 30px;
          border: 3px solid #464E73;
          display: none;
          z-index: 1000;
          
        }
    
       }

       @media only screen and (min-width: 1200px) {
        #popup-box {
          position: fixed;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background-color:#dfe0e2;
          color: #464E73;
          height: 400px;
          width: 400px;
          max-width: 600px;
          padding: 30px;
          border: 3px solid #464E73;
          display: none;
          z-index: 1000;
          
      }
      
       }