New V2 Archive CSS

So i updated to the very latest V2 which has the new options for Archive posts. I’m using the classic style which is the best but the CSS i’m currently using for a certain look on my posts are making my category/archives pages display wrong.

The CSS in question is below:

@media only screen and (min-width: 640px)
#content.site-content .post header.entry-header {
    padding-left: 30px;
    padding-right: 30px;
}
.site-content article.hentry .entry-thumbnail {
    margin-left: -15px;
    margin-right: -15px;
}

I need the above css for my posts so is there a way to disable this css for archives/category pages. I’ve already tried the following but no luck:

.site-content article.hentry .entry-thumbnail .category.archive {
    margin-left: 0px;
    margin-right: 0px;
}

Thanks