Cacher is the code snippet organizer for pro developers

@media (min-width: 1025px) {
  /* CSS in here for desktop only */
}

/* TABLET LANDSCAPE VERSION */
        @media only screen and (min-width: 768px) and (orientation : landscape) {
           /* CSS in here */
        }
/* TABLET PORTRAIT VERSION */
        @media only screen and (min-width: 768px) and (orientation : portrait) {
            /* CSS in here */
        }

@media (min-width: 768px) and (max-width: 1024px) {
  /* CSS in here for tablet only */
}


/* PHONE LANDSCAPE VERSION */
        @media only screen and (min-width: 320px) and (orientation : landscape) {
           /* CSS in here */
        }

/* PHONE PORTRAIT VERSION */
        @media only screen and (min-width: 320px) and (orientation : portrait) {
           /* CSS in here */
        }

@media (max-width: 767px) {
  /* CSS in here for mobile only */
}