@media screen and (max-width: 991px) {
    header {
        padding: 10px 16px;
    }

    .menu-item {
        display: none;
    }

    .menu-bar {
        display: block;
    }

    .logo img {
        width: 72px;
        height: 42px;
    }

    .logo span {
        font-size: 19px;
    }

    .hero-overlay,
    .min-vh-hero {
        min-height: 640px;
    }

    .hero-overlay {
        background: linear-gradient(90deg, rgba(36, 27, 19, 0.88) 0%, rgba(36, 27, 19, 0.68) 55%, rgba(36, 27, 19, 0.18) 100%);
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 16px;
    }

    .logo span {
        font-size: 17px;
    }

    .hero-media {
        min-height: auto;
        margin-top: -8px;
    }

    .hero-media img {
        max-height: 360px;
    }

    .hero-overlay,
    .min-vh-hero {
        min-height: 680px;
    }

    .hero-title h6 {
        font-size: 14px;
    }

    .hero-title p {
        font-size: 17px;
    }

    .hero-title ul {
        display: block;
    }

    .hero-title ul li {
        margin-bottom: 12px;
    }

    .hero-title ul li a {
        width: 100%;
    }

    .intro-area,
    .content-area,
    .quality-area,
    .about_area,
    .contact-form-area {
        padding: 60px 0;
    }

    .feature-card,
    .benefit-box,
    .profile-card,
    .content-panel,
    .spec-box,
    .contact-form-left-content,
    .contact-form-right-box {
        padding: 24px;
        border-radius: 22px;
    }

    .stat-card {
        padding: 32px;
    }

    .stat-card strong {
        font-size: 72px;
    }
}