@media screen and (min-width:731px) {
    .footer .main-center{
        max-width: 1200px;
        position: relative;
    }

    .footer .main-center:after{
        content:"";
        display: block;
        clear: both;
        width: 100%;
    }

    .footer-list {
        float: left;
        width: 100%;
        margin: 0 -1px 30px -1px;
    }
    
    .footer-list li a,
    .mobile-footer-tab {
        padding: 4px 0 0;
        font-size: 13px;
        color:#fff;
        border: 0;
    }
    
    .footer-list li a::after {
        background: none;
    }
    
    .mobile-footer-dropdown {
        display: block!important;
        float: left;
        width: 24%;
    } 
    
    .mobile-footer-tab {
        display: none;
    }

    .mobile-hidden-footer {
        display: block;
    }

    h4.mobile-hidden-footer {
        font-weight: 600;
        font-size: 15px;
        color: #fff;
    }
    
    .footer-list li a {
        background-color: #003777;
        width: fit-content;
    }
    
    .mobile-footer-tab::after {
        background: none;
    }
    
    .footer-list li a:hover {
        background-color: #003777;
        text-decoration: underline;
    }

    .client-footer .mobile-footer-dropdown {
        width: 19%;
    }

    .footer-app-social {
        margin:0 auto 15px;
    }

    .footer-app,
    .footer-social{
        display: inline-block;
        width: auto;
        margin:0 17px;
        vertical-align: middle;
        position: relative;
    }

    .footer-app:before{
        content: "";
        position: absolute;
        top:0px;
        left:-15px;
        width:1px;
        bottom:0px;
        background: #fff;
        opacity: 0.2;
    }

    .footer-app a{
        margin:0 5px;
        height: 38px;
    }

    .footer-social-icon{
        display: inline-block;
        margin-left: 6px;
    }

    .footer-app a:hover,
    .footer-social-icon:hover{
        border-color: #fff
    }

    .footer-social-icon.footer-icon-facebook:hover{
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath id='Facebook' fill='%23FFFFFF' d='M19.458,12.584c0,0.857,0,4.681,0,4.681H16v5.725h3.458V40h7.104V22.99h4.767 c0,0,0.446-2.744,0.663-5.746c-0.62,0-5.403,0-5.403,0s0-3.33,0-3.914c0-0.585,0.775-1.372,1.54-1.372s2.377,0,3.871,0 C32,11.18,32,8.487,32,6c-1.994,0-4.262,0-5.264,0C19.283,6,19.458,11.729,19.458,12.584z'/%3E%3C/svg%3E") no-repeat 4px 5px/26px auto;
    }
    .footer-social-icon.footer-icon-twitter:hover{
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M36.001,10.84c-1.104,0.482-2.289,0.808-3.534,0.955c1.271-0.75,2.244-1.939,2.705-3.352 c-1.191,0.694-2.508,1.198-3.91,1.472C30.139,8.735,28.541,8,26.77,8c-3.398,0-6.154,2.714-6.154,6.059 c0,0.475,0.054,0.938,0.159,1.381c-5.114-0.253-9.649-2.666-12.684-6.333c-0.531,0.894-0.833,1.935-0.833,3.046 c0,2.103,1.087,3.959,2.737,5.044c-1.008-0.033-1.957-0.307-2.788-0.761v0.076c0,2.936,2.122,5.385,4.936,5.944 c-0.516,0.136-1.059,0.211-1.622,0.211c-0.397,0-0.782-0.038-1.158-0.111c0.783,2.408,3.056,4.161,5.748,4.209 c-2.105,1.625-4.76,2.591-7.643,2.591c-0.497,0-0.986-0.029-1.468-0.084C8.725,30.995,11.958,32,15.434,32 c11.322,0,17.509-9.235,17.509-17.245l-0.021-0.785C34.132,13.122,35.178,12.054,36.001,10.84z'/%3E%3C/svg%3E") no-repeat center/29px auto;
    }
    .footer-social-icon.footer-icon-linkedin:hover{
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath id='LinkedIn_1_' fill='%23FFFFFF' d='M34,21.94V32h-5.787v-9.387c0-2.356-0.837-3.966-2.932-3.966 c-1.599,0-2.552,1.084-2.969,2.134c-0.152,0.375-0.191,0.896-0.191,1.422V32h-5.79c0,0,0.078-15.896,0-17.543h5.788v2.487 c-0.012,0.019-0.026,0.039-0.039,0.057h0.039v-0.057c0.77-1.194,2.143-2.899,5.217-2.899C31.146,14.044,34,16.552,34,21.94z M10.276,6C8.295,6,7,7.309,7,9.03c0,1.684,1.258,3.033,3.199,3.033h0.039c2.019,0,3.274-1.349,3.274-3.033 C13.474,7.309,12.257,6,10.276,6z M7.344,32h5.787V14.457H7.344V32z'/%3E%3C/svg%3E") no-repeat center/28px auto;
    }
    .footer-social-icon.footer-icon-google:hover{
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 40 40' enable-background='new 0 0 40 40' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M14.333,18.143V21.4h5.294c-0.213,1.397-1.601,4.098-5.294,4.098c-3.187,0-5.787-2.685-5.787-5.999 c0-3.311,2.6-5.998,5.787-5.998c1.813,0,3.026,0.787,3.72,1.466l2.533-2.484C18.961,10.937,16.854,10,14.333,10 C9.173,10,5,14.248,5,19.5c0,5.252,4.173,9.5,9.333,9.5c5.387,0,8.96-3.854,8.96-9.283c0-0.625-0.067-1.1-0.148-1.575H14.333z M14.333,18.143L37,20.857h-4v4.071h-2.667v-4.071h-4v-2.715h4v-4.071H33v4.071h4v2.715L14.333,18.143z'/%3E%3C/svg%3E") no-repeat center/32px auto;
    }
    .footer-social-icon.footer-icon-instagram:hover{
        background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23ffffff' stroke-width='36'%3E%3Crect stroke='%23ffffff' fill='none' height='364' rx='92' width='364' x='74' y='74'/%3E%3Ccircle fill='none' stroke='%23ffffff' cx='256' cy='256' r='85'/%3E%3C/g%3E%3Ccircle cx='362' cy='150' fill='%23ffffff' r='24'/%3E%3C/svg%3E") no-repeat center/32px auto;
    }
    .footer-social-icon.footer-icon-youtube:hover{
        background: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' id='Layer_1' version='1.1' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg style='fill:%23ffffff;'%3E%3Cpath d='M260.4,449c-57.1-1.8-111.4-3.2-165.7-5.3c-11.7-0.5-23.6-2.3-35-5c-21.4-5-36.2-17.9-43.8-39c-6.1-17-8.3-34.5-9.9-52.3 C2.5,305.6,2.5,263.8,4.2,222c1-23.6,1.6-47.4,7.9-70.3c3.8-13.7,8.4-27.1,19.5-37c11.7-10.5,25.4-16.8,41-17.5 c42.8-2.1,85.5-4.7,128.3-5.1c57.6-0.6,115.3,0.2,172.9,1.3c24.9,0.5,50,1.8,74.7,5c22.6,3,39.5,15.6,48.5,37.6 c6.9,16.9,9.5,34.6,11,52.6c3.9,45.1,4,90.2,1.8,135.3c-1.1,22.9-2.2,45.9-8.7,68.2c-7.4,25.6-23.1,42.5-49.3,48.3 c-10.2,2.2-20.8,3-31.2,3.4C366.2,445.7,311.9,447.4,260.4,449z M205.1,335.3c45.6-23.6,90.7-47,136.7-70.9 c-45.9-24-91-47.5-136.7-71.4C205.1,240.7,205.1,287.6,205.1,335.3z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/28px auto;
    }

    .footer-social-icon.pull-right{
        float: right;
    }

    .footer-copyright{
        width:auto;
        margin:0;
        padding:0 20px 0 0;
    }

    .footer-copyright ul{
        margin: 0;
    }

    .footer-copyright ul li{
        margin:0 0 0 10px;
        padding:0;
    }

    .footer-copyright ul li:first-child{
        margin:0;
    }

    .footer-copyright ul li a{
        font-size: 13px;
    }

    .footer-copyright ul li a:hover{
        text-decoration: underline;
    }

    .footer-logo {
        display: block;
        float: right;
        width: 200px;
        position: absolute;
        top: 0px;
        right: 10px;
    }

    .footer-logo a{
        display: block;
        width: 100%;
        height: 26px;
        border: 0;
        outline:none;
        background-size: contain;
        background-position: right center;
        margin:0 auto;
    }
}

@media screen and (min-width:861px){
    .footer-app-social {
        width: auto;
        float: right;
        margin: 0;
    }

    .footer-app{
        float: left;
        clear: none;
        margin:0 25px 0 0;
    }

    .footer-app:before{
        left: auto;
        right:-11px;
    }

    .footer-social{
        width:244px;
        clear: none;
        float: right;
        margin:0;
    }

    .footer-social-icon{
        float: left;
        display: block;
    }

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

    .footer-copyright ul li{
        float:left;
    }
}

@media screen and (min-width: 946px) {
    .footer-logo {
        width: 220px;
    }

    .footer-logo a{
        height: 40px;
    }
}