body.page-sub{
    #footer{
        padding: 0 0 40px 0;
        .col-md-5{
            padding-top: 40px;
            border-top: 1px solid $faint-gray;
        }
    }
}

#footer{
    padding: 40px 0;
    color: black;

    .footer-links{
        margin-bottom: 20px;

        .li-under a:hover::after,
        .li-under a:focus::after {
            opacity: 1;
            -webkit-transform: skewY(15deg) translateY(8px);
            -moz-transform: skewY(15deg) translateY(8px);
            transform: skewY(15deg) translateY(8px);
        }

        .li-under a::after {
            background-color: $purple;
        }

        li{
            a{
                @include v-nav-style();
            }
        }
    }

    .pull-right{
        padding-right: 15px;
    }

    .footer-hashi{
        font-size: 14px;

        a{
            color: black;
            font-weight: 600;
        }

        span{
            margin-right: 4px;
        }

        .hashi-logo{
            display: inline-block;
            vertical-align: middle;
            i{
                display: inline-block;
                margin-top: -2px;
                width: 27px;
                height: 28px;
                background: image-url('../images/hashi-logo.png') 0 0 no-repeat;
                @include img-retina('../images/hashi-logo.png', '../images/hashi-logo@2x.png', 27px, 28px);
            }
        }
    }
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

    body.page-sub{
        #footer{
            .col-md-5{
                &:last-child{
                    padding-top: 0;
                    border-top: none;
                }
            }
        }
    }

    #footer{
        padding: 100px 0 40px;
        text-align: center;

        .footer-links{
            float: none;
            display: inline-block;
        }

        .footer-hashi {
            float: none;
            display: inline-block;

            .pull-right{
                float: none !important;
            }
        }
    }
}

@media (max-width: 320px) {

    #footer{
        text-align: center;

        .footer-links{
            .li-under{
                float: none !important;
            }
        }
    }
}