@media (max-width: 768px) {
    
    .banner-section {
        height: auto;
    }

    .banner-spk-DU {
        padding: 100px 0 30px;
    }

    .banner-spk-DU > aside {
        flex-basis: 100%;
    }

    .banner-spk-DU > aside > p {
        width: 100%;
    }

    .form-banner-spk-DU {
        width: 100%;
    }

    .form-banner-spk-DU > form {
        flex-direction: column;
    }

    .banner-under-spk-DU > ul {
        flex-direction: column;
    }

    .benifit-spk-DU > article {
        flex-direction: column;
    }
    
    .benifit-spk-DU {
        padding: 30px 10px;
    }
    
    .about-spk-DU > article {
        flex-direction: column;
    }

    .image-about-spk-DU {
        height: 70vh;
        width: 100%;
    }

    .image-about-spk-DU > img {
        width: 100%;
        display: block;
        border-radius: 10px;
    }

    .head-services-spk-DU {
        flex-direction: column;
    }

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

    .img-why-us-spk-DU > div {
        right: -10px;
    }

    .why-us-spk-DU > article {
        gap: 30px;
    }

    .content-why-us-spk-DU {
        padding-bottom: 0;
    }

    .content-why-us-spk-DU > main {
        position: static;
        flex-direction: column;
    }

    .number-spk-DU > article {
        flex-direction: column;
        gap: 30px;
    }

    .head-number-spk-DU > span {
        flex-direction: column;
        align-items: start;
    }

    .head-number-spk-DU > div > img {
        position: static;
    }

    .content-number-spk-DU {
        flex-basis: 100%;
        justify-content: space-around;
        gap: 20px 10px;
    }

    .content-number-spk-DU > div {
        flex-basis: 45%;
        padding: 20px;
    }

    .type-spk-DU {
        padding: 30px 0;
    }

    .content-type-spk-DU {
        flex-direction: column;
    }

    .head-testimonial-spk-DU > p {
        width: 100%;
    }

    .review-testimonial-spk-DU {
        flex-direction: column;
        margin: 10px;
        gap: 30px;
    }

    .contact-spk-DU > img {
        width: 100%;
        padding: 30px 0;
    }

    .contact-spk-DU {
        position: static;
        flex-direction: column;
        height: auto;
    }

    .details-contact-spk-DU {
        position: static;
        flex-direction: column;
        margin: 10px;
        transform: translate(0, 0%);
    }

    .form-details-contact-spk-DU div {
        flex-direction: column;
    }

    .content-about-spk-DU > h2, .head-services-spk-DU > div > h2, .head-number-spk-DU > span > h2, .type-spk-DU > article > h2, .head-testimonial-spk-DU > h2 {
        font-size: 30px;
    }

}

@media (max-width: 1300px) and (min-width: 769px) {
    .banner-section {
        height: 130vh;
    }
    
    .form-banner-spk-DU {
        width: 100%;
    }
    
    .content-number-spk-DU > div {
        padding: 10px;
    }
    .content-about-spk-DU > h2, .head-services-spk-DU > div > h2, .head-number-spk-DU > span > h2, .type-spk-DU > article > h2, .head-testimonial-spk-DU > h2 {
        font-size: 30px;
    }

    
}

@media (min-width: 1650px) {
    .banner-section {
        height: 90vh;
    }
    
    .banner-spk-DU > aside > main > h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .left-content > *  {
        left: 40%;
    }
}