/* Small device*/

@media (max-width: 576px) {
    .wrapper::before {
        height: 180px
    }
    main.content {
        margin-top: 0
    }
    div.header {
        margin-bottom: 0
    }
    .nav-tabs{
      margin:0 !important;
      margin-bottom: .5em !important;
      border:solid 1px #eee !important;
      border-bottom:solid 2px #eee !important
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
      border:none
    }
    .nav-tabs .nav-item {
        width: 100%;
        background:#fff;
        border:none
    }
    .nav-tabs .nav-item .nav-link{font-weight: 500; color: #2489c5; padding-left: 1em !important}
    .nav-tabs .nav-item .nav-link.text-light{
      color:#333 !important;
      font-weight: 400
    }
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}


/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/


/* Set width to make card deck cards 100% width */

@media (max-width: 950px) {}

@media (max-width: 767px) {
    .filter-options-style {
        height: 100% !important;
    }
}