@media screen and (min-width: 1440px) {
    section.tinh-nang.qua-tang {
        max-width: 100%;
        padding-top: 80px;
    }

    section.tinh-nang.qua-tang .container {
        background: #DCE6FF;
        padding: 68px 110px;
        padding-bottom: 20px;
    }

    section.tinh-nang.qua-tang h2 {
        margin-top: 0;
        margin-bottom: 56px;
    }
}

@media screen and (max-width: 1367px) {
    h1 {
        font-size: 36px;
        line-height: 1.2;
    }

    h2, section.tinh-nang h2, section#pricing .pricing-table .pricing-plan p.price, .global-row h2 {
        font-size: 26px;
        line-height: 1.2;
    }

    section.tinh-nang.qua-tang {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1100px) {
    section#pricing .pricing-table {
        flex-wrap: wrap;
        justify-content: center;
    }

    section#pricing .pricing-table .pricing-plan {
        max-width: 408px;
        
    }

    section#pricing .pricing-table .pricing-plan p.price {
        margin: 15px 0;
    }

    footer.footer .thong-tin {
        flex-wrap: wrap;
    }
    
}

@media screen and (max-width: 992px) {
    section.video-section ul {
        margin: 20px 0;
    }
    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 40px;
    }

    .gallery-row a {
        width: calc(100% / 2 - 32px );
    }

    .gallery-row {
        flex-wrap: wrap;
    }

    .hero-top {
        flex-wrap: wrap;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 20px;
    }

    .hero-top > div {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    section.dung-thu .section-image.item:before, section.autonuoi-benefits .benefit-item:first-child:before, section.autonuoi-benefits .benefit-item:last-child:before {
        content: none;
    }
    h1 {
        font-size: 28px;
        line-height: 1.2;
    }
    h2, section.tinh-nang h2, section#pricing .pricing-table .pricing-plan p.price, .global-row h2, section.slogan-company h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .video-container iframe {
        margin: 30px 0;
        height: 350px;
    }

    section.tinh-nang {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .global-row {
        flex-wrap: wrap;
    }

    .global-row .item {
        width: 100%;
    }

    .benefits-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    section.feedback-client {
        padding: 60px 0;
    }

    section.tinh-nang.qua-tang {
        padding-bottom: 0;
    }
    section.dung-thu {
        padding-top: 40px;
        padding-bottom: 0;
    }

    section.sang-lap h2 {
        margin-bottom: 20px;
    }

    section.slogan-company p {
        font-size: 18px;
        line-height: 1.2;
    }

    section.slogan-company {
        margin-bottom: 60px;
    }

    .gallery-row {
        gap: 16px;
    }

    .box-feedback {
        width: 100%;
        position: inherit;
        bottom: unset;
    }
    section.feedback-client {
        padding-bottom: 0;
    }

    section.video-section .title-top {
        font-size: 18px;
    }

    .mb-z-index .section-content.item {
        order: 1;
    }

    .global-row {
        gap: 20px;
    }

    form#ContactForm input {
        width: 100%;
    }

    .popup-dung-thu .content {
        padding: 20px 15px;
    }

    .popup-dung-thu h3 {
        margin-top: 45px;
        margin-bottom: 20px;
    }
    header.header .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    header.header a.btn-primary {
        padding: 10px;
        height: 45px;
    }

    .hero-top > div {
        padding: 0;
    }

    .gallery-row a {
        width: calc(100% / 2 - 8px);
    }
}