Origin Corrected CSS

@media only screen and ( max-width: 1570px ) {
.entry-image { width: 25%;}
    .image-info { font-size: 13px; }
        .image-info .title { padding: 13px 7px 0; }
            .image-info h2 { font-size: 20px; }
        .image-info .description { padding: 11px 8px 0; }

    .image-title { font-size: 13px; }
        .image-title .title { padding: 13px 7px 0; }
            .image-title h2 { font-size: 20px; }
        .image-title .description { padding: 11px 8px 0; }
}

@media only screen and ( min-width: 1024px ) {
    #top-menu { display: block !important; }
}

@media only screen and ( min-width: 1570px ) {
.entry-image { width: 25%; height: auto; max-height: 240px; overflow: hidden; }
}

@media only screen and ( min-width: 1400px ) and ( max-width: 1570px )  {
.entry-image { width: 25%; height: auto; max-height: 200px; overflow: hidden; }
}

@media only screen and ( min-width: 768px ) and ( max-width: 1400px ) {
    .entry-image { width: 33.3%; height: auto; max-height: 180px; overflow: hidden; }

    .image-info .title { padding: 18px 7px 0; }
    .image-title .title { padding: 18px 7px 0; }
}

@media only screen and ( min-width: 1150px ) and ( max-width: 1279px ) {
    .entry-image { width: 33.3%; }

    .image-info { font-size: 14px; }
        .image-info h2 { font-size: 22px; }
        .image-info .title { padding: 34px 7px 0; }

    .image-title { font-size: 14px; }
        .image-title h2 { font-size: 22px; }
        .image-title .title { padding: 34px 7px 0; }
}