.bottom-menu-item > a {
    font-family: "IBMPlexSans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #e1e1e1;
}
.bottom-menu-item > a:hover{
    color: #98ceeb;
}

.footer-social-name{
    font-family: "Gravity", sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #e1e1e1;
}

@media (min-width: 768px) {
    .footer-social-name {
        text-transform: uppercase;
        padding-bottom: 15px;
        padding-right: 45px;
    }

    .footer-social-wrapper > div {
        padding-right: 30px;
    }

    .footer-security-policy > a {
        color: white !important;
    }

    .footer__social {
        text-align: left !important;
    }

    .footer__social .links{
        display: flex;
        gap: 9px;
    }

    .bottom-menu {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .bottom-menu-wrapper {
        display: flex;
        flex-direction: column;
        margin-right: 51px;
    }

    .bottom-menu-item {
        display: flex;
        flex-direction: column;
    }

    .bottom-menu-header {
        margin-bottom: 12px;
        font-weight: 500;
        font-size: 16px;
        text-transform: uppercase;
        color: #e1e1e1;
    }

    .bottom-copyright-mark, .footer-security-policy {
        font-size: 8pt;
    }

    .footer-delimiter-20 {
        width: 100%;
        height: 20px;
    }

    .footer-vertical-delimiter-20 {
        width: 20px;
    }

    .mobile-version-phone-wrapper {
        display: none;
    }
}

@media (max-width: 767px) {
    .text-bottom-logo {
        display: none;
    }

    .bottom-menu-header {
        text-align: left;
        padding-top: 15px;
        flex-direction: row;
        display: none;
    }

    .bottom-menu-item {
        display: flex;
        flex-direction: column;
    }

    .bottom-menu-item > a {
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
    }

    .bj-page-footer .logo {
        margin-bottom: 40px !important;
        text-align: center;
    }

    .logo > a > picture > img {
        width: 250px;
    }

    .footer-social-name {
        text-align: left;
    }

    .bottom-copyright-mark {
        display: none;
    }

    .footer-security-policy {
        text-align: center;
        font-size: 12px;
    }

    .footer-security-policy > a {
        color: white !important;
        font-size: 8px;
    }

    .bj-page-footer {
        padding-bottom: 25px !important;
    }

    .mobile-phone {
        pointer-events: none;
        text-align: center
    }

    .mobile-phone > a {
        text-decoration: none;
        color: white;
    }

    .mobile-phone-text {
        font-size: 8px;
        margin-bottom: 16px;
        text-align: center;
    }

    .bottom-menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 40px;
    }

    .mobile-version-phone-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer-vertical-delimiter-20 {
        width: 60px;
    }
}