Hello forum:

Different sizes for different media screen width used in Title font size and Excerpt font size are not working for iPhone 5 and up. You can see them in this Website in the scroller at the bottom, immediately over the red horizontal bars below. Here image 1 and 2.

Using dedicated iPhone media queries below, but not working.

Please advise.

Thanks

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
#advps_container1 .advs-title,#advps_container1 .advs-title a
{
font-size:14px !important;
line-height:14px !important;
}
#advps_container1 .advps-slide p
{
font-size:12px !important;
line-height:12px !important;
}
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
#advps_container1 h2.advs-title, #advps_container1 h2.advs-title a
{
font-size:13px !important;
line-height:13px !important;
}
#advps_container1 .advps-slide p
{
font-size:12px !important;
line-height:12px !important;
}
}
@media only screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
#advps_container1 h2.advs-title, #advps_container1 h2.advs-title a
{
font-size:12px !important;
line-height:12px !important;
}
#advps_container1 .advps-slide p
{
font-size:12px !important;
line-height:12px !important;
}
}
@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
#advps_container1 h2.advs-title, #advps_container1 h2.advs-title a
{
font-size:11px !important;
line-height:11px !important;
}
#advps_container1 .advps-slide p
{
font-size:10px !important;
line-height:10px !important;
}
}
@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
#advps_container1 h2.advs-title, #advps_container1 h2.advs-title a
{
font-size:10px !important;
line-height:10px !important;
}
#advps_container1 .advps-slide p
{
font-size:10px !important;
line-height:10px !important;
}
}