@media (max-width:1024px) and (min-width:981px) {

    section.about-sec .about .upper-head,
    section.why-us-sec .why-us-content {
        width: 85%
    }

    section.experience-section .experience-details,
    section.experience-section-rev .experience-details {
        width: 120%
    }
}

@media (max-width:980px) {

    section.about-sec .about .upper-head,
    section.why-us-sec .why-us-content {
        width: 85%
    }

    section.experience-section .experience-details,
    section.experience-section-rev .experience-details {
        width: 130%;
        padding: 30px
    }

    section.features-sec .features .features-content {
        padding: var(--p20)
    }

    .contact-us .upper-head p {
        width: 100%
    }
}

@media (max-width:540px) {

    .d-view-text,
    .desk-sec,
    section.about-sec p.abt-txt,
    section.experience-section,
    section.experience-section-rev,
    section.features-sec {
        display: none
    }

    .m-view-text,
    .mob-sec {
        display: block
    }

    .contact-us form button.main-btn,
    section.about-sec .about .upper-head,
    section.why-us-sec .why-us-content {
        width: 100%
    }

    section.experience-section .experience-content,
    section.experience-section-rev .experience-content {
        padding: 0
    }

    section.experience-section-rev .experience-details {
        width: 100%;
        padding: 30px 25px;
        margin-left: 0
    }

    section.experience-section .experience-image,
    section.experience-section-rev .experience-image {
        width: 100%;
        height: 300px
    }

    section.experience-section {
        padding-top: 40px
    }

    section.experience-section .experience-details {
        width: 100%;
        padding: 30px 25px;
        margin-left: 0;
        margin-right: 0
    }

    section.experience-section .row {
        flex-direction: column-reverse
    }

    section.experience-section-rev .row {
        flex-direction: column
    }

    section.features-sec .col-4 {
        width: 100%;
        margin-top: 0;
        padding: 0
    }

    section.features-sec .row {
        gap: 25px 0
    }

    .contact-us .upper-head p {
        margin-bottom: 25px
    }

    .contact-us form .col-12,
    .contact-us form .col-3,
    .contact-us form .col-4,
    .contact-us form .col-6 {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .contact-us form h4 {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px
    }
}