@media screen and (max-width: 830px) {
    .call-parent .email-us a{
        font-size: 3.2vw;
    }
    .nav-links, nav > .btn{
        display: none;
    }
    .menu-icon{
        display: block;
    }
    header {
        margin-top: 4vw;
        padding-bottom: 5.5vw;
    }

    .headline {
        padding: 15vw 0;
        font-size: 4.5vw;
    }

    .main-image-parent {
        height: 90vw;
    }

    .metadata-parent {
        width: 90%;
        padding: 6vw;
    }

    .metadata-parent .first {
        border-radius: 20px;
    }

    .metadata-parent .second,
    .third,
    .fourth {
        border-radius: 20px;
    }

    .arrow img {
        width: 10px;
    }

    .firstpara-services {
        font-size: 4.5vw;
    }

    .services-parent {
        flex-direction: column;
        gap: 3vw;
        margin-top: 12vw;
    }

    .service span ,#socialMedia{
        font-size: 6vw;
    }

    .service {
        gap: 4.5vw;
        padding: 6.5vw;
    }

    .service p {
        font-size: 4.3vw;
    }

    #portfolio {
        margin-top: 15vw;
        width: 90%;
    }

    .portfolio-parent {
        margin-top: 9vw;
    }

    .port {
        height: 50vw;
    }

    #testimonial {
        margin-top: 15vw;
        gap: 3vw;
    }

    .clients-parent {
        margin-top: 6vw;
        flex-direction: column;
    }

    #testimonial .client:not(.blue-cl) {
        padding: 5vw;
    }

    .client .cl-img {
        width: 6vw;
        height: 6vw;
    }

    .blue-cl {
        padding: 5vw;
    }

    .consultation {
        margin-top: 15vw;
    }

    .consultation h1 {
        font-size: 7vw;
    }

    .btn {
        padding: 3vw 7vw;
        font-size: 2.2vw;
        margin-top: 5vw;
    }

    footer {
        margin-top: 15vw;
        flex-direction: column;
        align-items: center;
    }

    .footer-child1,
    .footer-child3,
    .footer-child4 {
        gap: 9vw;
    }

    .footer-child2,
    .footer-child3,
    .footer-child4 {
        margin-top: 9vw;
    }


    .footer-child3 ul,
    .footer-child4 ul {
        margin-top: 6vw;
        gap: 5vw;
    }

    .footer-child2 ul {
        margin-top: 11vw;
    }

    .faq-section {
        width: 90%;
    }

    .faq-section h1 {
        margin-bottom: 8vw;

    }

    .digital-strategy p,
    .brand-marketing p {
        font-size: 3vw;
    }

    .call-us {
        width: 25vw;
    }
    .call-us a {
        font-size: 2.2vw;
    }
    .contact-email a {
        font-size: 2.5vw;
    }
}