.blogListWidget nav.filter-bar{background-color:#000;color:#fff;float:right;margin-right:-5px;}
.blogListWidget nav.filter-bar .navbar-inverse .navbar-toggle{border-style:none;}
.blogListWidget nav.filter-bar .navbar-header .navbar-brand{color:#fff;}
.blogListWidget nav.filter-bar .navbar-collapse {position:absolute;right:0;top:100%;width:99vw;}
.blogListWidget nav.filter-bar .navbar-collapse .navbar-nav{margin:0;}
.blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li{background-color:rgba(0,0,0,0.9) !important;color:#fff;white-space:normal;}
.blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li:hover{background-color:rgba(0,0,0,1) !important;}
.blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li > a{color:#fff;}
.blogListWidget .navbar-inverse .navbar-nav > .active > a,
.blogListWidget .navbar-inverse .navbar-nav > .active > a:hover, 
.blogListWidget .navbar-inverse .navbar-nav > .active > a:focus{background-color:transparent;}

@media only screen and (min-width: 768px){
  .blogListWidget > nav > .container-fluid{background-color:#f0f0f0;padding:0;}
  .blogListWidget nav.navbar.navbar-inverse.filter-bar{border-style:none;color:#777;float:right;width:20%;}
  .blogListWidget nav.filter-bar .navbar-header{float:none;}

  .blogListWidget nav.filter-bar .navbar-header .navbar-brand{color:#999;}
  .blogListWidget nav.filter-bar .navbar-collapse{position:relative;right:auto;top:auto;width:100%;padding:0;}
  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li{padding:0 10px;
    background-color:transparent !important;color:#777;float:none;width:100%;border-style:none;}
  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li:hover{background-color:transparent !important;color:#000;}

  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li.active:hover,
  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li.active{background-color:#e0e0e0 !important;color:#000;}

  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li > a,
  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li.active > a,
  .blogListWidget .navbar.navbar-inverse ul.nav.navbar-nav li.active a{color:#000 !important;padding:4px 0;}
  .blogListWidget nav.filter-bar .navbar-collapse .navbar-nav li > a:hover,
  .blogListWidget .navbar.navbar-inverse ul.nav.navbar-nav li.active a{color:#000;}
  .blogListWidget .navbar.navbar-inverse ul.nav.navbar-nav li a::before{content:"";margin:0;}
  .blogListWidget a.read-more{clear:both;}
  .blogListWidget .contentWrap{float:left;width:80%;}
}