/* 案例/新闻轮播：隐藏 prev/next 文字导航 */
.blog-area .blog-slide .owl-nav,
.blog-area .blog-slide .owl-prev,
.blog-area .blog-slide .owl-next {
    display: none !important;
}

/* 电脑版：内容区居中，避免轮播/模块撑满整屏 */
@media (min-width: 992px) {
    .container {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }

    .mobile-logo-area,
    .mobile-menu-area {
        display: none !important;
    }

    .blog-area .blog-slide.owl-carousel {
        width: 100%;
    }

    .blog-area .blog-slide .single-blog {
        width: 100%;
        max-width: 100%;
    }

    .testimonial-area {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 主题 2 手机/平板自适应：覆盖 responsive.css 固定宽度与负偏移 */

@media (max-width: 991px) {
    html,
    body {
        overflow-x: hidden;
        max-width: 100%;
    }

    .container,
    .container-fluid {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    /* 横幅 */
    .hero-section {
        height: auto !important;
        min-height: 480px;
        padding: 96px 0 48px !important;
        overflow: hidden;
    }

    .hero-section .container,
    .hero-section .row {
        max-width: 100%;
    }

    .hero-section-left {
        margin: 0 !important;
        padding: 0;
    }

    .hero-main-title h1,
    .hero-main-title h2 {
        font-size: clamp(26px, 7vw, 44px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.5px;
        margin-top: 16px !important;
    }

    .hero-title-thumb {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        left: auto !important;
        margin: 12px auto 0;
        text-align: center;
        max-width: 100%;
    }

    .hero-title-thumb img {
        width: 100% !important;
        max-width: 280px;
        height: auto;
    }

    .hero-description p {
        font-size: 15px !important;
        padding: 12px 0 20px !important;
        word-break: break-word;
    }

    .hero-button {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .hero-button a,
    a.hero-button-02 {
        display: inline-flex !important;
        align-items: center;
        font-size: 14px;
        padding: 12px 18px !important;
    }

    .hero-shape-thumb,
    .hero-thumb2,
    .hero-img-animation {
        display: none !important;
    }

    /* 简介 */
    .about-us-area {
        padding: 48px 0 40px !important;
        overflow: hidden;
    }

    .about-us-area .row {
        margin-left: 0;
        margin-right: 0;
    }

    .about-left,
    .about-right {
        position: relative;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
    }

    .about-thumb {
        left: 0 !important;
        top: 0 !important;
        padding-bottom: 24px;
    }

    .about-thumb img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .about-arrow-thumb,
    .about-shape-thumb1,
    .about-shape-thumb2,
    .about-img-animation,
    .about-img-animation1 {
        display: none !important;
    }

    .about-description,
    .about-description p {
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .about-description img {
        max-width: 100%;
        height: auto;
    }

    .about-right {
        margin-top: 24px;
    }

    .section-main-title h2,
    .section-main-title h1 {
        font-size: 24px;
        line-height: 1.35;
    }

    .section-sub-title h5 {
        margin-left: 28px;
    }

    .section-title.t-center .section-description p {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 服务 */
    .service-area {
        padding: 48px 0 24px !important;
        overflow: hidden;
    }

    .service-inner {
        margin-bottom: 24px;
    }

    /* 合作伙伴 */
    .brand-area {
        padding: 48px 0 !important;
        overflow: hidden;
    }

    .brand-area .single-brand,
    .brand-area .brand-thumb {
        text-align: center;
    }

    .brand-area .brand-thumb img {
        max-width: 140px;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    /* 评价：覆盖 responsive.css 的 700/580/300px 固定宽 */
    .testimonial-area {
        width: 100% !important;
        max-width: 100% !important;
        padding: 48px 0 32px !important;
    }

    .testimonial-area .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .testimonial-area .single-testimonial-thumb {
        min-height: 260px;
    }

    .testimonial-area .single-testimonial-thumb > img {
        min-height: 260px;
    }

    .testimonial-area .testi-inner p {
        width: 100% !important;
        margin: 12px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .testimonial-area .testimonial-shape-thumb {
        left: calc(50% + 20px);
        top: 4px;
    }

    .testimonial-area .testimonial-thumb:before {
        display: none;
    }

    .testimonial-area h5.designation {
        display: block !important;
    }

    .testimonial-area .owl-prev,
    .testimonial-area .owl-next {
        position: static !important;
    }

    .testimonial-area .owl-prev i,
    .testimonial-area .owl-next i {
        display: inline-block !important;
    }

    /* 团队 / 博客 / 页脚 */
    .team-area,
    .blog-area,
    .counter-area,
    .faq-area,
    .footer-area {
        overflow: hidden;
    }

    .footer-widget-wrap .row > [class*="col-"] {
        margin-bottom: 24px;
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }
}

@media (max-width: 575px) {
    .hero-section {
        min-height: 420px;
        padding-top: 84px !important;
    }

    .about-us-area {
        padding: 40px 0 32px !important;
    }

    .section-main-title h2,
    .section-main-title h1 {
        font-size: 22px;
    }

    .section-sub-title h5 {
        font-size: 14px;
    }

    .zomia-button a {
        display: inline-flex;
        align-items: center;
        font-size: 15px;
        padding: 10px 18px;
    }

    .testimonial-area .single-testimonial-thumb {
        min-height: 240px;
    }

    .testimonial-area .single-testimonial-thumb > img {
        min-height: 240px;
    }

    .testimonial-area .testi-inner p {
        font-size: 13px !important;
    }
}
