ul#gallery-folder           {list-style:none; padding:0; margin:0 0 0 -2.6%; width:737px;}
ul#gallery-folder li        {position:relative; width:22.4%; padding-bottom:22.4%; float:left; height:0; margin:0 0 5% 2.6%; -moz-box-sizing:border-box; box-sizing:border-box;}
ul#gallery-folder li a      {max-width:100%; display:block; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; overflow:hidden; border-radius:3px; -moz-border-radius:3px;}
ul#gallery-folder li a img  {width:100%; height:100%; padding:0; margin:0; border:0;}
ul#gallery-folder li p      {padding-top:5px; font-size:11px; font-weight:bold; color:#222; text-align:center; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

ul#gallery                  {list-style:none; padding:0; margin:0 0 0 -2.6%; width:737px;}
ul#gallery li               {position:relative; width:22.4%; padding-bottom:22.4%; float:left; height:0; margin:0 0 2.6% 2.6%; -moz-box-sizing:border-box; box-sizing:border-box;}
ul#gallery li a             {max-width:100%; display:block; padding:0; margin:0; background-repeat:no-repeat; background-position:center center; overflow:hidden; border-radius:3px; -moz-border-radius:3px;}
ul#gallery li a img         {width:100%; height:100%; padding:0; margin:0; border:0;}
ul#gallery li a:hover img   {background:url(/gfx/webbedit/zoom-big.png) center center no-repeat;}

@media only screen and (max-width: 740px)
{
    ul#gallery-folder       {width:102%; margin:0 0 0 -1%;}
    ul#gallery-folder li    {margin:0 1.3% 8% 1.3%;}
    ul#gallery-folder li p  {margin-top:2px;}
    
    ul#gallery      {width:102%; margin:0 0 0 -1%;}
    ul#gallery li   {margin:1.3%;}
}

@media only screen and (max-width: 480px)
{
    ul#gallery-folder li    {margin-bottom:8%;}
    ul#gallery-folder li p  {font-size:10px;}
    
    ul#gallery li a:hover img   {background:url(/gfx/webbedit/zoom-small.png) center center no-repeat;}
}