@media (max-width: 768px) {
    article {
        width: 95%;
    }

    h2 {
        font-size: 26px;
    }

    .banner-DU {
        height: 50vh;
        background-image: url('../img/banner-mobile.png');
    }

    .banner-DU > article > h2 {
        font-size: 30px;
        line-height: 50px;
    }

    .about-us-DU > article > h2 {
        font-size: 26px;
    }

    .about-us-DU > article > p {
        width: 100%;
    }

    .our-service-DU > article {
        width: 95%;
    }

    .head-our-service-DU > p {
        width: 100%;
    }

    .body-our-service-DU > div {
        flex-basis: 100%;
    }

    .body-our-service-DU > div:nth-child(2) {
        display: none;
    }

    .our-domain-DU > article {
        flex-wrap: wrap;
    }

    .head-our-domain-DU {
        flex-basis: 100%;
    }

    .head-our-domain-DU > h2 {
        font-size: 26px;
        text-align: center;
    }

    .body-our-domain-DU {
        flex-basis: 100%;
    }

    .body-our-domain-DU > div {
        width: 30%;
    }

    .head-work-proess-DU > p {
        width: 100%;
    }

    .body-work-proess-DU > div {
        flex-basis: 50%;
        height: 400px;
    }

    .body-work-proess-DU {
        gap: 2px 0;
    }

    .body-work-proess-DU > div > h3 {
        font-size: 26px;
    }

    .why-choose-DU > article {
        flex-direction: column;
    }

    .main-content-why-choose-DU > div > h3 {
        font-size: 16px;
    }

    .empty-section-DU > article > h2 {
        font-size: 20px;
    }

    .contactForm {
        flex-wrap: wrap-reverse;
    }

    .map-content {
        flex-basis: 100%;
        padding: 50px 10px;
    }

    .form-content {
        flex-basis: 100%;
        padding: 20px;
    }

    .map-content > iframe {
        height: 60vh;
    }
}