.main_buttons {
    display: none;
}

/* fixing */

@media (max-width: 790px) {

    .main_buttons {

        position: fixed !important;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 60px;

        z-index: 99999;

        display: flex !important;

        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);

    }

    .main_buttons .on {

        flex: 1;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        padding: 4px 0;

    }

    .main_buttons .on i {

        font-size: 18px;

        margin-bottom: 2px;

    }

    .main_buttons .on a {

        font-size: 13px;

    }

    .main_buttons .one-third {
        width: 32%;
    }

    .main_buttons .one-half {
        width: 48%;
    }
}