.footer-container-fluid .col-md-12 { padding: 0;}
.footer-container-fluid .col-xs-4 { padding: 0;}

.footer-top > .external > .external-contact > .no-hover { display: inherit; }
.footer-top > .external > .external-contact > .hover { display: none; }

.footer-top > .external > .external-contact:hover .no-hover{ display: none; }
.footer-top > .external > .external-contact:hover .hover{ display: inherit; }

.footer-bottom > .bottom-nav > .bottom-nav-item:last-child { border-right: 1px solid transparent !important; }

@media (min-width: 320px){

    footer { border-top: 1px solid #dddddd; }

    .footer-container-fluid { padding: 16px 15px; }

    .footer-top { }
    .footer-top > .bottom-logo {text-align: center;}
    .footer-top > .bottom-logo > img { width: 142px; }
    .footer-top > .mobile-reserved { }
    .footer-top > .mobile-reserved > p {text-align: center;color: #928383; margin: 10px 0;}
    .footer-top > .external {text-align: -webkit-center;}
    .footer-top > .external > .external-contact {float: none !important;}

    .footer-bottom { }
    .footer-bottom > .bottom-nav { }
    .footer-bottom > .bottom-nav > .bottom-nav-item { }
    .footer-bottom > .reserved { }
}

@media (min-width: 768px){

    footer { border: none; background-color: #FFFFFF !important;}

    .footer-container-fluid { padding: 26px 15px; }

    .footer-top { }
    .footer-top > .bottom-logo {text-align: left;padding: 0;}
    .footer-top > .bottom-logo > img { width: 197px;}
    .footer-top > .mobile-reserved { }
    .footer-top > .mobile-reserved > p { }
    .footer-top > .external {text-align: right;padding: 0;}
    .footer-top > .external > .external-contact {float: right !important;}

    .footer-bottom {width: 100%;float: left;margin: 11px 0;}
    .footer-bottom > .bottom-nav {list-style: none;padding: 0;float: left;margin-left: -10px;}
    .footer-bottom > .bottom-nav > .bottom-nav-item {float: left;padding: 0 10px;border-right: 1px solid rgba(102, 102, 102, 0.4);font-size: 12px; }
    .footer-bottom > .bottom-nav > .bottom-nav-item > a { color: #928383; }
    .footer-bottom > .reserved {float: right;font-size: 12px;color: #928383;}

}


@media (min-width: 992px){

    .footer-bottom > .bottom-nav > .bottom-nav-item {font-size: 16px;}
    .footer-bottom > .reserved {font-size: 14px;}

}