@media only screen and (max-device-width: 480px) {
/*
                                
Iphone:  320px X 480px - portrait, 480px X 320px - landscape
                             
Android:   350px X 480px - portrait, 480 X 350 - landscape
(These are average dimensions, the Android OS runs on several different devices)*/
                            
.mobilecontainer {font-size:18px !important}  /*example style  */


                                
                               
}       
                         
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  {

                            
/*Device viewport dimensions in pixels:
768 x 1024 - portrait 
1024 x 768 - landscape
*/
                             
body[yahoo] #container1 {display:block !important} /*example style*/
body[yahoo] p {font-size: 10px} /*example style*/                       
                             
}