.referans ul .all_ref {
    background-color: #bb9955;
    text-align: center;
    display: table;
    height: 120px;
    transition: background-color 1s linear;
}

    .referans ul .all_ref:hover {
        background-color: #f0f0f0;
    }

    .referans ul .all_ref a {
        display: table-cell;
        vertical-align: middle;
        font-size: 15px;
        font-weight: bold;
    }

.referans ul li {
    width: 147.5px;
    height: 120px;
    margin: 0px 5px 5px 5px;
    background-color: #f0f0f0;
    float: left;
    transition: background-color 1s linear;
}

    .referans ul li:nth-child(n+6) {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .referans ul li img {
        margin: 0 auto;
    }

    .referans ul li:hover {
        background-color: #bb9955;
        cursor: pointer;
    }

.urun-kategori-baslik {
    text-align: center;
}

@media(max-width:767px) {
    .referans ul li {
        width: 133px;
    }

    .referans .viewport {
        clear: both;
    }

    .referans ul li:nth-child(n+6) {
        margin: 0px 5px 5px 5px;
    }
}

@media(min-width:768px) {
    .referans ul li {
        width: 145.5px;
    }
}

@media(min-width:992px) {
    .referans ul li {
        width: 102px;
        height: 90px;
    }

    .referans ul .all_ref {
        height: 90px;
    }

        .referans ul .all_ref a {
            font-size: 12px;
        }
}

@media(min-width:1200px) {
    .referans ul li {
        width: 147.5px;
        height: 120px;
    }

    .referans ul .all_ref a {
        font-size: 15px;
    }

    .referans ul .all_ref {
        height: 120px;
    }
}

@media (min-width:1382px) {
    .referans ul li {
        width: 200px;
        height: 163.5px;
    }

    .referans ul .all_ref {
        height: 163.5px;
        font-size: 21px;
    }
}