.footer-container {
    background-color: #f3f3f4;
}

.footer-content {
    max-width: 1400px;
    font-family: 'ReadexPro-Regular';
    margin: auto;
    padding:  40px 0;
}

.footer-top-content {
    display: flex;
}

.footer-top-left-content {
    width: 25%;
}

.footer-top-center-right-content {
    display: flex;
    width: 75%;
}

.footer-top-center-right-content .widget {
    width: 100%;
}

.footer-content .ubermenu-main {
    background: transparent;
}

.footer-content .ubermenu-nav {
    display: flex;
    flex-direction: column;
}

.footer-content .ubermenu .ubermenu-target {
    padding: 0;
}

.footer-header-items {
    color: #222222;
    font-size: 14px;
    font-weight: 700;
}
.footer-header {
    margin-bottom: 8px;
}
.footer-content ul li,
.footer-content .widget ul li,
.footer-content .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-size: 14px;
    color: #555555;
    font-weight: 500;
    padding: 0;
    line-height: 24px;
}

.footer-content ul {
    margin: 0;
}

.footer-content ol {
    padding-left: 0;
    margin: 0;
}
.footer-content .ubermenu-active .ubermenu-submenu {
    display: none !important;
}
.footer-content .ubermenu-item:hover .ubermenu-target.ubermenu-item-layout-default {
    background-color: transparent !important;
    background: transparent !important;
}

@media only screen and (max-width: 1024px) {
    .footer-top-content {
        flex-direction: column;
    }
    .footer-content {
        padding: 30px;
    }
    .footer-top-center-right-content {
        width: 100%;
    }
    .footer-top-left-content {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .footer-header + ul {
        display: none;
    }
    .ubermenu-responsive-toggle {
        display: none;
    }
    .footer-top-center-right-content {
        flex-direction: column;
    }

    .display-block-mobile {
        display: block !important;
    }

    .flex-column-mobile {
        flex-direction: column;
    }

    .footer-content .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
        margin-top: 0;
    }
    .display-flex-mobile {
        display: flex;
        justify-content: space-around;
    }
    .text-align-center-mobile {
        text-align: center;
    }
}

.footer-content .ubermenu-responsive-toggle {
    display: none;
}
  
.footer-content .ubermenu-responsive.ubermenu-responsive-collapse {
    overflow: visible !important;
    visibility: visible;
    max-height: initial;
    display: flex;
}
  
.footer-content .ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    background: transparent !important;
}