footer{
    background: #0c2166;
    padding: 2% 0 0.5% 0;
}

#footer-links{
    text-align: center;
    margin-bottom: 2%;
}

#footer-hr{
    border-color: #19379b
}

#footer-links a{
    margin: 0 3%;
}

#footer-logo{
    height: 50px;
    margin: 0 2%;
}

#footer-social{
    float: right;
    margin: 0 2%;
    text-align: center;
}

#footer-social a{
    margin: 0 3%;
}


/*1025 to 1440*/
@media only screen and (min-width: 1025px) and (max-width: 1440px){

}

/*768 to 1024*/
@media only screen and (min-width: 768px) and (max-width: 1024px){

}

/*425 to 767*/
@media only screen and (min-width: 425px) and (max-width: 767px){
    footer{
        background: #0c2166;
        padding: 3% 0 1% 0;
    }

    #footer-links a{
        margin: 1% 3%;
    }

    #footer-logo{
        height: 30px;
        margin: 0 2%;
    }
}

/*375 to 424*/
@media only screen and (min-width: 375px) and (max-width: 424px){
    footer{
        background: #0c2166;
        padding: 5% 0 3% 0;
    }

    #footer-links a{
        margin: 5% 5%;
    }

    #footer-logo{
        height: 30px;
        margin: 0 2%;
    }
}

/*320 to 374*/
@media only screen and (min-width: 320px) and (max-width: 374px){
    footer{
        background: #0c2166;
        padding: 5% 0 3% 0;
    }

    #footer-links{
        margin: 5% 0;
    }

    #footer-links a{
        margin: 10% 5%;
    }

    #footer-logo{
        height: 30px;
        margin: 0 2%;
    }

    #footer-end{
        padding: 2% 0;
    }
}

/*1 to 319*/
@media only screen and (min-width: 1px) and (max-width: 319px){

}

/*RESPONSIVE END*/