@media (min-width: 768px) {
    html, body {
        min-height: 800px;
    }

    .w-md-25 {
        width: 25% !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    header {
       height: 100%;
    }
    #filters {
        position: sticky;
        top: 60px;
        left: 0;

    }

    #filters-part-1 {
    }
    #filters-content {

        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        max-height: 90vh;
    }
    #filters-part-1{
        height:auto;
        min-height: 30vh;
        max-height: 50vh;
        overflow-y: auto;

    }
    #filters-part-2{
        align-items: normal;
        display: flex;
        width: 100%;
    }

    #filters-part-2 {
        height: 70vh;
        overflow-y: hidden;
    }

    #filters-part-1 {
        position: relative;
    }
    #filters-part-1 h2 {
        position: sticky;
        top: 0px;
        z-index: 1000;
        width: 100%;
        background-color: white
    }
    #body-search #header-search-container {
        padding-top: 30px;
    }

}