/*
 * WPTradeA-en 响应式适配 - 2026-08-20
 * 原主题固定 970px 宽度，以下媒体查询在窄屏下改为流式布局
 */
@media screen and (max-width: 1000px) {
    .container, .container_top, .container_btm, .container_cnt { width: 100%; }
    .navi { width: 100%; }
    .flist { width: 100%; }
    .banner { width: 100%; }
    .friendlink ul { width: 100%; }
    .sitemaps { width: 100%; padding: 0 10px; }
    .logo a { width: 320px; }
}

@media screen and (max-width: 768px) {
    /* 布局改为单列 */
    .container_cnt { padding: 8px 10px; }
    .flist { float: none; width: auto; }
    .sidebar { float: none; width: auto; }
    .sidebar ul li { width: auto; }
    .navi { height: auto; line-height: normal; }
    .navi li { float: none; display: block; }
    .navi li a { padding: 8px 10px; }
    .navi li ul { position: static; width: auto; display: none; }
    .navi li:hover ul { display: block; }
    .banner { height: auto; }
    .logo { float: none; text-align: center; }
    .logo a { margin: 0 auto; }
    .searchform { float: none; width: 100%; }
    .searchInput { width: 80%; }
    .flist ul li { width: 48%; }
    .thumb { width: 100%; }
    .thumb img { width: 90%; height: auto; }
    .related_products ul li { width: 45%; }
    .post_comment { width: 100%; }
    table { max-width: 100%; }
    img { max-width: 100%; height: auto; }
}

@media screen and (max-width: 480px) {
    .flist ul li { width: 100%; }
    .related_products ul li { width: 100%; }
    .logo a { width: 240px; background-size: contain; }
    .container_cnt { padding: 5px; }
    .sitemaps { width: 100%; }
}