.platform-android is working fine for Android tablet but it also effects iOS iPad 2 same changes


#1

Application is working fine for all iOS devices but for Android tablet, header title overlaps.When i used .platform-android to give some space for header but it is working fine but it also effects the changes for iPad device.Please let me know if any one had similar issues and found fix for this issue.
@media screen and (min-device-width : 680px) {
.hist-title{
font-size: 1.350em;
}
.notify-text-field {
height: 40px !important;
}
.platform-android .hist-title{
margin-top:3%!important;
}
.platform-android .hist-make{
margin-top:3%!important;
}
.platform-android .hist-make-img{
margin-top:3.3%!important;
}

}

Thanks,
Sadasivakumar U