/* Recommend ==============================*/
.pro-support .recommend-wrp {
    width: 27%;
    margin: 0;
    padding: 0;
    padding-left: 2em;
}


@media screen and (max-width:767px) {
    .pro-support .recommend-wrp {
        width: 100%;
        margin: 0;
        padding: 1.5em;
        border-left: none;
        text-align: center;
        background-color: #f9f9f9;
    }

    .pro-support .recommend-wrp .title {
        width: fit-content;
        margin: 1em auto;
    }
}

.pro-support .recommend-wrp .title .sml {
    display: inline-block;
    transform: scale(.85);
    transform-origin: left center;
}

@media screen and (max-width:767px) {
    .pro-support .recommend-wrp .title .sml {
        font-size: 1.1em;
        transform: scale(1);
        transform-origin: center center;
    }
}

.pro-support .recommend-banner {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 1em;
}

.pro-support .recommend-banner img {
    transition: all .3s;
}

.pro-support .recommend-banner:hover img {
    scale: 1.05;
}

@media screen and (max-width:767px) {
    .pro-support .recommend-banner {
        width: 80%;
        margin: 0 auto 1em;

    }
}