@media only screen and (min-device-width : 768px) and (max-device-width : 1024px),
    only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body {
        padding-bottom: 50px;
    }

    .arama .arama_txt {
        width: 250px;
    }

    .login {
        text-align: center;
        font-size: 12px;
    }

    a.login_in {
        text-align: center;
        font-size: 15px;
        margin-right: 5px;
    }

    .Header-bottom {
        display: none;
    }

    .SolMenu {
        margin: 10px auto;
    }

    .SolBar {
        margin-left: -320px;
    }

    img.Urun-Resim {
        height: 290px;
    }

    .fiyat {
        text-align: right;
        padding: 20px 0;
    }

    .SiteFooter .row:first-child {
        display: none;
    }

    .SiteFooter_Center li {
        margin: 20px 0;
        padding: 0;
        display: block;
        text-align: center;
    }

    .SiteFooter_Center .Mobile:before {
        left: 30px;
    }

    .SiteFooter_Center .Email:before {
        left: 30px;
    }

    .SiteFooter_Center .store-logos {
        width: 100%;
    }

    .CompanyName {
        display: none;
    }

    .copyright {
        width: 100%;
        text-align: center;
    }

    .author {
        margin: 10px 0;
        width: 100%;
        text-align: center;
    }

    .SiteFooter_Bottom {
        margin: 0px;
    }

    .Urun {
        width: 100%;
        height: 100%;
    }

    .Urun-Satir:nth-child(even) {
        background-color: #f2f2f2;
    }

    .Urun-Satir:nth-child(odd) {
        background-color: #dadada;
    }

    .Urun-Satir {
        padding: 10px;
        margin: 0;
    }

    .FilterContainer {
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        min-height: 50px;
        background-color: #6098d3;
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(270deg,#6098d3 0,#447dba 100%);
        background-image: -moz-linear-gradient(270deg,#6098d3 0,#447dba 100%);
        background-image: -o-linear-gradient(270deg,#6098d3 0,#447dba 100%);
        background-image: -ms-linear-gradient(270deg,#6098d3 0,#447dba 100%);
        background-image: linear-gradient(180deg,#6098d3 0,#447dba 100%)
    }



        .FilterContainer .h6 {
            width: 100%;
            display: inline-block;
            margin: 0;
            height: 50px;
            color: #fff !important;
            text-align: center;
            line-height: 50px;
            text-shadow: 1px 1px 0 #2d659e;
            border-right: 1px solid #bcbcbc;
        }

        .FilterContainer .col-6 {
            padding: 0;
        }


    .FilterPanel {
        position: fixed;
        z-index: 1000;
        top: 0;
        width: 100%;
    }


    .SolKontrolBar {
        margin: 10px auto;
    }

    .FilterPanel {
        background: #fff;
        height: 100vh;
        padding-bottom: 50px;
        overflow: auto;
    }



        .FilterPanel.Kapali {
            display: none;
        }

    .Urun-detay li {
        min-width: 100%;
    }

    .arama {
        text-align: center;
    }

    .logo {
        text-align: center;
    }
}