@media(max-width: 1400px) {
     
    ul.social-media a {
         width: 50px;
        height: 50px; 
    }
    .form-style { 
        padding: 60px 80px;
    } 
    .popup {
        margin: 4.5% 22%;
    }
}
 @media(max-width: 1200px) {
    .form-style span {
        font-size: 14px;
        font-weight: bold;
        color: #7c7c7c;
    }
    .popup {
        margin: 2% 10%; 
    }
    .form-style h2 {
        font-size: 40px;
     }
 }
 @media(max-width: 992px) {
    .popup {
        margin: 4% 12%;
    } 
 } 
@media(max-width: 767px) {
    .popup {
        margin: 4% 5%;
    }
    .form-style {
        padding: 50px;
    }
    .form-style h2 {
        font-size: 30px; 
        padding-top: 4px;
    }
    .cancel i {
        width: 35px;
    height: 35px;
     }
     .cancel {
        top: 15px;
        right: 10px;
    }
    .form-style p {
        margin-bottom: 0;
    }
} 
@media(max-width: 556px) {
    .form-style {
        padding: 50px 30px;
    }
}