Icon box height set for pages

Hi,

On a previous ticket, Yigit helped me with the code that sets icon box minimum heights for difference screen widths. I need to set the heights separately for each of 4 relevant pages, but the code I’m using below (in Quick CSS) only seems to be working on one of these page (ID 15):
Can you see what the problem might be, or suggest a better way to make this change?

Thanks very much again!
Ruth

Home: http://www.graycedev.co.uk/
Page ID 15: http://www.graycedev.co.uk/about/
Page ID 17: http://www.graycedev.co.uk/insights/
Page ID 19: http://www.graycedev.co.uk/development/

@media only screen and (min-width: 767px) and (max-width: 989px) {
home .iconbox_content { min-height: 180px; } }
@media only screen and (min-width: 990px) and (max-width: 1215px) {
home .iconbox_content { min-height: 180px; } }
@media only screen and (min-width: 1216px) {
home .iconbox_content { min-height: 160px; } }

@media only screen and (min-width: 767px) and (max-width: 989px) {
.page-id-15 .iconbox_content { min-height: 215px; } }
@media only screen and (min-width: 990px) {
.page-id-15 .iconbox_content { min-height: 178px; } }

@media only screen and (min-width: 767px) and (max-width: 989px) {
.page-id-17 .iconbox_content, { min-height: 355px; } }
@media only screen and (min-width: 990px) {
.page-id-17 .iconbox_content, { min-height: 293px; } }

@media only screen and (min-width: 767px) and (max-width: 989px) {
.page-id-19 .iconbox_content, { min-height: 182px; } }
@media only screen and (min-width: 990px) {
.page-id-19 .iconbox_content, { min-height: 182px; } }