/******************************************************************************
* $ Sticky Footer
/*****************************************************************************/
html,
body {
    height: 100%;
}

.sticky-wrapper {
    min-height: 100vh;
    height: auto !important;
    height: 100%;
    margin-bottom: -275px; /* the bottom margin is the negative value of the footer's height */
}
.sticky-push,
.sticky-footer {
    height: 275px;
}


@media (min-width: 768px) {

    .sticky-wrapper {
        margin-bottom: -180px; /* the bottom margin is the negative value of the footer's height */
    }

    .sticky-push,
    .sticky-footer {
        height: 180px;
    }
}