.test-tiles {
    margin-top: 24px;
}

    .test-tiles ul {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .test-tiles ul li {
            background: url("../gfx/photo.png") no-repeat scroll center center / 64px auto #ddd;
            display: inline-block;
            height: 180px;
            margin: 0 0 24px;
            overflow: hidden;
            padding: 0;
            position: relative;
            width: 315px;
        }

            .test-tiles ul li:nth-child(2n) {
                margin-left: 24px;
            }

            .test-tiles ul li img {
                left: 50%;
                /*margin-left: -157px;*/
                margin-left: -50%;
                position: absolute;
                top: 0;
                width: 315px;
            }

            .test-tiles ul li a {
                background: url("../gfx/arrow4.png") no-repeat scroll 8px center rgba(0, 0, 0, 0.5);
                bottom: 0;
                box-sizing: border-box;
                color: #fff;
                display: block;
                font: 16px EtelkaTextPro,sans-serif;
                min-height: 40px;
                left: 0;
                padding: 12px 10px 10px 44px;
                position: absolute;
                transition: color 500ms ease 0s;
                width: 100%;
                text-decoration: none;
            }

                .test-tiles ul li a:hover {
                    color: #ffcb00;
                }

@media (max-width: 480px) {
    .test-tiles ul li {
        display: block;
        margin-bottom: 20px;
        width: 288px;
    }

        .test-tiles ul li:nth-child(2n) {
            margin-left: 0;
        }
}