/* scss file*/

.mobile-display {
    display: none;
}

@media screen and (max-width: 960px) {
    .product {
        margin: 0 10px;
    }
}

@media screen and (max-width: 690px) {
    /* product */
    .product-banner .series-tool {
        text-align: center;
        position: relative;
        width: 100%;
        right: auto;
        bottom: auto;
        padding: 5px 0;
    }
    .product-banner .series-tool a {
        font-size: 12px;
    }
    .product .series-list {
        margin: 0px;
    }
    .product .series-list .item {
        display: block;
        width: 48%;
        margin: 0 1% 20px 1%;
    }
    .product .series-list .item .title {
        width: 100%;
    }
    .product .series-list .title {
        width: 100%;
    }
    .product .pro-lis .box .info .unit h4 span {
        padding: 0;
    }
    .product .series-list .item .title h3 span {
        font-size: 20px;
    }
    .product .product-list .item,
    .item {
        width: calc(50% - 6px);
    }
    .product .product-list .item .title {
        display: block;
    }
    .product .product-list .item .title h3 {
        width: 100%;
        border-radius: 5px 5px 0 0;
    }
    .product .pro-lis .box {
        display: block;
    }
    .product .pro-lis .box .photo-name {
        width: 100%;
    }
    .product .pro-lis .box .info .unit {
        display: block;
    }
    .product .pro-lis .box .info .unit h4 {
        margin: 0 auto;
    }
    .product .pro-lis .box .info .unit .data {
        font-size: 12px;
        padding: 10px 0;
    }
}

@media screen and (max-width: 520px) {
    .product .series-list .item {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
    }
    .funtion-box {
        height: auto;
    }
    .dealer-tool .info-list li .tool {
        position: relative;
        padding: 10px;
        width: 100%;
    }
    .dealer-tool .info-list li .tool div.PDF,
    .dealer-tool .info-list li .tool div.JPG,
    .dealer-tool .info-list li .tool div.ZIP {
        margin: 2px 0 0 5px;
    }
}

@media screen and (max-width: 480px) {
    .product-banner .series-tool a {
        padding: 5px 0px;
        width: 100px;
    }
    .product-banner .series-tool a span {
        margin: 0 4px 3px 0;
    }
    .product .product-list {
        margin: 0;
    }
    .product .product-list .item {
        width: 100%;
        margin: 0;
    }
}