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


/* ============= REPONSIVE CODE FOR LANDSCAPE TABLET ======================== */


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

@media only screen and (min-width: 960px) and (max-width: 1240px) {
    /***
    * Responsive section slider
    */
    .section-slider .special-item-caption {
        top: 14%;
        right: 17%;
    }
    /***
    * Responsive section introduce
    */
    .section-introduce .content {
        width: 50%;
    }
    .section-introduce .content:first-child {
        padding-right: 30px;
        padding-left: 15px;
        float: left;
    }
    .section-introduce .content:last-child {
        padding-left: 30px;
        padding-right: 15px;
        float: right;
    }
    /***
    * Responsive section benefits
    */
    .section-benefits .img-benefits-container img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .section-benefits .img-benefits-container .img-second-row-left img {
        margin-left: initial;
        margin-top: 0;
    }
    .section-benefits .img-benefits-container .img-second-row-left {
        top: 5px;
        right: 20%;
    }
    .section-benefits .img-benefits-container .img-third-row-left img {
        margin-top: 10px;
        margin-left: -9px;
    }
    /***
    * Responsive section sign-up
    */
    .section-sign-up .btn-sign-up-now {
        padding: 20px 50px 15px 50px;
    }
}


/***
* Responsive section benefits
*/

@media only screen and (min-width: 960px) and (max-width: 991px) {
    .section-benefits .img-benefits-container img {
        width: 55%;
    }
}