﻿#filterPanelStyle1 {
    position: fixed;
    top: 80px;
    margin-bottom: 5px;
    width: 100%;
    z-index: 1;
    background-color: white;
}

    #filterPanelStyle1 #MyFilterRow {
        background-color: azure;
        width: 600px;
    }

    #filterPanelStyle1 div {
        font-size: 22.5px; /* filter input ile ST dropdown aynı hizaya gelsin diye yazdık. Yoksa Dropdown biraz daha aşağıda duruyordu*/
    }
/*Filtreleme Satırı Dizayn*/
#filterPanelSLS {
    position: sticky;
    margin-bottom: 5px;
    z-index: 2;
}

    #filterPanelSLS #MyFilterRow {
        background-color: azure;
        width: 600px;
    }

    #filterPanelSLS div {
        font-size: 22.5px; /* filter input ile ST dropdown aynı hizaya gelsin diye yazdık. Yoksa Dropdown biraz daha aşağıda duruyordu*/
    }

@media (max-width: 952px) {
    #filterPanelStyle1 {
        top: 40px;
    }

        #filterPanelStyle1 #MyFilterRow {
            margin-top: 0px;
            margin-bottom: 5px;
            width: 400px;
        }

    #filterPanelSLS #MyFilterRow {
        margin-top: 0px;
        margin-bottom: 5px;
        width: 400px;
    }
}

@media (max-width: 858px) {
    #filterPanelStyle1 {
        top: 40px;
    }

        #filterPanelStyle1 #MyFilterRow {
            margin-bottom: 3px;
            width: 250px;
        }

    #filterPanelSLS #MyFilterRow {
        margin-bottom: 3px;
        width: 250px;
    }
}
