html {
    -webkit-text-size-adjust: 100%;
}

body {
    overflow-x: hidden;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

img,
video,
iframe,
embed,
object {
    max-width: 100%;
}

iframe,
embed,
object {
    width: 100%;
}

table {
    max-width: 100%;
}

.container {
    width: 100%;
    max-width: 1170px;
}

.top .box {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
}

.brand-content,
.brand-contents {
    width: 100%;
    max-width: 100%;
}

.search {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px;
}

.search input {
    flex: 1;
    width: auto !important;
    min-width: 0;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}

.search-btn {
    flex-shrink: 0;
    height: 48px;
    line-height: 48px;
}

#banner img {
    width: 100%;
    height: auto;
    display: block;
}

.page-pager {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px 20px;
    text-align: right;
    overflow-x: auto;
}

.youshi-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-wechat {
    width: 140px;
    max-width: 100%;
    height: auto;
}

.dealer-finder {
    max-width: 560px;
    width: 100%;
}

img {
    height: auto;
}

.p-detail-img img,
.blog-list img,
.pro-content img {
    height: auto;
}

@media (max-width: 1199px) {
    .pro-content {
        margin-left: -12px;
        margin-right: -12px;
    }

    .pro-content .pro-item {
        float: left;
        width: 31.333%;
        margin: 0 1% 20px;
    }

    .pro-content .pro-item:nth-child(1) {
        margin-left: 1%;
    }

    .brand-content li {
        width: 22%;
        margin-right: 3%;
    }

    .footer_nav {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .top {
        height: auto;
        line-height: 1.5;
        padding: 8px 0;
    }

    .top .box {
        overflow: hidden;
    }

    .top .left,
    .top .right {
        float: none;
        display: block;
        text-align: center;
        font-size: 12px;
    }

    .top .right {
        margin-top: 4px;
    }

    .navbar-header-custom {
        padding: 12px 0;
    }

    .navbar-logo img {
        max-height: 40px;
        margin-left: 0;
    }

    .navbar-custom .navbar-toggle {
        margin-top: 12px;
        margin-right: 10px;
    }

    .navbar-links-custom {
        margin-left: 0 !important;
    }

    .navbar-links-custom > li.has-sub > .sub-nav {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        padding: 0 0 8px 16px;
        background: #f7f9fb;
        text-align: left;
        display: none;
    }

    .navbar-links-custom > li.has-sub.open-sub > .sub-nav {
        display: block;
    }

    .navbar-links-custom > li.has-sub:hover > .sub-nav,
    .navbar-links-custom > li.has-sub:focus-within > .sub-nav {
        display: none;
    }

    .navbar-links-custom > li.has-sub.open-sub > .sub-nav,
    .navbar-links-custom > li.has-sub.open-sub:hover > .sub-nav {
        display: block;
    }

    .search {
        padding: 0 15px 15px;
    }

    .search input {
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }

    .search-btn {
        height: 42px;
        line-height: 42px;
        width: 70px;
    }

.section-block-grey .col-xs-4,
.section-block-grey .col-xs-8,
.section .col-xs-4,
.section .col-xs-8 {
        width: 100%;
        float: none;
    }

    .cat-mega-panel {
        position: static;
        display: none !important;
        width: 100%;
        max-width: none;
        min-height: 0;
        box-shadow: none;
        padding: 8px 14px 12px 38px;
        background: #d7edf9;
    }

    .cat-mega-item.open .cat-mega-panel {
        display: block !important;
    }

    .cat-mega-row {
        flex-direction: column;
    }

    .cat-mega-group {
        text-align: left;
        flex: none;
        padding-right: 0;
    }

    .nyleft_p ul {
        flex-wrap: wrap;
    }

    .nyleft_p ul li {
        width: 46%;
        margin: 0 2% 12px;
    }

    .youshi-bg ul {
        height: auto;
        flex-wrap: wrap;
        padding: 16px 0;
    }

    .youshi-bg li {
        flex: 1 1 50%;
        justify-content: center !important;
        padding: 10px 0;
    }

    .footers .info {
        margin-top: 0 !important;
        margin-bottom: 24px;
    }

    .footer_nav {
        flex-wrap: wrap;
        width: 100%;
    }

    .footer_nav dl {
        flex: 1 1 45%;
        margin-bottom: 20px;
    }

    .link li {
        width: 50%;
        margin-bottom: 16px;
    }

    .page-title h1 {
        font-size: 28px;
    }

    .nyleft_title strong {
        font-size: 18px;
    }

    .scrollsidebar {
        transform: scale(.86);
        transform-origin: right top;
        top: 180px;
    }
}

@media (max-width: 767px) {
    .pro-content .pro-item {
        width: 48%;
        margin: 0 1% 16px;
    }

    .pro-content .pro-item:nth-child(1) {
        margin-left: 1%;
    }

    .brand-content {
        height: auto;
    }

    .brand-content li {
        width: 46%;
        margin-right: 4%;
    }

    .youshi-bg li {
        flex: 1 1 100%;
    }

    .footer_nav dl {
        flex: 1 1 100%;
    }

    .link li {
        width: 50%;
    }

    .page-title h1 {
        font-size: 22px;
    }

    .page-title-section {
        padding: 24px 0;
    }

    .contact-icon {
        margin-bottom: 24px;
    }

    .primary-form .col-xs-6 {
        width: 100%;
    }

    .search {
        flex-wrap: wrap;
    }

    .search input,
    .search-btn {
        width: 100% !important;
    }

    .dealer-section {
        padding: 28px 0 48px;
    }

    .dealer-title {
        font-size: 22px !important;
    }

    .dealer-name {
        font-size: 18px !important;
    }

    .dealer-filter select {
        height: 44px;
        font-size: 15px;
    }

    .p-detail-img,
    .section .container p,
    .section .container {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .scrollsidebar {
        display: none;
    }

    .page-pager {
        text-align: center;
    }
}

@media (max-width: 479px) {
    .pro-content .pro-item {
        width: 100%;
        margin: 0 0 16px;
        float: none;
    }

    .brand-content li {
        width: 100%;
        margin-right: 0;
    }

    .nyleft_p ul li {
        width: 100%;
        margin: 0 0 12px;
    }
}