.d-none {
    display: none;
}

.hb-container {
    display: inline-block;
    cursor: pointer;
}

.hb-bar1,
.hb-bar2,
.hb-bar3 {
    width: 25px;
    height: 3px;
    background-color: #fff;
    transition: 0.4s;
    margin-left: 12px;
    margin-top: 5px;
    position: relative;
    top: 20%;
}

.change .hb-bar1 {
    -webkit-transform: rotate(-45deg) translate(-2px, 6px);
    transform: rotate(-45deg) translate(-2px, 6px);
    margin-left: 10px;
    top: 23%;
}

.change .hb-bar2 {
    opacity: 0;
}

.change .hb-bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -9px);
    transform: rotate(45deg) translate(-5px, -9px);
    margin-left: 10px;
    top: 23%;
}

.footer-top-row {
    /* padding-bottom: 50px */
    padding-bottom: 20px
}

.footer-holder,
.footer-inner-holder {
    /* padding-bottom: 50px */
    padding-bottom: 30px
}