@charset "utf-8";
/* ==========================================================================
   锦棠科技官网 · 移动端适配层  mobile.css
   --------------------------------------------------------------------------
   原站是 1200px 固定宽 PC 模板（reset_pc.css），无 viewport、无断点。
   本文件做三件事：
     1) 解除宽度锁定，把 1200px 画布改成流式
     2) 关键区块由「左右两栏」改为「上下堆叠」
     3) 导航降级为横向滑动 + 点按弹出二级菜单（配合 js/mobile.js）

   安全边界：所有规则都包在 @media (max-width:900px) 内。
            视口 >900px 时本文件一条规则都不生效 —— PC 端渲染完全不变，
            因此对现有 95 个页面零回归风险。
   ========================================================================== */

@media (max-width: 900px) {

    /* ======================================================================
       A. 解除宽度锁定
       ====================================================================== */
    html {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    body {
        min-width: 0 !important;
        width: 100% !important;
        overflow-x: hidden !important;
        line-height: 1.7;
    }

    /* ======================================================================
       B. 通用容器流式化（原=1200/930px 固定宽）
       ====================================================================== */
    .blk,
    .head,
    .header,
    .nav,
    .banner,
    .ban_list,
    .min-banner,
    .footWrap,
    .footer,
    #blk-head,
    #blk-nav,
    #blk-footer,
    #blk-tool,
    #search,
    .clear,
    .crumbs-1,
    .content,
    .blk-m,
    .blk-sm,
    .prod-list01,
    .level-layout-item,
    .vertical-layout-item,
    .prod-show,
    .prod-title,
    .prod-con-img,
    .contact,
    .contact-con,
    .contact-map,
    #map,
    #category,
    #from-message,
    .search_list,
    #search_list,
    .company,
    .com-con,
    .corporate-culture,
    .cor-cul-con,
    .blk-exhibition,
    .blk-exhibition-nav,
    .super-nav,
    .super-list,
    .prod-hot,
    #pagination,
    .g_pro,
    .m_cpc,
    .g_an,
    .zz,
    .article,
    .article-desc,
    .message2,
    .message-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .blk-m.fr,
    .blk-sm.fr,
    .fr {
        /* 仅在主内容容器上解除右浮动，避免破坏小元素 */
    }

    .blk-m.fr,
    .blk-sm.fr {
        float: none !important;
    }

    /* 内边距收敛 */
    .content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .header,
    .footWrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .m_cpc {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* ======================================================================
       C. 图片与媒体
       ====================================================================== */
    img {
        max-width: 100% !important;
    }

    .item-picture img,
    .prod-list01 img,
    .level-layout-item img {
        width: 100% !important;
        height: auto !important;
    }

    /* ======================================================================
       D. 页头
       ====================================================================== */
    .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 12px 12px !important;
        margin: 0 !important;
    }

    #h1-tag {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    #h1-tag img {
        max-width: 108px;
        height: auto;
        display: block;
    }

    .h_dw {
        float: none !important;
        width: auto !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0 0 0 12px !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .h_dw b {
        display: block;
        width: auto !important;
        font-size: 18px !important;
        line-height: 1.2;
    }

    .h_dw i {
        display: block;
        width: auto !important;
        font-style: normal;
        font-size: 12px !important;
        line-height: 1.4;
        color: #8a8a8a;
    }

    .dfr {
        float: none !important;
        width: 100% !important;
        text-align: left;
    }

    .dfr p {
        font-size: 13px !important;
        line-height: 1.7 !important;
        margin: 2px 0 0 !important;
    }

    .dfr em {
        font-style: normal;
        color: #8a8a8a;
    }

    /* ======================================================================
       E. 主导航：横向滑动 + 二级菜单点按弹出
       ====================================================================== */
    .nav {
        position: relative;
    }

    .nav .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-one {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .nav-one::-webkit-scrollbar {
        display: none;
    }

    .nav-one > li {
        float: none !important;
        width: auto !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        position: static !important;
    }

    .nav-one > li > a {
        display: block !important;
        padding: 0 16px !important;
        height: 46px !important;
        line-height: 46px !important;
        font-size: 15px !important;
    }

    /* 默认收起二级菜单：JS 未加载时点击一级项直接跳转，属安全降级 */
    .nav-two {
        display: none !important;
    }

    /* JS 点按后弹出的二级菜单浮层 */
    .nav-one > li.nav-open > .nav-two {
        display: block !important;
        position: fixed !important;
        left: 14px !important;
        right: 14px !important;
        top: 50% !important;
        bottom: auto !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-height: 72vh;
        overflow-y: auto;
        padding: 6px 0;
        background: #fff;
        border-radius: 12px;
        -webkit-box-shadow: 0 14px 44px rgba(0, 0, 0, .28);
        box-shadow: 0 14px 44px rgba(0, 0, 0, .28);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10000;
        white-space: normal;
    }

    .nav-one > li.nav-open > .nav-two > li {
        float: none !important;
        display: block !important;
        width: 100% !important;
    }

    .nav-one > li.nav-open > .nav-two > li > a {
        display: block !important;
        padding: 13px 20px !important;
        font-size: 15px !important;
        line-height: 1.5 !important;
        border-bottom: 1px solid #f2f2f2;
    }

    .nav-one > li.nav-open > .nav-two > li:last-child > a {
        border-bottom: none;
    }

    /* 弹出菜单时的遮罩（由 mobile.js 给 body 加 class） */
    body.nav-mask::before {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .45);
        z-index: 9999;
    }

    /* ======================================================================
       F. 首页首屏轮播（原 1200x540，SuperSlide 绝对定位）
       ====================================================================== */
    .banner {
        height: 46vw !important;
        min-height: 150px;
        max-height: 260px;
        overflow: hidden;
    }

    /* 高度链必须逐层给足：
       .banner → .ban_list → .tempWrap → ul → li
       原站 li 为绝对定位，中间任一层高度为 auto 都会塌陷成 0，
       表现为首屏 banner 区域一片空白（图仍在，只是高度为 0）。 */
    .ban_list,
    .ban_list .tempWrap,
    .ban_list > ul,
    .ban_list .tempWrap > ul {
        width: 100% !important;
        height: 100% !important;
    }

    /* 其余轮播容器（荣誉资质、产品图册等）只需保证宽度 */
    .tempWrap {
        width: 100% !important;
    }

    .ban_list li {
        width: 100% !important;
        height: 100% !important;
    }

    /* 图片统一改为「填满容器并居中裁切」，避免原 1920px 宽图在窄屏错位 */
    .ban_list li img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .ban_nav {
        left: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        bottom: 12px !important;
        text-align: center;
    }

    /* ======================================================================
       G. 内页小 banner（原 1200x350）
       ====================================================================== */
    .min-banner {
        height: 30vw !important;
        min-height: 92px;
        max-height: 190px;
        overflow: hidden;
    }

    .min-banner img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover;
    }

    /* ======================================================================
       H. 站内搜索条
       ====================================================================== */
    .search-inp.fr {
        float: none !important;
        width: 100% !important;
        margin-top: 14px !important;
    }

    .search-txt {
        width: -webkit-calc(100% - 48px) !important;
        width: calc(100% - 48px) !important;
    }

    .keyword {
        width: 100% !important;
        padding: 10px 0 14px !important;
        font-size: 13px !important;
        line-height: 2 !important;
    }

    .keyword em {
        font-style: normal;
        color: #8a8a8a;
    }

    .keyword span {
        display: inline-block;
        margin-right: 10px;
    }

    /* ======================================================================
       I. 面包屑
       ====================================================================== */
    .crumbs-1 {
        height: auto !important;
        padding: 12px 0 !important;
        line-height: 1.9 !important;
        font-size: 13px !important;
        margin-bottom: 16px !important;
    }

    /* ======================================================================
       J. 首页产品展示区（原 .fllst 190px 左栏 + .m_cp 990px 右栏）
       ====================================================================== */
    .fllst {
        float: none !important;
        width: 100% !important;
        margin-bottom: 14px;
    }

    .m_cp {
        float: none !important;
        width: 100% !important;
    }

    .fllst-nav {
        font-size: 13px;
        line-height: 2.1;
    }

    .fllst-nav a {
        display: inline-block;
    }

    .g_pro .tit,
    h2.tit {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    /* 商品卡片：保留「一行两个」，只收敛间距 */
    .item-line {
        padding: 10px !important;
    }

    .item-title,
    .item-desc,
    .item-text,
    .item-subtitle {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    /* ======================================================================
       K. 产品详情 / 文章详情
       ====================================================================== */
    .prod-show {
        padding: 12px !important;
        margin-bottom: 20px !important;
    }

    .prod-title,
    h1.prod-title,
    h2.prod-title,
    h3.prod-title {
        font-size: 20px !important;
        line-height: 1.45 !important;
        padding: 6px 0 10px !important;
    }

    .prod-hot {
        padding: 16px 0 24px !important;
    }

    /* 富文本正文：图片自适应，宽表格可横向滑动而不撑破页面 */
    .endit-content,
    .prod-con-img {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    .endit-content img,
    .prod-con-img img {
        max-width: 100% !important;
        height: auto !important;
    }

    .endit-content table,
    .prod-con-img table {
        max-width: 100%;
    }

    .article-title,
    .article-desc {
        font-size: 15px !important;
        line-height: 1.85 !important;
    }

    /* 上一篇 / 下一篇 */
    .nsw-page-prev,
    .nsw-page-next {
        font-size: 13px !important;
        line-height: 1.9 !important;
    }

    /* ======================================================================
       L. 页脚（原 .flogo + .info 780px + .code 三栏，250px 固定高）
       ====================================================================== */
    .footer {
        height: auto !important;
        overflow: visible !important;
        padding: 22px 12px 28px !important;
    }

    .flogo {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 16px !important;
        display: block !important;
        text-align: center;
    }

    .flogo img {
        max-width: 150px;
        height: auto;
        margin: 0 auto;
    }

    .info {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .info-hz1 {
        float: none !important;
        width: 100% !important;
    }

    .info p {
        font-size: 13px !important;
        line-height: 1.9 !important;
        word-break: break-all;
    }

    .code {
        float: none !important;
        width: 100% !important;
        padding: 18px 0 0 !important;
        text-align: center;
    }

    .code img {
        width: 112px;
        height: 112px;
        margin: 0 auto;
        display: block;
    }

    /* ======================================================================
       M. 右侧悬浮工具条 / 返回顶部
       ====================================================================== */
    /* 162px 的展开面板在手机上会盖住正文，直接隐藏（联系入口由 .sidebar3 与页脚承担） */
    .sidebar2 {
        display: none !important;
    }

    /* 76px 的图标条缩到 52px，避免占据 1/7 屏宽 */
    .sidebar3 {
        width: 52px !important;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .12) !important;
        box-shadow: 0 0 6px rgba(0, 0, 0, .12) !important;
    }

    .sidebar3 .sidebar1-item {
        width: 52px !important;
        height: 56px !important;
        padding-top: 6px !important;
        font-size: 10px !important;
        line-height: 13px !important;
    }

    .sidebar3 .sidebar1-item-icon img {
        width: 26px !important;
        height: 26px !important;
    }

    .sidebar3 .sidebar1-item p {
        font-size: 10px !important;
        line-height: 13px !important;
    }

    .sidebar3 .sidebar1-tel-txt {
        width: 180px !important;
        right: 52px !important;
    }

    .sidebar3 .sidebar1-code-img {
        left: -128px !important;
    }

    .sidebar4 {
        width: 44px !important;
    }

    .sidebar4 .sidebar1-item,
    .sidebar4 .sidebar1-item-icon {
        width: 44px !important;
        height: 44px !important;
    }

    /* 返回顶部：靠右下角，留出安全边距 */
    .sidebar {
        right: 10px !important;
        bottom: 14px !important;
    }

    /* ======================================================================
       N. 联系我们 / 百度地图
       ====================================================================== */
    .contact-map,
    #map {
        height: 260px !important;
    }

    .BMap_mask {
        width: 100% !important;
    }

    .contact-con {
        padding: 12px !important;
        margin-bottom: 24px !important;
    }

    .contact-title,
    h2.contact-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    .contact-txt {
        font-size: 14px !important;
        line-height: 1.9 !important;
    }

    /* 留言表单：输入框全部撑满 */
    .message-content,
    .message-frm {
        width: 100% !important;
    }

    .message-textarea,
    .message-label,
    .message_button,
    input[type="text"],
    input[type="tel"],
    textarea {
        max-width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    textarea {
        width: 100% !important;
    }

    /* ======================================================================
       O. 关于我们 / 分页
       ====================================================================== */
    .com-title,
    h2.com-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }

    .com-con,
    .cor-cul-con {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }

    #pagination {
        margin: 28px 0 !important;
        text-align: center;
    }

    /* 客户案例：一行 4 个在手机上过密，改为一行 2 个 */
    .super-list.row-item-4 > .item-line,
    .super-list.row-item-3 > .item-line {
        width: 46% !important;
        margin: 0 2% 16px !important;
        float: left !important;
    }

    /* ======================================================================
       P. 「写死像素宽度」区块的流式兜底
          原模板大量使用 width:1200/1060/600/560/550/500/432/400px 的固定两栏，
          窄屏下会整体溢出被裁。此处统一改为 100% 并把左右栏改为上下堆叠。
       ====================================================================== */

    /* --- 区块大标题：原 width:1200px，居中且常带背景图 --- */
    .tit,
    .g_pro .tit,
    .g_an .tit,
    .g_ys .tit,
    .honor .tit,
    .news .tit,
    .about .tit,
    .zz .tit,
    h2.tit {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 22px !important;
    }

    .tit > span,
    .tit > i {
        display: block !important;
        width: 100% !important;
        font-style: normal;
    }

    /* --- 首页各区块：解除固定高度与超大上下留白 --- */
    .about,
    .honor,
    .news,
    .g_an,
    .g_ys,
    .cess,
    .ysbd,
    .hn_list,
    .link,
    .g_pro {
        height: auto !important;
        min-height: 0 !important;
    }

    .honor,
    .g_an,
    .g_ys,
    .about,
    .news,
    .cess {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    /* --- 首页：写死宽度的内容容器 --- */
    .link-list {
        width: 100% !important;
        margin: 16px 0 !important;
    }

    .news_t,
    .pc-cx-tel-1 {
        width: 100% !important;
        height: auto !important;
    }

    .cess ul.clearfix {
        width: 100% !important;
    }

    /* --- 首页图文两栏（案例 / 优势 / 关于 / 荣誉）→ 上下堆叠 --- */
    .zz-s dl,
    .ysc dl,
    .about .clearfix,
    .hn_list dl {
        width: 100% !important;
    }

    .zz-s dl > dt,
    .zz-s dl > dd,
    .ysc dt,
    .ysc dd,
    .about .clearfix > dt,
    .about .clearfix > dd,
    .hn_list dl > dt,
    .hn_list dl > dd {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .zz-s dt img,
    .ysc dt img,
    .about .clearfix dt img,
    .hn_list dt img {
        width: 100% !important;
        height: auto !important;
    }

    .abt_desc,
    .ys_desc,
    .cor-cul-desc {
        width: 100% !important;
        max-height: none !important;
    }

    /* --- 产品详情：左图 + 右参数两栏 → 堆叠 --- */
    .prod-show-left,
    .prod-show-right,
    .prod-show-left-pic {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
    }

    .prod-show-left {
        margin-bottom: 18px !important;
    }

    .prod-show-right {
        padding-top: 0 !important;
    }

    .prod-trait-info dl,
    .prod-trait-info dt,
    .prod-trait-info dd {
        width: 100% !important;
    }

    /* 图片放大镜提示在触摸屏无意义 */
    .prod-show-left-size {
        display: none !important;
    }

    /* --- 关于我们：企业文化两栏 → 堆叠 --- */
    .cor-cul-con dl,
    .cor-cul-con dt,
    .cor-cul-con dd,
    .cor-cul-name,
    .cor-cul-txt,
    .cor-cul-desc {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cor-cul-con dt img {
        width: 100% !important;
        height: auto !important;
    }

    /* --- 方案页 / 文章详情的正文容器 --- */
    .article-desc,
    .article-desc > div,
    .endit-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- 解决方案总览 / 产品列表内写死宽度 --- */
    .cp-lst,
    .cp-lst dl,
    .cp-lst dl > dt,
    .cp-lst dl > dd,
    .content > dl.clearfix,
    .content > dl.clearfix > dt,
    .content > dl.clearfix > dd {
        width: 100% !important;
        float: none !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* ======================================================================
       Q. 内边距补偿（兜底）
          原模板普遍是 content-box。凡在窄屏下被显式设为 100% 的元素，
          其左右 padding 都会把总宽顶出容器。统一按 border-box 计算。
       ====================================================================== */
    .prod-trait,
    .prod-trait-info,
    .prod-trait-info dl,
    .prod-trait-info dt,
    .prod-trait-info dd,
    .cor-cul-con,
    .cor-cul-con dl,
    .cor-cul-con dt,
    .cor-cul-con dd,
    .abt_desc,
    .ys_desc,
    .cp-lst,
    .cp-lst dl,
    .cp-lst dt,
    .cp-lst dd,
    .news_t,
    .pc-cx-tel-1,
    .link-list,
    .article-desc,
    .endit-content,
    .prod-show,
    .prod-show-left,
    .prod-show-right,
    .level-layout-item,
    .vertical-layout-item,
    .prod-list01 {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100% !important;
    }

    /* ======================================================================
       R. 细节修正
       ====================================================================== */

    /* 荣誉资质轮播：左右箭头原定位在容器外侧，窄屏下会被整体裁掉 → 移入内部 */
    .hn_list i.prev {
        left: 2px !important;
    }

    .hn_list i.next {
        left: auto !important;
        right: 2px !important;
    }

    /* 正文段落：原为 content-box 且带 80px 左内边距，会把宽度顶出容器 */
    #desc-txt,
    #desc-title,
    .article-desc > div,
    .endit-content > div,
    .prod-con-img > div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100% !important;
    }

    /* 百度地图：内部自行计算尺寸，容器不要再出现滚动条 */
    #map,
    .contact-map {
        overflow: hidden !important;
    }

    /* ======================================================================
       S. 文字换行与「上一篇 / 下一篇」
       ====================================================================== */

    /* 原模板多处使用 white-space:nowrap，窄屏下长标题会横向撑出容器 */
    #desc-title,
    #desc-txt,
    .prod-title,
    .article-title,
    .nsw-page-prev,
    .nsw-page-next,
    .prod-hot-name,
    .prod-hot-name > a,
    .item-title,
    .item-title > a,
    .fllst h2,
    .fllst h2 > a {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* 上一篇 / 下一篇：由并排两栏改为各占一行 */
    .nsw-page-prev,
    .nsw-page-next {
        display: block !important;
        float: none !important;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 1.9 !important;
    }

    /* 正文容器：去掉原左右外边距，避免顶出父容器 */
    .article-desc {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ======================================================================
       U. 主导航项与页头热线的针对性修正
       （原规则挂在 ul#blk-nav 上，特异性高于类选择器，这里用 ID 覆盖）
       ====================================================================== */

    /* 原模板把 8 个导航项均分为 12.5%，窄屏下每项仅约 48px，文字被裁切。
       改为按内容自适应宽度，总宽超出屏幕时横向滑动查看。 */
    #blk-nav > li {
        width: auto !important;
        min-width: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }

    #blk-nav > li > a {
        width: auto !important;
        white-space: nowrap !important;
    }

    /* 页头服务热线：原字号过大且逐行 block 显示，窄屏下会吃掉整屏高度 */
    .dfr,
    .dfr p,
    .dfr p em,
    .dfr p span,
    .dfr em,
    .dfr span,
    .dfr b,
    .dfr strong {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }

    .dfr p em,
    .dfr p span {
        display: inline !important;
        width: auto !important;
    }

    .dfr em,
    .dfr p em {
        font-style: normal;
        color: #8a8a8a;
        margin-right: 4px;
    }

    .dfr p span + span {
        margin-left: 10px;
    }
}

/* ==========================================================================
   超窄屏微调（≤400px）
   ========================================================================== */
@media (max-width: 400px) {

    .h_dw b {
        font-size: 16px !important;
    }

    .h_dw i {
        font-size: 11px !important;
    }

    #h1-tag img {
        max-width: 92px;
    }

    .nav-one > li > a {
        padding: 0 13px !important;
        font-size: 14px !important;
    }

    .item-line {
        padding: 8px !important;
    }
}
