body {
    min-height: 100vh;
    position:relative;
}
.footer-wrapper {
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    height:170px
}

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

}

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

}

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

}

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

}

@media screen and (max-width: 768px){
    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .footer-content .logo, .footer-content .links{
        position: unset;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }

    .footer-partner {
        text-align: center;
    }
}

@media screen and (min-width: 766px) and (max-width: 767px){
    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .footer-content .logo, .footer-content .links{
        position: unset;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media only screen and (max-width: 576px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .footer-content .logo, .footer-content .links{
        position: unset;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media only screen and (max-width: 500px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media screen and (max-width: 520px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .footer-content .logo, .footer-content .links{
        position: unset;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media screen and (max-width: 420px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media screen and (max-width: 414px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media screen and (max-width: 375px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}

@media screen and (max-width: 320px){
    body {
        padding-bottom:0px;
    }

    .footer-wrapper {
        position: relative;
    }

    .social.desktop{
        display: none;
    }

    .social.mobile{
        display: block;
        position: unset;
        right: unset;
        top: unset;
        text-align: center;
    }

    .social.mobile .icons a{
        margin: 10px 5px 0 5px !important;
    }

    .copy-right ul {
        display: inline-block !important;
        width: 100%;
    }

    .copy-right ul li{
        text-align: center;
        padding: 2px 0;
    }

    .copy-right ul li:after {
        display: none !important;
        content: "|";
        position: absolute;
        right: 9px;
        top: 0;
    }
}