Media Queries

Phone/Mobile

@media all and (min-width: 600px) {
    /*      Your CSS for PHONE goes here   */
}

Ipad

@media all and (min-width: 800px) {
    /*      Your CSS for IPAD goes here   */

}

Desktop

@media only screen and (min-width: 992px) {
     /*      Your CSS for DESKTOP goes here   */
      }
      

Phone (Landscape)

@media only screen and (orientation: landscape) 
                    and (max-width: 800px) {
     /*      Your CSS for PHONE (Landscape) goes here   */
      }