Looking to adjust the margin for every second element instead of every third when using media queries.
.title:nth-child(3n+3) {margin-right:0 !important}
@media screen and (max-width:1160px) and (min-width:900px){
.title:nth-child(2n+2) {margin-right:0 !important}
}
The CSS in the lower part does not seem to be overwriting the settings in the upper part. It changes the margin for the second element but retains the margin settings for the third element as defined previously in the CSS file.