@media screen and (max-width: 720px) {

    #section-page-header {
        padding: 50px 15px;
    }

    .page-header-box {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }

    .heading-primary {
        font-size: 26px;
        line-height: 32px;
    }

    .page-header-item-2 img {
        height: 200px;
        margin-top: 20px;
    }

    .paragraph {
        font-size: 16px;
        line-height: 28px;
    }

    #section-trucks-fleet {
        padding: 50px 15px;
    }

    .heading-secondary {
        font-size: 23px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .composition {
        flex-direction: column;
        padding: 20px 0;
    }

    .composition-item {
        flex: 0 0 100%;
    }

    .composition-item img {
        height: 170px;
        margin-bottom: 10px;
    }

    #section-card-benefits {
        padding: 0 15px;
    }

    .composition-col-1-of-2 {
        flex-direction: column;
    }

    .composition-col-1-of-2-textbox {
        padding: 20px 20px;
    }

    .composition-col-1-of-2-item img {
        height: 200px;
    }

    .composition-col-1-of-2-box-1 {
        flex-direction: column;
    }

    .composition-col-1-of-2-box-2 {
        flex-direction: column-reverse;
    }

    .row-bg {
        padding: 60px 20px;
    }

    #section-fuel-expenses {
        padding: 10px 15px 50px;
    }
}