/* Begin Responsive Tile Code */
.main_store{margin:0px auto; width:100%; max-width:800px;}
.pr:before
{
    content:'';
    padding-top:100%;
    float:left;
}
.pr
{
    position:relative;
    float:left;
  /*  width:32.3%;*/
    margin:0.5%;
    overflow:hidden;
 /*   min-width:220px;  */
    height: 160px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
.c2
{
    width:48.9%;
}
.pr .pi
{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    max-width:110%;
    margin-top:-50%;
    margin-left:-50%;
    transition:all 0.1s ease-in-out;
}
.pr .pi:hover
{
    top:50%;
    left:50%;
    width:110%;
    margin-top:-55%;
    margin-left:-55%;
}
.pr .info
{
    z-index:2;
    background:rgba(0,0,0,0.4);
    width:100%;
    position:absolute;
    bottom:0px;
    height:50px;
    text-align: center;
}
.pr > .info > p
{
    font-weight:bold;
    color:#fff;
    margin-left:10px;
    margin-top:0px;
    text-shadow:0px 0px 3px black;
    position: relative;
    max-height:50px;
    top: 50%;
    transform: translateY(-50%);
}
.pr > .info .pl
{
    font-size:75%;
    border-radius:100%;
    width:50px;
    height:50px;
    line-height:50px;
    position:absolute;
    right:3%;
    bottom:24px;
    box-shadow:0px 0px 10px rgba(0,0,0,0.7);
    text-decoration:none;
    background:#1565C0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    border-top:2px solid #1976D2;
    padding-right:1px;
    transition: all 0.1s ease-in-out;
}
.pr > .info .pl:hover
{
    width:55px;
    height:55px;
    line-height:54px;
    right:2%;
    bottom:22px;
    background:#1976D2;
    border-top:2px solid #1E88E5;
    box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
.pr > .info .pl:focus
{
    background:#0D47A1;
    border-top:2px solid #1565C0;
    width:50px;
    height:50px;
    line-height:50px;
    right:3%;
    bottom:24px;
    color:#ccc;
}
.cf{clear:both;}