/*
媒体查询：针对屏幕宽度最大为767px的设备（通常是移动设备）
*/
@media only screen and (max-width: 767px) {
    /* 上下内边距各50px */
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* 上内边距50px */
    .pt-100 {
        padding-top: 50px;
    }

    /* 下内边距50px */
    .pb-100 {
        padding-bottom: 50px;
    }

    /* 下内边距20px */
    .pb-70 {
        padding-bottom: 20px;
    }

    /* 段落字体大小15px */
    p {
        font-size: 15px;
    }

    /* 顶部头部左侧内容居中对齐，底部外边距10px */
    .top-header .header-left-content {
        text-align: center;
        margin-bottom: 10px;
    }

    /* 顶部头部左侧联系信息右外边距5px */
    .top-header .header-left-content .contact-info {
        margin-right: 5px;
    }

    /* 顶部头部右侧内容居中对齐 */
    .top-header .header-right-content {
        text-align: center;
    }

    /* 顶部头部右侧“我的账户”列表项右外边距5px */
    .top-header .header-right-content .my-account li {
        margin-right: 5px;
    }

    /* 顶部头部右侧语言选择无右外边距 */
    .top-header .header-right-content .language {
        margin-right: 0;
    }

    /* 主页轮播区域的每个项目项上下内边距50px */
    .hero-slider-area .hero-slider-item {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* 主页轮播区域导航按钮的样式调整 */
    .hero-slider-area .owl-theme .owl-nav {
        bottom: 15px; /* 距底部15px */
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        left: 15px; /* 左侧15px */
        right: 15px; /* 右侧15px */
    }

    /* 主页轮播导航按钮的宽高和行高 */
    .hero-slider-area .owl-theme .owl-nav .owl-prev,
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        left: 0; /* 左对齐 */
    }

    /* 主页轮播“下一页”按钮右对齐 */
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        left: auto; /* 取消左对齐 */
        right: 0; /* 右对齐 */
    }

    /* 主页轮播内容居中对齐，左外边距为0 */
    .hero-slider-content {
        text-align: center;
        margin-left: 0;
    }

    /* 主页轮播标题字体大小35px */
    .hero-slider-content h1 {
        font-size: 35px;
    }

    /* 主页轮播段落居中对齐，下外边距30px */
    .hero-slider-content p {
        margin: 0 auto 30px;
    }

    /* 区域标题上下外边距30px和-1px */
    .section-title {
        margin-bottom: 30px;
        margin-top: -1px;
    }

    /* 区域标题h2字体大小25px */
    .section-title h2 {
        font-size: 25px;
    }

    /* 单个专业领域内容居中对齐 */
    .single-expertise {
        text-align: center;
    }

    /* 专业标题h3字体大小18px */
    .single-expertise .expertise-title h3,
    .single-expertise .expertise-content h3 {
        font-size: 18px;
    }

    /* 关于我们图片1宽度100% */
    .about-img-content .about-img-1 img {
        width: 100%;
    }

    /* 关于我们图片2上下外边距30px */
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /* 关于我们图片2图片宽度100% */
    .about-img-content .about-img-1 .about-img-2 img {
        width: 100%;
    }

    /* 关于我们标题背景白色 */
    .about-img-content h3 {
        background-color: #fff;
    }

    /* 关于我们内容居中对齐，左外边距0 */
    .about-content {
        text-align: center;
        margin-left: 0;
    }

    /* 关于我们标题h2字体大小25px */
    .about-content h2 {
        font-size: 25px;
    }

    /* 关于我们子标题h4字体大小18px */
    .about-content h4 {
        font-size: 18px;
    }

    /* 关于我们列表下外边距15px */
    .about-content ul.mb-20 {
        margin-bottom: 15px;
    }

    /* 关于我们列表项左内边距0 */
    .about-content ul li {
        padding-left: 0;
    }

    /* 关于我们列表项前的伪元素不显示 */
    .about-content ul li::before {
        display: none;
    }

    /* 为什么选择我们内容居中对齐 */
    .why-choose-us-content {
        text-align: center;
    }

    /* 为什么选择我们标题h2字体大小25px，底部外边距30px */
    .why-choose-us-content h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    /* 为什么选择我们列表项左内边距0 */
    .why-choose-us-content ul li {
        padding-left: 0;
    }

    /* 为什么选择我们列表项中的span样式 */
    .why-choose-us-content ul li span {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }

    /* 为什么选择我们列表项中span的伪元素右位置为0 */
    .why-choose-us-content ul li span::before {
        right: 0;
    }

    /* 为什么选择我们图片上下外边距30px */
    .why-choose-us-img {
        margin-top: 30px;
        margin-bottom: 0;
    }

    /* 主页轮播导航点的样式调整 */
    .why-choose-us-img img {
        width: 100%;
    }

    /* 我们提供的区域下外边距50px */
    .what-we-offer-area {
        padding-bottom: 50px;
    }

    /* 我们提供的区域内轮播导航按钮样式调整 */
    .what-we-offer-area .owl-theme .owl-nav {
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        position: unset; /* 取消定位 */
    }

    /* 我们提供的区域内轮播导航按钮宽高和行高 */
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        position: unset; /* 取消定位 */
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        margin: 0 5px; /* 左右外边距5px */
    }

    /* 服务页面样式的我们提供的区域上下内边距 */
    .what-we-offer-area.services-page-style {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    /* 单个我们提供的项目内容居中对齐，并设置内边距 */
    .single-what-we-offer {
        text-align: center;
    }

    .single-what-we-offer .what-we-offer-content {
        padding: 10px;
        padding-top: 20px;
    }

    /* 我们提供的项目标题h3字体大小18px，下外边距10px */
    .single-what-we-offer .what-we-offer-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /* 我们提供的项目段落下外边距10px */
    .single-what-we-offer .what-we-offer-content p {
        margin-bottom: 10px;
    }

    /* 预约区域左列无左内边距15px */
    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px;
    }

    /* 预约图片高度600px */
    .appointment-img {
        height: 600px;
    }

    /* 预约操作区域居中对齐，自动左右外边距，上内边距30px */
    .appointment-action {
        margin-left: auto;
        text-align: center;
        margin-right: auto;
        padding-top: 30px;
    }

    /* 预约操作区域标题h2字体大小25px */
    .appointment-action h2 {
        font-size: 25px;
    }

    /* 预约操作区域表单组下外边距20px */
    .appointment-action .form-group {
        margin-bottom: 20px;
    }

    /* 客户故事区域标题颜色为白色 */
    .customer-story-area .section-title span,
    .customer-story-area .section-title h2,
    .customer-story-area .section-title p {
        color: #fff;
    }

    /* 客户故事区域伪元素不显示 */
    .customer-story-area::before {
        display: none;
    }

    /* 客户故事区域内轮播导航按钮样式调整 */
    .customer-story-area .owl-theme .owl-nav {
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        position: unset; /* 取消定位 */
        margin-top: 30px;
    }

    /* 客户故事区域内轮播导航按钮宽高和行高 */
    .customer-story-area .owl-theme .owl-nav .owl-prev,
    .customer-story-area .owl-theme .owl-nav .owl-next {
        position: unset; /* 取消定位 */
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        margin: 0 5px; /* 左右外边距5px */
    }

    /* 单个客户故事内容居中对齐 */
    .customer-story-area .single-customer-story {
        text-align: center;
    }

    /* 客户故事区域单个客户故事标题h2字体大小20px，下外边距15px */
    .customer-story-area .single-customer-story h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    /* 团队区域下外边距50px */
    .team-area {
        padding-bottom: 50px;
    }

    /* 团队区域标题居中对齐，自动左右外边距 */
    .team-area .section-title {
        margin-left: auto;
        text-align: center;
    }

    /* 团队区域内轮播导航按钮样式调整 */
    .team-area .owl-theme .owl-nav {
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        margin-top: 0;
        position: unset; /* 取消定位 */
    }

    /* 团队区域内轮播导航按钮宽高和行高 */
    .team-area .owl-theme .owl-nav .owl-prev,
    .team-area .owl-theme .owl-nav .owl-next {
        position: unset; /* 取消定位 */
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        margin: 0 5px; /* 左右外边距5px */
    }

    /* 团队页面样式的团队区域下外边距20px */
    .team-area.team-page-style {
        padding-bottom: 20px;
    }

    /* 评价内容区域内边距30px */
    .testimonials-content {
        padding: 30px;
    }

    /* 单个评价的图标样式 */
    .testimonials-content .single-testimonials i {
        font-size: 55px; /* 图标字体大小55px */
        margin-bottom: 10px; /* 下外边距10px */
        margin-top: -8px; /* 上外边距-8px */
    }

    /* 单个评价的段落下外边距20px */
    .testimonials-content .single-testimonials p {
        margin-bottom: 20px;
    }

    /* 单个评价作者名称h3下外边距0 */
    .testimonials-content .single-testimonials .writer-name h3 {
        margin-bottom: 0;
    }

    /* 评价区域容器标题h4字体大小25px，字母间距10px，居中对齐 */
    .testimonials-area .container h4 {
        font-size: 25px;
        letter-spacing: 10px;
        position: unset;
        margin-top: 30px;
        text-align: center;
    }

    /* 健康生活图片下外边距30px */
    .healthy-life-img {
        margin-bottom: 30px;
    }

    /* 健康生活内容居中对齐，左外边距0 */
    .healthy-life-content {
        text-align: center;
        margin-left: 0;
    }

    /* 健康生活标题h2字体大小25px */
    .healthy-life-content h2 {
        font-size: 25px;
    }

    /* 健康生活列表项左内边距0，伪元素不显示 */
    .healthy-life-content ul li {
        padding-left: 0;
    }

    .healthy-life-content ul li::before {
        display: none;
    }

    /* 我们的新闻区域下外边距50px */
    .our-news-area {
        padding-bottom: 50px;
    }

    /* 我们的新闻区域内轮播导航按钮样式调整 */
    .our-news-area .owl-theme .owl-nav {
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        margin-top: 0;
        position: unset; /* 取消定位 */
    }

    /* 我们的新闻区域内轮播导航按钮宽高和行高 */
    .our-news-area .owl-theme .owl-nav .owl-prev,
    .our-news-area .owl-theme .owl-nav .owl-next {
        position: unset; /* 取消定位 */
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        margin: 0 5px; /* 左右外边距5px */
    }

    /* 单个新闻内容内边距10px，上内边距20px */
    .single-news .news-content {
        padding: 10px;
        padding-top: 20px;
    }

    /* 单个新闻内容列表项右内边距5px，字体大小14px */
    .single-news .news-content ul li {
        margin-right: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

    /* 单个新闻内容标题h3字体大小18px */
    .single-news .news-content h3 {
        font-size: 18px;
    }

    /* 单个页脚小部件打开/关闭列表项字体大小15px */
    .single-footer-widget .open-close li {
        font-size: 15px;
    }

    /* 单个页脚小部件标题h3字体大小20px */
    .single-footer-widget h3 {
        font-size: 20px;
    }

    /* 单个页脚小部件地址列表项字体大小15px */
    .single-footer-widget .address li,
    .single-footer-widget .import-link li {
        font-size: 15px;
    }

    /* 主页轮播区域两种样式的内容内边距调整 */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-content {
        padding: 15px;
    }

    .hero-slider-area.hero-slider-area-style-two .hero-slider-content h1 {
        font-size: 30px;
    }

    /* 主页轮播区域两种样式的项目项背景适应 */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-item {
        background-size: cover;
    }

    /* 主页轮播社交图标位置取消 */
    .hero-slider-area .social-icon {
        position: unset;
        text-align: center;
    }

    /* 主页轮播社交图标列表项居中显示，左右外边距5px */
    .hero-slider-area .social-icon li {
        display: inline-block;
        margin: 0 5px;
    }

    /* 主页轮播导航点样式调整 */
    .hero-slider-area .owl-dots {
        position: unset;
        margin: auto;
        display: block;
        text-align: center;
        margin-top: 30px !important;
        margin-bottom: 50px;
    }

    /* 主页轮播导航点的间距调整 */
    .hero-slider-area .owl-dots .owl-dot span {
        margin: 0 5px;
    }

    /* 关于我们区域两种样式的标题h3居中对齐 */
    .about-us-area.about-us-area-style-two h3 {
        right: 0;
        left: 0;
        margin: auto;
        text-align: center;
    }

    /* 关于我们区域两种样式的图片2相对定位 */
    .about-us-area.about-us-area-style-two .about-img-2 {
        position: relative;
    }

    /* 关于我们区域两种样式的图片2伪元素样式 */
    .about-us-area.about-us-area-style-two .about-img-2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.5); /* 半透明白色背景 */
    }

    /* 我们提供的区域两种样式的上内边距50px */
    .what-we-offer-area.what-we-offer-area-style-two {
        padding-top: 50px;
    }

    /* 我们提供的区域两种样式的标题居中对齐 */
    .what-we-offer-area.what-we-offer-area-style-two .section-title {
        text-align: center;
    }

    /* 我们提供的区域两种样式的单个提供项居中对齐 */
    .what-we-offer-area.what-we-offer-area-style-two .single-what-we-offer {
        text-align: center;
    }

    /* 健康生活区域两种样式的下外边距50px */
    .healthy-life-area.healthy-life-area-style-two {
        padding-bottom: 50px;
    }

    /* 健康生活区域两种样式的容器最大宽度720px */
    .healthy-life-area.healthy-life-area-style-two .container-fluid {
        max-width: 720px;
    }

    /* 健康生活区域两种样式的列右内边距15px */
    .healthy-life-area.healthy-life-area-style-two .col-lg-6.pr-0 {
        padding-right: 15px;
    }

    /* 健康生活区域两种样式的内容内边距调整 */
    .healthy-life-area.healthy-life-area-style-two .healthy-life-content {
        padding-right: 0;
    }


    /* 购物车区域隐藏溢出内容 */
    .shopping-cart-area {
        overflow: hidden;
    }

    /* 购物车区域表格内容居中对齐 */
    .shopping-cart-area .cart-table {
        text-align: center;
    }

    /* 购物车区域表格表头单元格字体大小16px */
    .shopping-cart-area .cart-table table thead tr th {
        font-size: 16px;
    }

    /* 购物车区域表格表体单元格链接字体大小14px */
    .shopping-cart-area .cart-table table tbody tr td a {
        font-size: 14px;
    }

    /* 购物车区域表格表头单元格不换行 */
    .shopping-cart-area .cart-table table thead tr th {
        white-space: nowrap;
    }

    /* 购物车区域表格表体单元格不换行，内边距15px */
    .shopping-cart-area .cart-table table tbody tr td {
        white-space: nowrap;
        padding: 15px;
    }

    /* 购物车区域优惠券表单按钮位置调整 */
    .shopping-cart-area .coupon-cart .form-group .default-btn {
        position: unset;
        top: 0;
        right: 0;
        height: 50px;
        margin-top: 30px;
    }

    /* 购物车区域总计内容内边距20px，右外边距自动 */
    .shopping-cart-area .cart-totals {
        padding: 20px;
        margin-right: auto;
    }

    /* 购物车区域默认按钮显示为块级元素 */
    .shopping-cart-area .default-btn {
        display: block;
    }

    /* 购物车区域更新购物车按钮宽度100% */
    .shopping-cart-area .default-btn.update-cart {
        width: 100%;
    }

    /* 结账区域账单详情下外边距30px */
    .checkout-area .billing-details {
        margin-bottom: 30px;
    }

    /* 结账区域账单详情标题h3字体大小22px */
    .checkout-area .billing-details h3 {
        font-size: 22px;
    }

    /* 结账区域总计内容内边距20px */
    .checkout-area .cart-totals {
        padding: 20px;
    }

    /* 结账区域FAQ手风琴模块表单按钮下外边距0 */
    .checkout-area .faq-accordion .default-btn {
        margin-bottom: 0;
    }

    /* 结账区域FAQ手风琴模块内边距20px */
    .checkout-area .faq-accordion {
        padding: 20px;
    }

    /* 即将上线内容最大宽度100% */
    .coming-soon-content {
        max-width: 100%;
    }

    /* 即将上线内容标题h1字体大小40px，行高1.1 */
    .coming-soon-content h1 {
        font-size: 40px;
        line-height: 1.1;
    }

    /* 即将上线内容段落字体大小13px，上外边距15px */
    .coming-soon-content p {
        font-size: 13px;
        margin-top: 15px;
    }

    /* 即将上线内容计时器上外边距35px */
    .coming-soon-content #timer {
        margin-top: 35px;
    }

    /* 即将上线内容计时器内部div样式 */
    .coming-soon-content #timer div {
        font-size: 38px;
        width: auto;
        height: auto;
        padding-top: 0;
        background-color: transparent;
        margin-left: 9px;
        margin-right: 9px;
    }

    /* 即将上线内容计时器内部span字体大小13px，上外边距-5px */
    .coming-soon-content #timer div span {
        font-size: 13px;
        margin-top: -5px;
    }

    /* 即将上线内容计时器内部div伪元素不显示 */
    .coming-soon-content #timer div::before,
    .coming-soon-content #timer div::after {
        display: none;
    }

    /* 即将上线内容新闻通讯表单上外边距30px */
    .coming-soon-content .newsletter-form {
        margin-top: 30px;
    }

    /* 即将上线内容新闻通讯输入框高度55px，左内边距13px，字体大小15px */
    .coming-soon-content .newsletter-form .input-newsletter {
        height: 55px;
        padding-left: 13px;
        font-size: 15px;
    }

    /* 即将上线内容新闻通讯按钮相对定位，高度自动，内边距14px 30px，字体大小14px，上外边距15px */
    .coming-soon-content .newsletter-form button {
        position: relative;
        height: auto;
        padding: 14px 30px;
        font-size: 14px;
        margin-top: 15px;
    }

    /* 错误区域上下内边距70px */
    .error-area {
        padding: 70px 0;
    }

    /* 错误内容区域段落上外边距15px，下外边距20px，字体大小15px */
    .error-area .error-content p {
        margin: 15px 0 20px;
        font-size: 15px;
    }

    /* 错误内容区域标题h1字体大小180px */
    .error-area .error-content h1 {
        font-size: 180px;
    }

    /* 页面标题区域上下内边距70px */
    .page-title-area {
        padding-top: 20px;
    }

    /* 页面标题内容h2字体大小30px */
    .page-title-area .page-title-content h2 {
        font-size: 30px;
    }

    /* 页面标题内容列表项字体大小15px */
    .page-title-area .page-title-content ul li {
        font-size: 15px;
    }

    /* 作品集区域筛选菜单内边距12px 5px */
    .portfolio-area .shorting-menu .filter {
        padding: 12px 5px;
    }

    /* 用户区域样式联系表单操作内边距20px */
    .user-area-style .contact-form-action {
        padding: 20px;
    }

    /* 用户区域样式联系表单标题h2字体大小25px */
    .user-area-style .contact-form-action .account-title h2 {
        font-size: 25px;
    }

    /* 用户区域样式联系表单下外边距50px */
    .user-area-style .contact-form-action.mb-50 {
        margin-bottom: 50px;
    }

    /* 用户区域样式联系表单组下外边距20px */
    .user-area-style .contact-form-action form .form-group {
        margin-bottom: 20px;
    }

    /* 用户区域样式联系表单操作下外边距0 */
    .user-area-style .contact-form-action form .login-action {
        margin-bottom: 0;
    }

    /* 用户区域样式联系表单操作中的忘记登录链接下外边距20px，上外边距10px，取消浮动 */
    .user-area-style .contact-form-action form .login-action .forgot-login {
        margin-bottom: 20px;
        margin-top: 10px;
        float: unset;
    }

    /* 用户区域样式联系表单操作右侧内容取消浮动，上外边距12px */
    .user-area-style .contact-form-action form .right {
        float: unset;
        margin-top: 12px;
    }

    /* 服务详情内容区域图片2居中对齐，上外边距30px */
    .services-details-content .services-content-item .services-details-img-2 {
        text-align: center;
        margin-top: 30px;
    }

    /* 服务详情内容区域标题h3字体大小20px */
    .services-details-content .services-content-item h3 {
        font-size: 20px;
    }

    /* 侧边栏小部件内边距30px */
    .sidebar-widget {
        padding: 30px;
    }

    /* 侧边栏小部件标题h3字体大小18px */
    .sidebar-widget h3 {
        font-size: 18px;
    }

    /* 结账区域总计内容上外边距30px */
    .checkout-area .cart-totals {
        margin-top: 30px;
    }

    /* 产品详情区域图片下外边距20px */
    .product-details-area .product-details-image {
        margin-bottom: 20px;
    }

    /* 产品详情区域图片宽度100% */
    .product-details-area .product-details-image img {
        width: 100%;
    }

    /* 侧边栏搜索小部件上外边距30px */
    .sidebar-widget.search {
        margin-top: 30px;
    }

    /* 侧边栏最近帖子小部件列表项高度100px */
    .sidebar-widget.recent-post ul li {
        height: 100px;
    }

    /* 侧边栏最近帖子小部件列表项链接字体大小13px */
    .sidebar-widget.recent-post ul li a {
        font-size: 13px;
    }

    /* 新闻详情内容顶部内容标题h3字体大小25px */
    .news-details-content .news-top-content .news-content h3 {
        font-size: 25px;
    }

    /* 单个联系信息图标宽高70px，行高70px，字体大小30px */
    .single-contact-info i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    }

    /* 单个联系信息段落和链接字体大小15px */
    .single-contact-info p,
    .single-contact-info a {
        font-size: 15px;
    }

    /* 用户区域样式找回密码区域标题h3字体大小25px，下外边距0 */
    .user-area-style.recover-password-area h3 {
        font-size: 25px;
        margin-bottom: 0;
    }

    /* 用户区域样式找回密码区域段落上外边距15px */
    .user-area-style.recover-password-area p {
        margin-top: 15px;
    }

    /* 关于我们区域三种样式形状图片伪元素透明度0.9 */
    .about-us-area .about-shape-img::before {
        opacity: 0.9;
    }

    /* 为什么选择我们区域两种样式背景图片取消 */
    .why-choose-us-area.why-choose-us-about {
        background-image: unset;
    }

    /* 单个团队成员内容标题h3字体大小20px */
    .single-team .team-content h3 {
        font-size: 20px;
    }

    /* 购物车区域优惠券购物车按钮更新购物车按钮高度取消 */
    .shopping-cart-area .coupon-cart .default-btn.update-cart {
        height: unset;
    }

    /* 侧边栏小部件左外边距0 */
    .widget-sidebar {
        margin-left: 0;
    }
}

/*
媒体查询：针对屏幕宽度介于414px和575px之间的设备
*/
@media only screen and (min-width: 414px) and (max-width: 575px) {
    /* 关于我们内容左列最大宽度200px，居中对齐 */
    .about-content .col-lg-6.col-sm-6 {
        max-width: 200px;
        margin: auto;
    }

    /* 健康生活内容左列最大宽度200px，居中对齐 */
    .healthy-life-content .col-lg-6.col-sm-6 {
        max-width: 200px;
        margin: auto;
    }

    .get-in-touch-text-container {
        display: none;
    }
}

/*
媒体查询：针对屏幕宽度介于576px和767px之间的设备
*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* 顶部头部右侧“我的账户”列表项右外边距15px */
    .top-header .header-right-content .my-account li {
        margin-right: 15px;
    }

    /* 顶部头部右侧语言选择右外边距10px */
    .top-header .header-right-content .language {
        margin-right: 10px;
    }

    /* 预约区域容器最大宽度540px */
    .appointment-area .container-fluid {
        max-width: 540px;
    }

    /* 健康生活区域两种样式容器最大宽度520px */
    .healthy-life-area.healthy-life-area-style-two .container-fluid {
        max-width: 520px;
    }

    /* 购物车区域表格单元格内边距15px */
    .shopping-cart-area .cart-table table tbody tr td {
        padding: 15px;
    }

    /* 购物车区域总计内容右外边距自动 */
    .shopping-cart-area .cart-totals {
        margin-right: auto;
    }

    /* 关于我们内容列表下外边距0 */
    .about-content ul.mb-20,
    .healthy-life-content ul.mb-20 {
        margin-bottom: 0;
    }

    .get-in-touch-text-container {
        display: none;
    }
}

/*
媒体查询：针对屏幕宽度介于768px和991px之间的设备
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* 上下内边距50px */
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    /* 上内边距50px */
    .pt-100 {
        padding-top: 50px;
    }

    /* 下内边距50px */
    .pb-100 {
        padding-bottom: 50px;
    }

    /* 下内边距20px */
    .pb-70 {
        padding-bottom: 20px;
    }

    /* 段落字体大小15px */
    p {
        font-size: 15px;
    }

    /* 顶部头部左侧内容下外边距10px */
    .top-header .header-left-content {
        margin-bottom: 10px;
    }

    /* 顶部头部右侧“我的账户”列表项右外边距5px */
    .top-header .header-right-content .my-account li {
        margin-right: 5px;
    }

    /* 顶部头部右侧语言选择右外边距0 */
    .top-header .header-right-content .language {
        margin-right: 0;
    }

    /* 主页轮播区域的每个项目项上下内边距70px */
    .hero-slider-area .hero-slider-item {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /* 主页轮播区域导航按钮样式调整 */
    .hero-slider-area .owl-theme .owl-nav {
        bottom: 15px; /* 距底部15px */
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        left: 15px; /* 左侧15px */
        right: 15px; /* 右侧15px */
    }

    /* 主页轮播导航按钮宽高和行高 */
    .hero-slider-area .owl-theme .owl-nav .owl-prev,
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        left: 0; /* 左对齐 */
    }

    /* 主页轮播“下一页”按钮右对齐 */
    .hero-slider-area .owl-theme .owl-nav .owl-next {
        left: auto; /* 取消左对齐 */
        right: 0; /* 右对齐 */
    }

    /* 主页轮播内容居中对齐，左外边距0，自动左右外边距 */
    .hero-slider-content {
        text-align: center;
        margin: 0 auto; /* 同时设置上下和左右的外边距 */
    }

    /* 主页轮播标题字体大小35px */
    .hero-slider-content h1 {
        font-size: 35px;
    }

    /* 主页轮播段落居中对齐，下外边距30px */
    .hero-slider-content p {
        margin: 0 auto 30px;
    }

    /* 区域标题上下外边距30px和-1px */
    .section-title {
        margin-bottom: 30px;
        margin-top: -1px;
    }

    /* 区域标题h2字体大小25px */
    .section-title h2 {
        font-size: 25px;
    }

    /* 单个专业领域内容居中对齐 */
    .single-expertise .expertise-title h3,
    .single-expertise .expertise-content h3 {
        font-size: 18px;
    }

    /* 关于我们图片2上下外边距30px */
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /* 关于我们视频位置调整 */
    .about-img-content .video {
        bottom: 112px;
        left: 73px;
    }

    /* 关于我们内容居中对齐，左外边距0 */
    .about-content {
        margin-left: 0;
    }

    /* 关于我们标题h2字体大小25px */
    .about-content h2 {
        font-size: 25px;
    }

    /* 关于我们子标题h4字体大小18px */
    .about-content h4 {
        font-size: 18px;
    }

    /* 关于我们列表项左内边距0，伪元素不显示 */
    .about-content ul.mb-20,
    .healthy-life-content ul.mb-20 {
        margin-bottom: 0;
    }

    /* 为什么选择我们内容居中对齐 */
    .why-choose-us-content {
        text-align: center;
    }

    /* 为什么选择我们标题h2字体大小31px，底部外边距30px */
    .why-choose-us-content h2 {
        font-size: 31px;
    }

    /* 为什么选择我们列表项左右内边距0，最大宽度345px，行内块显示 */
    .why-choose-us-content ul li {
        padding: 0 15px;
        max-width: 345px;
        display: inline-block;
    }

    /* 为什么选择我们列表项中的span样式 */
    .why-choose-us-content ul li span {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }

    /* 为什么选择我们列表项中span的伪元素右位置为0 */
    .why-choose-us-content ul li span::before {
        right: 0;
    }

    /* 为什么选择我们图片上下外边距0，居中对齐 */
    .why-choose-us-img {
        margin-bottom: 0;
        text-align: center;
    }

    /* 为什么选择我们图片宽度100% */
    .why-choose-us-img img {
        width: 100%;
    }

    /* 我们提供的区域下外边距50px */
    .what-we-offer-area {
        padding-bottom: 50px;
    }

    /* 我们提供的区域内轮播导航按钮样式调整 */
    .what-we-offer-area .owl-theme .owl-nav {
        -webkit-transform: none; /* 移除变换（Safari 和 Chrome） */
        transform: none; /* 移除变换（标准） */
        position: unset; /* 取消定位 */
    }

    /* 我们提供的区域内轮播导航按钮宽高和行高 */
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next {
        position: unset; /* 取消定位 */
        width: 40px; /* 宽度40px */
        height: 40px; /* 高度40px */
        line-height: 40px; /* 行高40px，垂直居中内容 */
        margin: 0 5px; /* 左右外边距5px */
    }

    /* 我们提供的区域服务页面样式上下内边距 */
    .what-we-offer-area.services-page-style {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    /* 预约区域容器最大宽度720px */
    .appointment-area .container-fluid {
        max-width: 720px;
    }

    /* 预约区域左列无左内边距15px */
    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px;
    }

    /* 预约图片高度600px */
    .appointment-img {
        height: 600px;
    }

    /* 预约操作区域取消左外边距，居中对齐，自动左右外边距，上内边距30px */
    .appointment-action {
        text-align: center;
        margin: 0 auto; /* 上下外边距为0，左右居中 */
        padding-top: 30px; /* 上内边距 */
    }

    /* 客户故事区域单个客户故事标题h2字体大小25px */
    .customer-story-area .single-customer-story h2 {
        font-size: 25px;
    }

    /* 健康生活图片宽度100% */
    .healthy-life-img img {
        width: 100%;
    }

    /* 健康生活内容居中对齐，左外边距0 */
    .healthy-life-content {
        margin-left: 0;
    }

    /* 单个新闻内容标题h3字体大小20px */
    .single-news .news-content h3 {
        font-size: 20px;
    }

    /* 单个页脚小部件打开/关闭列表项字体大小15px */
    .single-footer-widget .open-close li {
        font-size: 15px;
    }

    /* 单个页脚小部件标题h3字体大小20px */
    .single-footer-widget h3 {
        font-size: 20px;
    }

    /* 单个页脚小部件地址和导入链接列表项字体大小15px */
    .single-footer-widget .address li,
    .single-footer-widget .import-link li {
        font-size: 15px;
    }

    /* 版权区域段落字体大小15px */
    .copy-right-area p {
        font-size: 15px;
    }

    /* 主页轮播内容居中对齐，上内边距0 */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-content {
        padding: 40px;
        margin: auto;
        text-align: center;
    }

    /* 主页轮播内容段落下外边距30px */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-content p {
        margin: 0 auto 30px;
    }

    /* 主页轮播项目项背景适应 */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-item {
        background-size: cover;
    }

    /* 主页轮播社交图标位置左40px */
    .hero-slider-area.hero-slider-area-style-two .social-icon {
        left: 40px;
    }

    /* 健康生活区域两种样式容器最大宽度960px */
    .healthy-life-area.healthy-life-area-style-two .container-fluid {
        max-width: 960px;
    }

    /* 健康生活区域两种样式列右内边距15px */
    .healthy-life-area.healthy-life-area-style-two .col-lg-6.pr-0 {
        padding-right: 15px;
    }

    /* 健康生活区域两种样式内容内边距0 */
    .healthy-life-area.healthy-life-area-style-two .healthy-life-content {
        padding-right: 0;
    }

    /* 单个定价盒子标题h3字体大小18px */
    .single-pricing-box .pricing-title h3 {
        font-size: 18px;
    }

    /* 单个定价盒子标题h1字体大小40px */
    .single-pricing-box .pricing-title h1 {
        font-size: 40px;
    }

    /* 单个定价盒子列表内边距0 20px 30px */
    .single-pricing-box ul {
        padding: 0 20px 30px;
    }

    /* 预约区域两种样式的操作区域内外边距调整 */
    .appointment-area.appointment-area-style-two .appointment-action {
        margin-left: 0;
        padding-bottom: 0;
        padding-top: 30px;
    }

    /* 预约区域两种样式的操作区域表单内边距20px */
    .appointment-area.appointment-area-style-two .appointment-action form {
        padding: 20px;
    }

    /* 预约区域两种样式的图片2高度500px */
    .appointment-area.appointment-area-style-two .appointment-img-2 {
        height: 500px;
    }

    /* 预约区域两种样式的操作区域表单标题h2不显示 */
    .appointment-area.appointment-area-style-two .appointment-action form h2 {
        display: none;
    }

    /* FAQ手风琴模块下外边距20px */
    .faq-accordion.mb-need {
        margin-bottom: 20px;
    }

    /* 我们的新闻区域两种样式的标题居中对齐 */
    .our-news-area.our-news-area-style-two .section-title {
        text-align: center;
    }

    /* 我们的新闻区域两种样式的单个新闻内容居中对齐 */
    .our-news-area.our-news-area-style-two .single-news {
        text-align: center;
    }

    /* 专业领域两种样式的上内边距10px */
    .expertise-area.expertise-area-style-two {
        padding-top: 10px;
    }

    /* 顶部头部左侧社交图标上外边距10px */
    .top-header .header-left-content .social-icon {
        margin-top: 10px;
    }

    /* 横幅区域上下内边距70px */
    .banner-area {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    /* 横幅内容内边距30px */
    .banner-area .banner-content {
        padding: 30px;
    }

    /* 横幅内容标题h1字体大小32px */
    .banner-area .banner-content h1 {
        font-size: 32px;
    }

    /* 默认按钮字体大小15px，内边距12px 15px */
    .default-btn {
        font-size: 15px;
        padding: 12px 15px;
    }

    /* 单个专业领域盒子内边距30px，居中对齐 */
    .single-expertise-box {
        padding: 30px;
        text-align: center;
    }

    /* 单个专业领域盒子图标样式 */
    .single-expertise-box i {
        background-color: transparent; /* 背景透明 */
        width: unset; /* 取消宽度设置 */
        height: unset; /* 取消高度设置 */
        line-height: 1; /* 行高1 */
        margin-bottom: 20px; /* 下外边距20px */
        display: block; /* 显示为块级元素 */
        position: unset; /* 取消定位 */
    }

    /* 关于我们区域三种样式的图片1下外边距30px，居中对齐 */
    .about-us-area.about-us-area-style-three .about-img-1 {
        margin-bottom: 30px;
        text-align: center;
    }

    /* 关于我们区域三种样式的图片内容h3不显示 */
    .about-us-area.about-us-area-style-three .about-img-content h3 {
        position: unset;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        margin-bottom: 20px;
        display: none;
    }

    /* 计算盒子表单内边距30px */
    .calculate-box .calculate-form {
        padding: 30px;
    }

    /* 计算表单标题h3字体大小25px，居中对齐 */
    .calculate-box .calculate-form h3 {
        font-size: 25px;
        text-align: center;
    }

    /* 计算图片居中对齐，左外边距0 */
    .calculate-img {
        position: unset;
        text-align: center;
        margin-left: 0;
    }

    /* 计算图片伪元素不显示 */
    .calculate-img::before {
        display: none;
    }

    /* 预约区域三种样式的操作区域内边距30px */
    .appointment-area.appointment-area-style-three .appointment-action {
        padding: 30px;
    }

    /* 预约区域三种样式的操作区域标题h2字体大小20px，下外边距10px */
    .appointment-area.appointment-area-style-three .appointment-action h2 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    /* 健康生活区域三种样式的内容下外边距30px */
    .healthy-life-area.healthy-life-area-style-three .healthy-life-content {
        margin-bottom: 30px;
    }

    /* 健康生活区域三种样式的内容中需要下外边距15px */
    .healthy-life-area.healthy-life-area-style-three .healthy-life-content .mb-need {
        margin-bottom: 15px;
    }

    /* 定价区域三种样式的伪元素不显示 */
    .pricing-area.pricing-area-style-three::before {
        display: none;
    }

    /* 定价区域三种样式的单个定价盒子背景白色 */
    .pricing-area.pricing-area-style-three .single-pricing-box {
        background-color: #fff;
    }


    /* 即将上线内容标题h1字体大小60px */
    .coming-soon-content h1 {
        font-size: 60px;
    }

    /* 错误区域上下内边距70px */
    .error-area {
        padding: 70px 0;
    }

    /* 错误内容区域段落上外边距15px，下外边距20px，字体大小15px */
    .error-area .error-content p {
        margin: 15px 0 20px;
        font-size: 15px;
    }

    /* 错误内容区域标题h1字体大小180px */
    .error-area .error-content h1 {
        font-size: 180px;
    }

    /* 用户区域样式联系表单操作内边距30px */
    .user-area-style .contact-form-action {
        padding: 30px;
    }

    /* 用户区域样式联系表单标题h2字体大小25px */
    .user-area-style .contact-form-action .account-title h2 {
        font-size: 25px;
    }

    /* 用户区域样式联系表单下外边距50px */
    .user-area-style .contact-form-action.mb-50 {
        margin-bottom: 50px;
    }

    /* 用户区域样式联系表单组下外边距20px */
    .user-area-style .contact-form-action form .form-group {
        margin-bottom: 20px;
    }

    /* 服务详情内容区域图片2居中对齐，上外边距30px */
    .services-details-content .services-content-item .services-details-img-2 {
        text-align: center;
        margin-top: 30px;
    }

    /* 服务详情内容区域标题h3字体大小20px */
    .services-details-content .services-content-item h3 {
        font-size: 20px;
    }

    /* 侧边栏小部件内边距30px */
    .sidebar-widget {
        padding: 30px;
    }

    /* 侧边栏小部件标题h3字体大小18px */
    .sidebar-widget h3 {
        font-size: 18px;
    }

    /* 结账区域总计内容上外边距30px */
    .checkout-area .cart-totals {
        margin-top: 30px;
    }

    /* 产品详情区域图片下外边距20px */
    .product-details-area .product-details-image {
        margin-bottom: 20px;
    }

    /* 产品详情区域图片宽度100% */
    .product-details-area .product-details-image img {
        width: 100%;
    }

    /* 侧边栏搜索小部件上外边距30px */
    .sidebar-widget.search {
        margin-top: 30px;
    }

    /* 侧边栏最近帖子小部件列表项高度100px */
    .sidebar-widget.recent-post ul li {
        height: 100px;
    }

    /* 侧边栏最近帖子小部件列表项链接字体大小13px */
    .sidebar-widget.recent-post ul li a {
        font-size: 13px;
    }

    /* 新闻详情内容顶部内容标题h3字体大小25px */
    .news-details-content .news-top-content .news-content h3 {
        font-size: 25px;
    }

    /* 单个联系信息图标宽高70px，行高70px，字体大小30px */
    .single-contact-info i {
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 30px;
    }

    /* 单个联系信息段落和链接字体大小15px */
    .single-contact-info p,
    .single-contact-info a {
        font-size: 15px;
    }

    /* 用户区域样式找回密码区域标题h3字体大小25px，下外边距0 */
    .user-area-style.recover-password-area h3 {
        font-size: 25px;
        margin-bottom: 0;
    }

    /* 用户区域样式找回密码区域段落上外边距15px */
    .user-area-style.recover-password-area p {
        margin-top: 15px;
    }

    /* 关于我们区域三种样式形状图片伪元素透明度0.9 */
    .about-us-area .about-shape-img::before {
        opacity: 0.9;
    }

    /* 为什么选择我们区域两种样式背景图片取消 */
    .why-choose-us-area.why-choose-us-about {
        background-image: unset;
    }

    /* 单个团队成员内容标题h3字体大小20px */
    .single-team .team-content h3 {
        font-size: 20px;
    }

    /* 购物车区域优惠券购物车按钮更新购物车按钮高度取消 */
    .shopping-cart-area .coupon-cart .default-btn.update-cart {
        height: unset; /* 取消设置高度 */
    }

    .widget-sidebar {
        margin-left: 0; /* 设置侧边栏左边距为0 */
    }
}

/* 针对屏幕宽度在992px到1199px之间的设备 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* 导航栏链接的样式 */
    .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
        margin: 0 10px; /* 设置左右外边距为10px */
        font-size: 14px; /* 设置字体大小为14px */
    }

    /* 下拉菜单链接的样式 */
    .navbar-area .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
        font-size: 13px; /* 设置字体大小为13px */
    }

    /* 获取报价按钮的样式 */
    .navbar-area .desktop-nav .navbar .others-option .get-quote {
        margin-left: 30px; /* 设置左外边距为30px */
    }

    /* 获取报价按钮内部默认按钮的样式 */
    .navbar-area .desktop-nav .navbar .others-option .get-quote .default-btn {
        padding: 12px; /* 设置内边距为12px */
        font-size: 14px; /* 设置字体大小为14px */
    }

    /* 搜索框悬停时的宽度 */
    .navbar-area .desktop-nav .navbar .others-option .search-box:hover > .search-input,
    .navbar-area .desktop-nav .navbar .others-option .search-box:focus > .search-input {
        width: 355px; /* 设置宽度为355px */
    }

    /* 关于内容的样式调整 */
    .about-content {
        margin-left: 0; /* 设置左外边距为0 */
    }

    /* 关于图片内容的样式调整 */
    .about-img-content .about-img-1 .about-img-2 {
        margin-top: -40px; /* 设置上外边距为-40px */
    }

    /* 选择我们的区域样式调整 */
    .why-choose-us-area::before {
        display: none; /* 隐藏伪元素 */
    }

    .why-choose-us-content h2 {
        font-size: 31px; /* 设置标题字体大小为31px */
    }

    /* 预约区域的样式调整 */
    .appointment-area .container-fluid {
        max-width: 960px; /* 设置最大宽度为960px */
    }

    .appointment-area .col-lg-6.pl-0 {
        padding-left: 15px; /* 设置左内边距为15px */
    }

    .appointment-action {
        margin-left: 0; /* 设置左外边距为0 */
    }

    .appointment-action h2 {
        font-size: 35px; /* 设置标题字体大小为35px */
    }

    /* 单个页脚小部件的样式调整 */
    .single-footer-widget .open-close li,
    .single-footer-widget .address li,
    .single-footer-widget .import-link li {
        font-size: 15px; /* 设置字体大小为15px */
    }

    .single-footer-widget h3 {
        font-size: 20px; /* 设置标题字体大小为20px */
    }

    .single-footer-widget .social-icon li {
        margin-right: 0; /* 设置右外边距为0 */
    }

    /* 版权区域的样式调整 */
    .copy-right-area p {
        font-size: 15px; /* 设置字体大小为15px */
    }

    /* 健康生活内容的样式调整 */
    .healthy-life-content {
        margin-left: 0; /* 设置左外边距为0 */
    }

    /* 主页幻灯片区域样式调整 */
    .hero-slider-area.hero-slider-area-style-two .hero-slider-content {
        padding: 50px; /* 设置内边距为50px */
        margin: auto; /* 设置自动外边距以居中 */
        text-align: center; /* 设置文本居中 */
    }

    .hero-slider-area.hero-slider-area-style-two .hero-slider-content p {
        margin: 0 auto 30px; /* 设置上下外边距为0和30px */
    }

    .hero-slider-area.hero-slider-area-style-two .hero-slider-item {
        background-size: cover; /* 设置背景图像覆盖整个容器 */
    }

    .hero-slider-area.hero-slider-area-style-two .social-icon {
        left: 40px; /* 设置左定位为40px */
    }

    /* 健康生活区域样式调整 */
    .healthy-life-area.healthy-life-area-style-two .container-fluid {
        max-width: 960px; /* 设置最大宽度为960px */
    }

    .healthy-life-area.healthy-life-area-style-two .col-lg-6.pr-0 {
        padding-right: 15px; /* 设置右内边距为15px */
    }

    .healthy-life-area.healthy-life-area-style-two .healthy-life-content {
        padding-right: 0; /* 设置右内边距为0 */
    }

    /* 预约区域样式调整（样式二） */
    .appointment-area.appointment-area-style-two .appointment-action form h2 {
        letter-spacing: 8px; /* 设置字母间距为8px */
        left: 335px; /* 设置左定位为335px */
        top: 162px; /* 设置上定位为162px */
    }

    /* 关于我们区域样式调整（三） */
    .about-us-area.about-us-area-style-three .about-img-content h3 {
        top: 153px; /* 设置上定位为153px */
        right: -200px; /* 设置右定位为-200px */
    }

    /* 计算图片的样式调整 */
    .calculate-img {
        margin-left: 0; /* 设置左外边距为0 */
    }

    /* 单个定价框的样式调整 */
    .single-pricing-box ul {
        padding: 0 20px 30px; /* 设置内边距：上右下左分别为0、20px、30px、20px */
    }

    /* 健康生活内容标题和列表样式调整 */
    .healthy-life-content h2 {
        font-size: 30px; /* 设置标题字体大小为30px */
    }

    .healthy-life-content ul li {
        font-size: 15px; /* 设置列表项字体大小为15px */
    }

    /* 服务详情内容样式调整 */
    .services-details-content .services-content-item h3 {
        font-size: 20px; /* 设置标题字体大小为20px */
    }

    /* 侧边栏小部件的样式调整 */
    .sidebar-widget {
        padding: 20px; /* 设置内边距为20px */
    }

    .sidebar-widget h3 {
        font-size: 18px; /* 设置标题字体大小为18px */
    }

    .sidebar-widget.recent-post ul li a {
        font-size: 13px; /* 设置链接字体大小为13px */
    }

    /* 关于我们区域样式调整（二） */
    .about-us-area.about-us-area-style-two h3 {
        display: none; /* 隐藏标题 */
    }

    /* 单个团队成员内容的样式调整 */
    .single-team .team-content h3 {
        font-size: 20px; /* 设置标题字体大小为20px */
    }

    /* 侧边栏小部件的左边距调整 */
    .widget-sidebar {
        margin-left: 0; /* 设置左外边距为0 */
    }
}

/* 针对屏幕宽度在1700px及以上的设备 */
@media only screen and (min-width: 1700px) {
    /* 顶部头部容器的最大宽度 */
    .top-header .container,
    .navbar-area .container,
    .hero-slider-area .container {
        max-width: 1470px; /* 设置最大宽度为1470px */
    }

    /* 幻灯片导航按钮的定位 */
    .hero-slider-area .owl-theme .owl-nav {
        left: 147px;
        right: 147px;
    }

    /* 幻灯片项目的高度调整 */
    .hero-slider-area .hero-slider-item {
        height: 805px; /* 设置高度为805px */
    }

    /* 幻灯片社交图标的定位 */
    .hero-slider-area .social-icon {
        left: 88px; /* 设置左定位为88px */
    }

    /* 我们提供的服务区域导航按钮的样式调整 */
    .what-we-offer-area .owl-theme .owl-nav .owl-prev,
    .what-we-offer-area .owl-theme .owl-nav .owl-next,
    .our-news-area .owl-theme .owl-nav .owl-prev,
    .our-news-area .owl-theme .owl-nav .owl-next {
        left: -100px; /* 设置左定位为-100px */
    }

    /* 我们提供的服务区域下一按钮的样式调整 */
    .what-we-offer-area .owl-theme .owl-nav .owl-next,
    .our-news-area .owl-theme .owl-nav .owl-next {
        right: -100px; /* 设置右定位为-100px */
        left: auto; /* 取消左定位 */
    }

    /* 横幅区域的高度调整 */
    .banner-area {
        height: 820px; /* 设置高度为820px */
    }
}

/* 针对屏幕宽度在1200px及以上的设备 */
@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1260px; /* 设置容器的最大宽度为1260px */
    }
}

/* 针对屏幕宽度在991px及以下的设备（移动设备） */
@media only screen and (max-width: 991px) {
    /* 导航栏的内边距调整 */
    .navbar-area,
    .navbar-area.is-sticky {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* 移动导航栏显示 */
    .mobile-nav {
        display: block; /* 显示移动导航 */
    }

    /* 移动导航栏logo样式调整 */
    .mobile-nav .logo {
        position: relative;
        width: 60%; /* 设置宽度为60% */
        z-index: 999; /* 设置堆叠顺序 */
        max-width: 120px; /* 设置最大宽度为120px */
    }

    /* 移动菜单的样式调整 */
    .mobile-nav .mobile-menu {
        position: relative;
    }

    /* 移动菜单中的导航列表样式调整 */
    .mobile-nav .mobile-menu.mean-container .mean-nav {
        margin-top: 50px; /* 设置顶部外边距为50px */
    }

    .mobile-nav .mobile-menu.mean-container .mean-nav ul {
        font-size: 15px; /* 设置字体大小为15px */
    }

    /* 活动状态下的导航链接样式调整 */
    .mobile-nav .mobile-menu.mean-container .mean-nav ul li a.active {
        color: #e661a7; /* 设置激活链接颜色 */
    }

    /* 子导航链接的字体大小调整 */
    .mobile-nav .mobile-menu.mean-container .mean-nav ul li li a {
        font-size: 14.5px; /* 设置字体大小为14.5px */
    }

    /* 移动导航栏的滚动和阴影效果 */
    .mobile-nav .mobile-menu.mean-container .navbar-nav {
        overflow-y: scroll; /* 允许垂直滚动 */
        height: 255px; /* 设置高度为255px */
        -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); /* 添加阴影效果 */
    }

    /* 移动菜单的展开按钮样式调整 */
    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal {
        color: #1b1b1b; /* 设置颜色 */
        padding-top: 11px; /* 设置顶部内边距为11px */
    }

    .mobile-nav .mobile-menu.mean-container a.meanmenu-reveal span {
        background: #1b1b1b; /* 设置背景颜色 */
    }

    /* 隐藏桌面导航和其他选项 */
    .desktop-nav {
        display: none; /* 隐藏桌面导航 */
    }

    .others-option {
        display: none; /* 隐藏其他选项 */
    }

    /* 显示响应式的其他选项 */
    .others-option-for-responsive {
        display: block; /* 显示响应式其他选项 */
    }

    /* 响应式其他选项中的点菜单位置调整 */
    .others-option-for-responsive .dot-menu {
        top: -50px; /* 设置顶部定位为-40px */
    }

    /* 搜索弹出框的位置调整 */
    .others-option-for-responsive .others-option .option-item .search-overlay.search-popup {
        right: -180px; /* 设置右定位为-180px */
    }

    /* irujia about-us */
    .about-section .content-column {
        margin-bottom: 40px;
    }

    .about-section {
        padding-top: 90px;
    }
}