@charset "utf-8";
/* =========================================================
   宝宝鱼 母婴门户模板 portal.css
   ========================================================= */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
    font-size:14px;line-height:1.7;color:#333;background:#f5f6f8;
}
a{color:#333;text-decoration:none;transition:color .2s;}
a:hover{color:#ff6a3d;}
ul,ol,li{list-style:none;}
img{border:0;vertical-align:middle;max-width:100%;}
input,button{font-family:inherit;outline:none;}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 10px;}
.clear:after{content:"";display:block;clear:both;}
.fl{float:left;}.fr{float:right;}
.ht-grid:before,.ht-grid:after{content:"";display:table;}
.ht-grid:after{clear:both;}

/* ============ 顶部通栏 ============ */
.topbar{background:#fff6f0;border-bottom:1px solid #ffe6d6;color:#a0725a;font-size:12px;}
.topbar .container{height:34px;line-height:34px;display:flex;justify-content:space-between;}
.topbar a{color:#a0725a;margin-left:16px;}
.topbar a:hover{color:#ff6a3d;}
.topbar .welcome i{color:#ff8f5e;margin-right:5px;}

/* ============ 头部 ============ */
.header{background:#fff;}
.header .container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;}
.brand{display:flex;align-items:center;}
.brand .brand-logo{display:block;width:64px;height:64px;margin-right:12px;}
.brand .brand-txt h1{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:1px;
    background:linear-gradient(135deg,#ff9a5a,#ff6a3d);-webkit-background-clip:text;background-clip:text;color:transparent;}
.brand .brand-txt p{font-size:12px;color:#9aa0aa;letter-spacing:2px;margin-top:2px;}

/* 搜索 */
.search-box{width:560px;max-width:48vw;}
.search-form{display:flex;height:44px;border:2px solid #ff7a45;border-radius:24px;overflow:hidden;background:#fff;}
.search-form .search-input{flex:1;border:0;padding:0 20px;font-size:14px;color:#555;background:transparent;}
.search-form .search-submit{width:96px;border:0;cursor:pointer;font-size:16px;font-weight:700;color:#fff;
    background:linear-gradient(135deg,#ff9a5a,#ff6a3d);letter-spacing:4px;text-indent:4px;}
.search-form .search-submit:hover{background:linear-gradient(135deg,#ff8a45,#f2552a);}
.hot-words{margin-top:8px;padding-left:18px;font-size:12px;color:#9aa0aa;white-space:nowrap;overflow:hidden;}
.hot-words a{color:#9aa0aa;margin-right:14px;}
.hot-words a:hover{color:#ff6a3d;}
.hot-words b{color:#ff7a45;font-weight:normal;margin-right:6px;}

/* ============ 主导航 ============ */
.mainnav{background:linear-gradient(90deg,#ff8a4c,#ff6a3d);box-shadow:0 3px 10px rgba(255,106,61,.22);position:relative;z-index:200;}
.mainnav.sticky{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 12px rgba(0,0,0,.18);}
.nav-toggle{display:none;}
.nav-list{display:flex;width:1200px;max-width:100%;margin:0 auto;padding:0 10px;flex-wrap:wrap;overflow:hidden;}
.nav-list>li{position:relative;}
.nav-list>li>a{display:block;height:52px;line-height:52px;padding:0 24px;color:#fff;font-size:16px;font-weight:600;position:relative;}
.nav-list>li>a .fa{margin-right:5px;font-size:14px;opacity:.9;}
.nav-list>li.home>a{padding-left:26px;}
.nav-list>li:hover>a,.nav-list>li.current>a{background:rgba(0,0,0,.12);}
.nav-list>li.current>a:after{content:"";position:absolute;left:50%;bottom:6px;width:24px;height:3px;border-radius:2px;background:#fff;transform:translateX(-50%);}
.nav-toggle-bar{display:none;}

/* 下拉菜单 */
.mega{position:absolute;top:52px;left:0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 10px 30px rgba(120,60,20,.18);
    padding:14px 18px;display:none;z-index:300;}
.nav-list>li:hover .mega{display:block;}
.mega.wide{width:880px;}
.mega.normal{width:220px;padding:8px 0;}
.mega.normal a{display:block;padding:9px 22px;font-size:14px;color:#555;}
.mega.normal a:hover{background:#fff4ec;color:#ff6a3d;}
.mega-cols{display:flex;flex-wrap:wrap;}
.mega-col{width:25%;padding:4px 14px 10px;}
.mega-col h3{font-size:14px;font-weight:700;color:#ff6a3d;padding-bottom:7px;margin-bottom:7px;border-bottom:1px dashed #ffd8c2;white-space:nowrap;overflow:hidden;}
.mega-col h3 a{color:#ff6a3d;}
.mega-col h3 a:hover{text-decoration:underline;}
.mega-col ul li{line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mega-col ul li a{color:#666;font-size:13px;}
.mega-col ul li a:hover{color:#ff6a3d;}

/* ============ 主体布局 ============ */
.portal-main{padding:16px 0 30px;}
.card{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(80,60,40,.05);}
.portal-grid{display:flex;}
.portal-grid .col-main{flex:1;min-width:0;margin-right:14px;}
.portal-grid .col-side{width:300px;flex-shrink:0;}

/* 区块标题 */
.block-hd{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-bottom:2px solid #fff0e8;}
.block-hd .bh-l{display:flex;align-items:center;font-size:18px;font-weight:800;color:#4a3b32;}
.block-hd .bh-l .fa{color:#ff6a3d;margin-right:8px;font-size:17px;}
.block-hd .bh-l em{font-style:normal;color:#bbb9b6;font-size:12px;font-weight:400;margin-left:10px;}
.block-hd .bh-r a{color:#9aa0aa;font-size:13px;}
.block-hd .bh-r a:hover{color:#ff6a3d;}
.block.c1 .block-hd .bh-l .fa{color:#ff6a3d;}
.block.c2 .block-hd .bh-l .fa{color:#22a7c9;}
.block.c3 .block-hd .bh-l .fa{color:#8e6bd6;}
.block.c4 .block-hd .bh-l .fa{color:#f5a623;}

/* ============ 首屏 ============ */
.hero{display:flex;margin-bottom:14px;}
.hero .hero-slider{width:810px;max-width:68vw;flex-shrink:0;position:relative;border-radius:10px;overflow:hidden;height:360px;background:#ffe9dc;}
.slides{position:relative;height:100%;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s;}
.slide.on{opacity:1;z-index:2;}
.slide img{width:100%;height:100%;object-fit:cover;display:block;}
.slide .slide-cap{position:absolute;left:0;right:0;bottom:0;padding:36px 20px 14px;color:#fff;z-index:3;
    background:linear-gradient(transparent,rgba(120,40,10,.72));}
.slide .slide-cap h3{font-size:20px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.slide .slide-cap p{font-size:13px;opacity:.9;margin-top:2px;}
.slider-dots{position:absolute;right:16px;bottom:14px;z-index:5;display:flex;gap:8px;}
.slider-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;}
.slider-dots span.on{background:#fff;width:24px;border-radius:5px;}

.hero .hero-side{flex:1;min-width:0;margin-left:14px;display:flex;flex-direction:column;}
.hot-tab{flex:1;display:flex;flex-direction:column;}
.hot-tab .tab-hd{display:flex;height:46px;border-bottom:1px solid #f0e7e1;}
.hot-tab .tab-hd a{flex:1;text-align:center;line-height:46px;font-size:16px;font-weight:700;color:#666;position:relative;}
.hot-tab .tab-hd a.on{color:#ff6a3d;}
.hot-tab .tab-hd a.on:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:34px;height:3px;border-radius:2px;background:#ff6a3d;}
.tab-bd{flex:1;padding:8px 18px 10px;min-width:0;}
.tab-bd ul{display:none;}
.tab-bd ul.show{display:block;}
.tab-bd ul li{height:34px;line-height:34px;font-size:14px;display:flex;align-items:center;min-width:0;}
.tab-bd ul li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tab-bd ul li a:hover{color:#ff6a3d;}
.rank-no{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border-radius:4px;background:#d8d8d8;color:#fff;font-size:12px;margin-right:8px;font-weight:700;vertical-align:1px;}
.tab-bd ul li:nth-child(1) .rank-no,.tab-bd ul li:nth-child(2) .rank-no,.tab-bd ul li:nth-child(3) .rank-no{background:#ff6a3d;}
.tab-bd ul li:nth-child(4) .rank-no,.tab-bd ul li:nth-child(5) .rank-no{background:#ffa478;}

/* 快捷入口 */
.quicknav{background:#fff;border-radius:10px;padding:14px 8px 8px;margin-bottom:14px;box-shadow:0 2px 10px rgba(80,60,40,.05);}
.quicknav a{float:left;width:10%;text-align:center;padding:10px 4px 12px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.quicknav a:hover{background:#fff4ec;}
.quicknav .qico{width:46px;height:46px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;}
.quicknav .q1{background:linear-gradient(135deg,#ffb07a,#ff7a45);}
.quicknav .q2{background:linear-gradient(135deg,#7cd0f0,#38b2d6);}
.quicknav .q3{background:linear-gradient(135deg,#ffb3b3,#ff7a9c);}
.quicknav .q4{background:linear-gradient(135deg,#c6a5ff,#9a74e6);}
.quicknav .q5{background:linear-gradient(135deg,#ffe08a,#f5b53a);}
.quicknav .q6{background:linear-gradient(135deg,#9be7a9,#4cc968);}
.quicknav .q7{background:linear-gradient(135deg,#92d7ff,#4c9fe6);}
.quicknav .q8{background:linear-gradient(135deg,#ffa98f,#ff5f6d);}
.quicknav .q9{background:linear-gradient(135deg,#8ce3d0,#27b89a);}
.quicknav .q10{background:linear-gradient(135deg,#d1b3ff,#8e6bd6);}
.quicknav span{font-size:13px;color:#555;}

/* ============ 栏目分区 ============ */
.section-grid{display:flex;flex-wrap:wrap;margin:0 -7px;}
.section-grid .block{width:50%;padding:0 7px;margin-bottom:14px;}
.section-grid .block-bd{padding:14px 18px 10px;}
.lead-news{padding-bottom:10px;margin-bottom:6px;border-bottom:1px dashed #f0e7e1;}
.lead-news h3{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:6px;}
.lead-news h3 a{color:#3d2f28;}
.lead-news h3 a:hover{color:#ff6a3d;}
.lead-news .lead-desc{color:#8a8f99;font-size:13px;line-height:1.8;height:46px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list li{height:35px;line-height:35px;display:flex;align-items:center;font-size:14px;}
.news-list li .dot{width:5px;height:5px;border-radius:50%;background:#ffb38a;margin-right:9px;flex-shrink:0;}
.news-list li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;}
.news-list li a:hover{color:#ff6a3d;}
.news-list li .date{color:#b5b5b5;font-size:12px;margin-left:10px;flex-shrink:0;}
.news-list li.hot a{font-weight:600;color:#3d2f28;}
.news-list li.hot .dot{background:#ff6a3d;}

/* 头条/新闻通栏 */
.wide-block{margin-bottom:14px;}
.wide-block .block-bd{padding:8px 18px 14px;}
.wide-list{display:flex;flex-wrap:wrap;}
.wide-list li{width:25%;padding:7px 12px 7px 0;display:flex;align-items:center;min-width:0;}
.wide-list li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;}
.wide-list li a:hover{color:#ff6a3d;}
.wide-list .rank-no{background:#d8d8d8;}
.wide-list li:nth-child(-n+3) .rank-no{background:#ff6a3d;}
.wide-list li:nth-child(n+4):nth-child(-n+6) .rank-no{background:#ffa478;}

/* 频道速查 */
.chindex .block-bd{padding:14px 18px 16px;}
.chindex-group{margin-bottom:12px;display:flex;align-items:flex-start;}
.chindex-group:last-child{margin-bottom:0;}
.chindex-group .g-name{flex-shrink:0;width:86px;height:30px;line-height:30px;text-align:center;border-radius:15px;color:#fff;font-weight:700;font-size:14px;margin:2px 14px 2px 0;}
.chindex-group.g1 .g-name{background:linear-gradient(135deg,#ff9a5a,#ff6a3d);}
.chindex-group.g2 .g-name{background:linear-gradient(135deg,#5cc6e6,#22a7c9);}
.chindex-group.g3 .g-name{background:linear-gradient(135deg,#b39df0,#8e6bd6);}
.chindex-group .g-links{flex:1;display:flex;flex-wrap:wrap;}
.chindex-group .g-links a{padding:4px 13px;margin:2px 8px 2px 0;color:#666;border-radius:4px;font-size:13px;}
.chindex-group .g-links a:hover{background:#fff0e8;color:#ff6a3d;}

/* 面包屑(内页) */
.crumb{height:42px;line-height:42px;color:#9aa0aa;font-size:13px;}
.crumb a{color:#9aa0aa;}
.crumb a:hover{color:#ff6a3d;}
.crumb .fa{margin:0 7px;font-size:11px;}

/* 内页主体 */
.page-card{background:#fff;border-radius:10px;padding:20px 26px;box-shadow:0 2px 10px rgba(80,60,40,.05);}
.page-head{border-bottom:2px solid #fff0e8;padding-bottom:14px;margin-bottom:16px;}
.page-head h1{font-size:24px;color:#3d2f28;}
.subchannellist{margin-top:12px;display:flex;flex-wrap:wrap;}
.subchannellist a{padding:4px 14px;margin:0 10px 8px 0;background:#f7f7f9;border-radius:15px;font-size:13px;color:#666;}
.subchannellist a:hover,.subchannellist a.cur{background:#fff0e8;color:#ff6a3d;}

/* 文章列表 */
.article-list .art-item{padding:18px 4px;border-bottom:1px dashed #eee;}
.article-list .art-item:last-child{border-bottom:0;}
.article-list .art-item h2{font-size:18px;font-weight:700;margin-bottom:8px;}
.article-list .art-item h2 a{color:#333;}
.article-list .art-item h2 a:hover{color:#ff6a3d;}
.article-list .art-desc{color:#8a8f99;font-size:13px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-list .art-meta{margin-top:9px;font-size:12px;color:#b0b0b0;}
.article-list .art-meta a{color:#b0b0b0;}
.article-list .art-meta span{margin-right:18px;}
.article-list .art-meta .fa{margin-right:5px;}
.empty-tip{padding:60px 0;text-align:center;color:#aaa;}

/* 分页 */
.pagination{text-align:center;padding:26px 0 6px;}
.pagination .page-numbers{display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 10px;margin:0 4px;border:1px solid #e8e8e8;border-radius:6px;color:#666;background:#fff;}
.pagination .page-numbers:hover{border-color:#ff7a45;color:#ff6a3d;}
.pagination .page-numbers.current{background:#ff6a3d;border-color:#ff6a3d;color:#fff;}

/* 文章详情 */
.detail-hd{text-align:center;padding:10px 0 18px;border-bottom:1px solid #f2f2f2;}
.detail-hd h1{font-size:27px;line-height:1.5;color:#2f2f2f;}
.detail-meta{margin-top:14px;color:#a6a6a6;font-size:13px;}
.detail-meta span{margin:0 12px;}
.detail-meta .fa{margin-right:5px;}
.detail-content{padding:24px 4px 10px;font-size:16px;line-height:2;color:#333;}
.detail-content p{margin-bottom:18px;}
.detail-content img{max-width:100%;height:auto;border-radius:6px;margin:10px auto;display:block;}
.detail-content h2,.detail-content h3{margin:26px 0 12px;color:#ff6a3d;}
.detail-content a{color:#22a7c9;}
.detail-content table{max-width:100%;}
.detail-tags{padding:16px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee;margin-top:14px;}
.detail-tags a{display:inline-block;padding:3px 14px;margin:0 8px 6px 0;background:#fff4ec;color:#ff6a3d;border-radius:14px;font-size:13px;}
.detail-tags a:hover{background:#ff6a3d;color:#fff;}
.related{margin-top:26px;}
.related h3{font-size:18px;margin-bottom:12px;color:#3d2f28;}
.related h3 .fa{color:#ff6a3d;margin-right:7px;}
.related ul{display:flex;flex-wrap:wrap;margin:0 -8px;}
.related li{width:33.33%;padding:8px;}
.related li a{display:block;background:#faf8f6;border-radius:8px;padding:12px 14px;font-size:14px;color:#4d4d4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.related li a:hover{background:#fff0e8;color:#ff6a3d;}
#comments{margin-top:20px;}

/* 单页 */
.page-content{font-size:16px;line-height:2;color:#444;padding:10px 4px;}
.page-content p{margin-bottom:16px;}
.page-content img{max-width:100%;}

/* ============ 侧边栏 ============ */
.side-widget{background:#fff;border-radius:10px;margin-bottom:14px;box-shadow:0 2px 10px rgba(80,60,40,.05);overflow:hidden;}
.side-widget .sw-hd{height:46px;line-height:46px;padding:0 18px;font-size:16px;font-weight:800;color:#3d2f28;border-bottom:2px solid #fff0e8;}
.side-widget .sw-hd .fa{color:#ff6a3d;margin-right:8px;}
.side-widget .sw-bd{padding:12px 18px 16px;}
.side-search{display:flex;height:40px;border:1px solid #ffd3bd;border-radius:20px;overflow:hidden;}
.side-search .search-input{flex:1;border:0;padding:0 16px;font-size:13px;}
.side-search .search-submit{width:64px;border:0;background:linear-gradient(135deg,#ff9a5a,#ff6a3d);color:#fff;cursor:pointer;}
.hot-rank li{display:flex;padding:8px 0;border-bottom:1px dashed #f4f0ec;}
.hot-rank li:last-child{border-bottom:0;}
.hot-rank .rank-no{flex-shrink:0;margin-top:7px;}
.hot-rank .hot-info{min-width:0;}
.hot-rank .hot-info a{display:block;font-size:14px;line-height:1.5;color:#4d4d4d;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hot-rank li:nth-child(-n+3) .hot-info a{font-weight:700;color:#3d2f28;}
.hot-rank .hot-info a:hover{color:#ff6a3d;}
.hot-rank .hot-meta{font-size:12px;color:#b5b5b5;margin-top:2px;}
.side-tags a{display:inline-block;padding:4px 13px;margin:0 8px 8px 0;background:#f7f7f9;border-radius:14px;font-size:13px;color:#666;}
.side-tags a:hover{background:#fff0e8;color:#ff6a3d;}
.side-ad img{width:100%;border-radius:8px;display:block;}

/* ============ 页脚 ============ */
.footer{background:#45322b;color:#c8b8ae;margin-top:20px;}
.footer .friendlinks{border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0;font-size:13px;}
.footer .friendlinks b{color:#fff;font-weight:600;margin-right:12px;}
.footer .friendlinks a{color:#b8a69b;margin-right:16px;}
.footer .friendlinks a:hover{color:#ff9a5a;}
.footer .ft-main{padding:34px 0 26px;display:flex;flex-wrap:wrap;}
.footer .ft-col{width:18.75%;padding-right:18px;}
.footer .ft-col.ft-brand{width:25%;}
.footer .ft-col h4{color:#fff;font-size:16px;margin-bottom:14px;}
.footer .ft-col li{line-height:2.1;}
.footer .ft-col li a{color:#c8b8ae;font-size:13px;}
.footer .ft-col li a:hover{color:#ff9a5a;}
.footer .ft-brand .brand .brand-txt h1{font-size:28px;}
.footer .ft-brand p{font-size:13px;line-height:2;color:#b3a196;margin-top:10px;}
.footer .ft-brand .ft-contact{margin-top:12px;font-size:13px;color:#b3a196;}
.footer .ft-brand .ft-contact i{color:#ff9a5a;margin-right:7px;width:16px;text-align:center;}
.footer .ft-bottom{background:#382720;padding:16px 0;text-align:center;font-size:12px;color:#9c8b80;line-height:2;}
.footer .ft-bottom a{color:#9c8b80;}
.footer .ft-bottom a:hover{color:#ff9a5a;}

/* 返回顶部 */
#back-top{position:fixed;right:24px;bottom:60px;width:46px;height:46px;border-radius:50%;
    background:rgba(255,106,61,.85);color:#fff;text-align:center;line-height:46px;font-size:20px;
    cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:900;box-shadow:0 4px 14px rgba(255,106,61,.4);}
#back-top.show{opacity:1;visibility:visible;}
#back-top:hover{background:#ff6a3d;}

/* ============ 响应式 ============ */
@media screen and (max-width:1220px){
    .container{width:100%;}
}
@media screen and (max-width:980px){
    .header .container{flex-direction:column;align-items:stretch;}
    .brand{justify-content:center;margin-bottom:14px;}
    .search-box{width:100%;max-width:100%;}
    .hot-words{display:none;}
    .nav-toggle{display:block;height:46px;line-height:46px;color:#fff;font-size:16px;padding:0 18px;cursor:pointer;font-weight:700;}
    .nav-toggle .fa{margin-right:8px;}
    .nav-list{display:none;flex-direction:column;background:#ff6a3d;}
    .nav-list.open{display:flex;}
    .nav-list>li>a{height:46px;line-height:46px;padding:0 18px;font-size:15px;}
    .mega{position:static;display:block;box-shadow:none;border-radius:0;background:#ff7a4c;padding:6px 14px 10px;}
    .mega.wide{width:100%;}
    .mega-col{width:50%;}
    .mega-col h3{color:#fff;border-color:rgba(255,255,255,.25);}
    .mega-col h3 a,.mega-col ul li a{color:#fff;opacity:.92;}
    .mega.normal a{color:#fff;}
    .mainnav.sticky{position:static;}
    .hero{flex-direction:column;}
    .hero .hero-slider{width:100%;max-width:100%;height:220px;}
    .hero .hero-side{margin-left:0;margin-top:12px;}
    .quicknav a{width:20%;}
    .section-grid .block{width:100%;}
    .wide-list li{width:50%;}
    .portal-grid{flex-direction:column;}
    .portal-grid .col-main{margin-right:0;}
    .portal-grid .col-side{width:100%;}
    .footer .ft-col,.footer .ft-col.ft-brand{width:50%;margin-bottom:18px;}
    .chindex-group{flex-direction:column;}
    .chindex-group .g-name{margin-bottom:6px;}
    .related li{width:50%;}
}
@media screen and (max-width:560px){
    .brand .brand-logo{width:48px;height:48px;}
    .brand .brand-txt h1{font-size:27px;}
    .quicknav a{width:25%;}
    .mega-col{width:100%;}
    .wide-list li{width:100%;}
    .topbar .top-links a:nth-child(-n+2){display:none;}
    .detail-hd h1{font-size:21px;}
    .related li{width:100%;}
    .footer .ft-col,.footer .ft-col.ft-brand{width:100%;}
    .page-card{padding:16px 14px;}
}