/* ============================================================
   lianmengpaipai.com Responsive CSS (Safe Version)
   Upload to: /Css/seo-responsive.css
   IMPORTANT: All layout overrides are inside @media queries.
   Desktop layout is NOT affected at all.
   ============================================================ */

/* ===== Safe Global Rules (no layout impact) ===== */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* ===== Tablet & Mobile (below 980px) ===== */
@media (max-width: 980px) {

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow-x: hidden;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    table {
        max-width: 100% !important;
        word-wrap: break-word;
        word-break: break-all;
    }

    .context-body {
        width: 100% !important;
        max-width: 980px;
    }

    .myDiv,
    .myDivForBlog,
    .myDivRight,
    .myDivLeft {
        width: 100% !important;
        max-width: 960px;
        float: none !important;
    }

    .mainW,
    .mainBorder {
        width: 100% !important;
    }

    .bav ul {
        display: flex !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .bav ul li {
        flex: 1 1 auto !important;
        min-width: 80px !important;
        text-align: center !important;
        padding: 5px 2px !important;
    }

    .bav ul li a {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    .index_search {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        padding: 5px !important;
    }

    .index_search_company,
    .index_search_script,
    .index_search_line,
    .index_search_button {
        width: auto !important;
        min-width: 45% !important;
        margin: 3px !important;
        padding: 3px !important;
    }

    .index_search_company input,
    .index_search_script select,
    .index_search_line select {
        width: 120px !important;
        max-width: 60% !important;
    }

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

    .index_left_title_bg {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
    }

    .index_left_title_bg span {
        flex: 1 1 auto !important;
        text-align: center !important;
        padding: 3px !important;
        font-size: 12px !important;
    }

    .index_left_list {
        width: 100% !important;
        padding: 8px 5px !important;
        border-bottom: 1px solid #eee !important;
        overflow: hidden !important;
    }

    .index_left_list span {
        display: inline-block !important;
        margin: 2px !important;
    }

    .product-detail-div {
        width: 100% !important;
        float: none !important;
        overflow: hidden !important;
    }

    #idc_detail_left {
        width: 100% !important;
        float: none !important;
        margin-bottom: 10px !important;
    }

    .idc_detail_info,
    .idc_detail_info2 {
        display: block !important;
        width: 100% !important;
        padding: 3px 0 !important;
    }

    .footer {
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
    }

    .footer li {
        float: none !important;
        display: inline-block !important;
        margin: 3px !important;
    }

    .header {
        width: 100% !important;
        text-align: center !important;
    }

    .header .log,
    .header .buttonBar {
        display: inline-block !important;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 5px !important;
    }

    .header .buttonBar img {
        max-width: 100% !important;
        height: auto !important;
    }

    .p_bar {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        padding: 5px !important;
    }

    .p_bar a {
        margin: 2px !important;
        padding: 3px 6px !important;
    }

    .add_comment_title,
    .add_comment_content {
        width: 90% !important;
        max-width: 100% !important;
    }

    .add_comment_content {
        width: 95% !important;
    }

    .headerTop ul {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 5px !important;
    }

    .myDivLeft {
        display: none !important;
    }

    .list {
        width: 100% !important;
        padding-left: 10px !important;
    }
}

/* ===== Mobile (below 768px) ===== */
@media (max-width: 768px) {
    body {
        font-size: 13px !important;
    }

    .context-body {
        width: 100% !important;
        border: 0 !important;
    }

    .myDiv {
        width: 100% !important;
        padding: 0 5px !important;
        margin-top: 5px !important;
    }

    .myDivLeft {
        display: none !important;
    }

    .bav ul li {
        flex: 1 1 45% !important;
        min-width: 45% !important;
        font-size: 12px !important;
    }

    .index_search_company,
    .index_search_script,
    .index_search_line,
    .index_search_button {
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        text-align: left !important;
        padding: 5px 0 !important;
    }

    .index_search_company input {
        width: 60% !important;
    }

    .index_left_list span {
        font-size: 12px !important;
    }

    .jinjiaCompanyStyleNumber {
        display: none !important;
    }

    .header .buttonBar {
        display: none !important;
    }

    .header .log {
        width: 100% !important;
        text-align: center !important;
    }

    .header .log img {
        max-width: 200px !important;
    }

    #idc_detail_left {
        width: 100% !important;
        float: none !important;
    }

    #idc_detail_left table,
    .product-detail-div table {
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .rate-text {
        font-size: 12px !important;
    }

    .add_comment_content,
    textarea#content {
        width: 95% !important;
    }

    .add_comment_title,
    input#title {
        width: 90% !important;
    }

    .footer li {
        font-size: 11px !important;
    }

    .p_bar a.p_num,
    .p_bar a.p_redirect {
        padding: 2px 4px !important;
        font-size: 11px !important;
    }
}

/* ===== Small Phone (below 480px) ===== */
@media (max-width: 480px) {
    body {
        font-size: 12px !important;
    }

    .bav ul li {
        flex: 1 1 100% !important;
        min-width: 100% !important;
        border-bottom: 1px solid #eee !important;
    }

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

    .index_left_title_bg span {
        flex: 1 1 30% !important;
    }

    .index_left_list .ii5 {
        display: none !important;
    }

    .footer li {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin: 2px 0 !important;
    }
}