@media (max-width: 1300px) {
    .contact-header, .contact-box {
        width: 90%;

    }
}
@media (max-width: 1100px) {
    .page-header {
        font-size: 35px;
    }
}
@media (max-width: 900px) {
    .contact-options {
        font-size: 17px;
    }
    .contact-options img {
        width: 20px;
    }
}
@media (max-width: 800px) {
    .contact-options {
        gap: 1.5rem;
    }
}
@media (max-width: 780px) {
    .inputs-wrapper {
        flex-direction: column;
        gap: 1.5rem;
    }
    .inputs-wrapper .form-wrapper {
        width: 100%;
    }
}
@media (max-width: 670px) {
    .option {
        flex-direction: column;
    }
    .contact-options {
        top: -67px;
    }
    .contact-option-line {
        height: 25px;
    }
    .contact-header {
        margin-bottom: 7rem;
    }
    .option::after {
        width: 25px;
    }
}
@media (max-width: 630px) {
    .input-holder {
        flex-direction: column;
        gap: 0;
    }
    .input-holder .input-wrapper {
        width: 100%;
    }
    #btn-submit {
        width: 100%;
    }
}
@media (max-width: 570px) {
    .contact-wrapper {
        padding: 70px 20px;
    }
}
@media (max-width: 500px) {
    .header-sub-text {
        font-size: 17px;
    }
    .contact-submit-btn {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .contact-wrapper {
        padding: 70px 0px;
    }
    .contact-options {
        font-size: 15px;
    }
}
@media (max-width: 380px) {
    .contact-options {
        gap: 1rem;
    }
    #call-title-part {
        display: none;
    }
}