@media (max-width: 991px) {
    .contact-content {
        flex-direction: column;
    }
    .contact-form {
        width: 100%;
        padding: 33px;
    }
    
    .map {
        position: absolute;
        z-index: 0;
        top: 0;
        bottom: -75px;
        left: 15px;
        width: 100%;
    }
    .details {
        position: relative;
        top: 24px;
        left: 7px;
        max-width: 261px;
    }
    .details p {
        display: block;
        font-size: 10px;
       
    }
    .details h3 {
        font-size: 19px;
    }
    .fa-envelope:before {
        font-size: 14px;
    }
    .fa-location-arrow:before {
        font-size: 14px;
    }
    .fa-phone:before {
        font-size: 14px;
    }
}
@media (max-width:768px){
    .contact-form h3 {
        font-size: 24px;
    }
}
@media (max-width: 560px){
    .form-row {
        flex-direction: column;
    }
    input {
        width: 100%;
    }
    .contact-form h3 {
        font-size: 18px;
    }
}
@media (max-width: 350px){
    .details p {
        font-size: 9px;
    }
}