ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: auto;background-color: white;}
ul.thumb li {margin-left:33px;margin-top:30px; padding: 5px;float: left;position: relative;width: 150px;height: 150px; }
ul.thumb li img {width: 100%; height: auto; padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(thumb_bg.png) no-repeat center center;border: none; }
.title{position:absolute;width:185px;height:35px;margin:0;font-weight:900;background:url(blue.png) no-repeat center center;padding:17px 0 0 0;text-align:center; color: #fff;display:none; }
@media only screen and (max-width:1024px)
 
{
	ul.thumb li {margin-left:20px;margin-top:20px; padding: 5px;float: left;position: relative;width: 120px;height: 120px; }
	ul.thumb li img {padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
	ul.thumb li img {width: 100% !important; height: auto !important;}
}
@media only screen and (max-width:979px)
{
ul.thumb{padding:0 ;margin-top: 20px;}
ul.thumb li{height: 120px;}
}
@media only screen and (max-width:320px)
{
ul.thumb li:nth-child(odd) {
    margin: 20px 10px 0px 0px !important;
    width: 42%;
}
ul.thumb li:nth-child(even) {
    margin: 20px 0px 0px 10px !important;
    width: 42%;
}
ul.thumb li img {width: 94% !important; height: auto !important;}
}
@media only screen and (min-width:321px) and (max-width:375px)
{
ul.thumb li:nth-child(odd) {
    margin: 20px 10px 20px 0px !important;
    width: 43%;
}
ul.thumb li:nth-child(even) {
    margin: 20px 0px 20px 10px !important;
    width: 43%;
}
ul.thumb li img {width: 96% !important; height: auto !important;}
}
@media only screen and (min-width:376px) and (max-width:414px)
{
ul.thumb li:nth-child(odd) {
    margin: 20px 10px 50px 0px !important;
    width: 44.6%;
}
ul.thumb li:nth-child(even) {
    margin: 20px 0px 50px 10px !important;
    width: 44.6%;
}
ul.thumb li img {width:95% !important; height: auto !important;}
}
@media only screen and (min-width:415px) and (max-width:480px)
{
ul.thumb li:nth-child(odd) {
    margin: 20px 10px 80px 0px !important;
    width: 45.2%;
}
ul.thumb li:nth-child(even) {
    margin: 20px 0px 80px 10px !important;
    width: 45.2%;
}
ul.thumb li img {width:94% !important; height: auto !important;}
}
@media only screen and (min-width:481px) and (max-width:600px)
{
ul.thumb li {
    margin: 20px 46px 40px 0px !important;
    width:140px;
}
ul.thumb li:nth-child(3n) {
    margin: 20px 0px 40px 0px !important;
}
ul.thumb li img {width:100% !important; height: auto !important;}
}
@media only screen and (min-width:601px) and (max-width:640px)
{
ul.thumb li {
    margin: 20px 26px 20px 0px !important;
}
ul.thumb li:nth-child(4n) {
    margin: 20px 0px 20px 0px !important;
}
ul.thumb li img {width:95% !important; height: auto !important;}
}
@media only screen and (min-width:641px) and (max-width:735px)
{
ul.thumb li {
    margin: 20px 33px 20px 0px !important;
}
ul.thumb li:nth-child(4n) {
    margin: 20px 0px 20px 0px !important;
}
ul.thumb li img {width:95% !important; height: auto !important;}
}
@media only screen and (min-width:736px) and (max-width:767px)
{
ul.thumb li {
    margin: 20px 11px 10px 0px !important;
}
ul.thumb li:nth-child(5n) {
    margin: 20px 0px 10px 0px !important;
}
ul.thumb li img {width:90% !important; height: auto !important;}
}
@media only screen and (width:768px)
{
ul.thumb li {
    margin: 20px 18px 10px 0px !important;
}
ul.thumb li:nth-child(5n) {
    margin: 20px 0px 10px 0px !important;
}
ul.thumb li img {width:95% !important; height: auto !important;}
}
@media only screen and (width:800px)
{
ul.thumb li {
    margin: 20px 22px 10px 0px !important;
}
ul.thumb li:nth-child(5n) {
    margin: 20px 0px 10px 0px !important;
}
ul.thumb li img {width:100% !important; height: auto !important;}
}