.mainblock {width: 102%; margin-left:-5px; margin-top:5px; display: block;vertical-align:top }
.holder { background-color: #F5FAFE; text-align: center; vertical-align:top}
.block {margin: 5px 5px 0 0; display: inline-block;width:205px\9;display: inline\9;height:308px\9;}
img.block {border-bottom: 4px #F5FAFE solid;}
img.block:hover {border-bottom: 4px #FF4000 solid;}
.lazy { display: none;}
@media only screen and (max-width: 2560px), only screen and (max-device-width: 2560px)
{
.block {margin: 5px 5px 0 0;}
.holder img { min-height:250px;width:24%; height:auto;vertical-align:top;}
}
@media only screen and (max-width: 1330px), only screen and (max-device-width: 1250px)
{
.block {margin: 5px 5px 0 0;}
.holder img {width:31%; height:auto;}
}
@media only screen and (max-width: 850px), only screen and (max-device-width: 850px)
{
.block {margin: 5px 5px 0 0;}
.holder img {width:48%; height:auto;}
}
@media only screen and (max-width: 770px), only screen and (max-device-width: 800px) and (orientation:portrait)
{
.block {margin: 5px 5px 0 0;}
.holder img {width:31%; height:auto;}
}
@media only screen and (max-width: 640px), only screen and (max-device-width: 640px)
{
.block {margin: 5px 5px 0 0;}
.holder img {width:48%; height:auto;}
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)
{
.holder img {max-width:330px;width:100%}
}