CSS3 responsive issue on iPhone 5, 6

I have designed a website and make it responsive, it's working fine of all browsers and all mobile phones except iPhone 5 & 6...

Images are not showing on the website while all other website is loading.

Please help me on this as I have stuck in this issue, and client is asking again and again.

Here is link to check the website:

http://ift.tt/1AMLjjZ

Code i used for responsive is:

@media all and (max-width: 479px) and (min-width: 250px) { 

.item .item-image
{
    display:block !important;
    z-index:9999 !important;
}
.item .item-image img 
{
    display:block !important;
z-index:9999 !important;

}
#nook .newsfeed li {
    /*display: inline-block;*/
    display:block;
    margin-bottom: 45px;
    margin-right: 13px;
    vertical-align: top;
    width: 100% !important;
}
#month-dropdown {float: left !important;
width: 34% !important;}

.item { overflow:auto !important;}


}