@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        border-top: 1px solid #e7e7e7;
        height:0!important;
        overflow: hidden!important;
    }
    .navbar-collapse.collapse.in {
        height:auto!important;
    }
    #nav .navbar-header {
        display: block;
        border: 0;
    }
    #nav .nav {
        text-align: left;
    }
    .navbar-nav>li {
        float: none;
    }
    #nav .navbar-brand {
        float: left!important;
    }
}

.cf-shrink span {
    color: #8d8d8d;
}

@media (max-width: 600px) {
    .cf-shrink ul {
        text-align: right;
    }
    .cf-shrink *[data-shrink-sm] span {
        display: none;
    }
    .cf-shrink *[data-shrink-sm]:after {
        content: attr(data-shrink-sm);
    }
    .cf-shrink li {
        padding: 0 10px;
        border-right: 1px solid #d3d3d3;
    }
    .cf-shrink li:first-of-type {
        padding: 0 10px 0 0;
        border-right: 1px solid #d3d3d3;
    }
}

@media (max-width: 450px) {
    .cf-shrink ul {
        text-align: center;
    }
    .cf-shrink *[data-shrink-xs]:after {
        content: attr(data-shrink-xs);
    }
}