@media only screen and (max-width : 767px) {
    body, body > main {
        padding-bottom: 54px;
        display: block !important;
    }
}

@media (min-width: 768px) {
    .ip-footer-nav {
        display: none!important;
    }
}
#footer .footer-container {
    padding-bottom: 54px !important;
}

.ip-footer-nav {
    position:fixed;
    width:100%;
    height:54px;
    bottom:0;
    left:0;
    z-index:1000;
    background: #fff;
    box-shadow: 0 0 8px #bbba;
    /*padding-top: 8px;*/
}

.ip-footer-nav .my-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ip-footer-nav .footer-item {
    text-align: center;
    padding: 8px 10px;
    line-height: 1rem;
}

.footernav-text {
    line-height: 1;
    margin-bottom: 0;
    font-size: 13px;
    color: inherit;
}

.footer-item svg {
    fill: currentColor;
    width: 24px;
    height: 24px;
}