/* ========================================================================== */


/* ============= RESPONSIVE CODE FOR LANDSCAPE MOBILE ======================== */


/* ========================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /***
    * Responsive section banner
    */
    .section-banner {
        margin-top: 55px;
    }
    .section-banner .item-caption .caption-title {
        font-size: 27px;
    }
    .section-banner .item-caption .caption-content {
        font-size: 15px;
        line-height: 16px;
    }
    .section-banner .item-caption .caption-content .special-text {
        font-size: 23px;
    }
    /***
    * Responsive Section Introduce reward
    */
    .section-introduce-reward {
        margin-top: 56px;
    }
    .detail-commission p:last-child {
        padding-right: 45px;
    }
    /***
    * Responsive section benefits
    */
    .detail-benefits {
        width: 100%;
    }
    #benefit3 {
        padding-left: 60px;
    }
    #benefit1 {
        padding-right: 60px;
    }
    @media (max-width: 555px) {
        .pc-tablet {
            display: none;
        }
        .benefit-for-mobile {
            display: block;
        }
    }
    /***
    * Responsive section commission
    */
    .title-commission {
        font-size: 20px;
    }
    .title-commission span {
        font-size: 26px;
    }
    .commission-percent {
        width: 100%
    }
    /***
    * Responsive section rewards
    */
    .section-rewards header {
        padding-top: 150px;
    }
    .table-detail-rewards {
        width: 100%;
    }
    .table-detail-rewards th {
        text-align: center;
    }
    .table-detail-rewards td {
        font-size: 17px;
        text-align: center;
    }
    .table-detail-rewards .reward-status img {
        display: block;
        margin: auto;
    }
    /***
    * Responsive section sign up
    */
    .section-sign-up .banner-text {
        margin-left: 0;
    }
    .section-sign-up .banner-text h2 {
        text-align: center;
    }
    .section-sign-up .btn-sign-up-now {
        display: block;
        margin: 18px 15px 0 15px;
        padding: 12px 50px 10px 50px;
    }
}