#footer {
    position: relative;
    box-shadow: 0px -1px 1px #ddd9d9;
    background-color: #022148;
    color: white;
    overflow: hidden;
}

#footer .row {
    padding-top: 60px;
}

.footer-col {
    border-left: 1px solid #ffffff38;
    padding-left: 20px;
}

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

.footer-text h5 {
    margin-bottom: 20px;
}

.footer-text p {
    color: #eeeeee;
    margin-bottom: 40px;
}

.footer-sitemap-list, .footer-links-list, .footer-app-text {
    text-align: left;
}

.footer-col h5 {
    margin-bottom: 20px;
}

#subscribe-form .form-control {
    border-radius: 0px;
}

.subscribe-submit-btn {
    z-index: 1 !important;
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}

.subscribe-submit-btn:hover {
    background-color: #fec90f !important;
    border: 1px solid #fec90f !important;
    color: #022148 !important;
}

#footer ul {
    list-style-type: none;
    padding-left: 0px;
}

#footer li {
    margin-bottom: 10px;
}

#footer a {
    text-decoration: none;
    color: #eeeeee;
}

.footer-media-icons svg {
    font-size: 1.6rem;
    margin-right: 12px;
}

.footer-app {
    display: flex;
    flex-wrap: wrap;
}

.footer-mobile-img {
    margin-right: 10px;
}

.footer-mobile-text {
    text-align: left;
}

.footer-mobile-text p {
    color: #eeeeee;
}

.footer-mobile-buttons {
    display: flex;
    width: 7vw;
    height: 1.9vw;
}

.footer-mobile-buttons img {
    margin-right: 10px;
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-bottom: 10px;
}

.footer-bottom .logo {
    width: 8vw;
    margin-bottom: 20px;
}

.footer-bottom p:nth-child(2) {
    text-align: left;
}

.footer-bottom p:nth-child(1) {
    text-align: right;
}

.footer-bottom p {
    font-size: 0.8rem;
}

.footer-bottom a {
    font-size: 0.8rem;
}

@media only screen and (min-width: 1921px) {}

@media only screen and (max-width: 1921px) {}

@media screen and (max-width: 1680px) {
    .footer-mobile-buttons {
        width: 7.5vw;
        height: 2.4vw;
    }

    .footer-bottom .logo {
        width: 9vw;
    }
}

@media only screen and (max-width: 1400px) {
    .footer-mobile-buttons {
        display: flex;
        width: 10vw;
        height: 3.5vw;
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1200px) {
    .footer-mobile-img img {
        width: 6vw;
    }

    .footer-bottom .logo {
        width: 11vw;
    }
}

@media only screen and (min-width: 992px) {
    .desktop-hidden {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .footer-container {
        max-width: 100%;
    }

    .footer-mobile-img img {
        width: 8vw;
    }

    .footer-bottom .logo {
        width: 13vw;
    }

    .footer-col h5 {
        font-size: 1rem;
    }

    .mobile-hidden {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .footer-col {
        margin-bottom: 25px;
        border-left: none;
        border-bottom: 1px solid #ffffff40;
        padding-bottom: 20px;
    }
    
    .footer-col h5 {
        font-size: 1.2rem;
    }

    .footer-mobile-img img {
        width: 13vw;
    }

    .footer-mobile-buttons {
        width: 21vw;
        height: 7vw;
        flex-wrap: nowrap;
    }

    .footer-bottom .logo {
        width: 22vw;
    }

    .desktop-hidden {
        display: flex !important;
    }
}

@media only screen and (max-width: 576px) {
    .footer-bottom .logo {
        width: 35vw;
    }
}

@media only screen and (max-width: 480px) {
    .footer-mobile-img img {
        width: 17vw;
    }

    .footer-bottom .logo {
        width: 50vw;
    }
}

@media only screen and (max-width: 420px) {
    .footer-mobile-buttons {
        width: 27vw;
        height: 9vw;
    }
}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {
    .footer-text {
        padding-right: 20px;
    }
}