/* Large screens ----------- */
@media only screen 
and (min-width : 1824px), screen and (max-device-width : 1824px) {
  /* Styles */
}

/* Tablet (portrait and landscape) ----------- */
@media only screen 
and (max-width : 1550px), screen and (max-device-width : 1550px) {
  /* Styles */
}

/* Small Screens ----------- */
@media only screen 
and (max-width : 1224px), screen and (max-device-width : 1224px) {
  /* Styles */
}

/* Left Nav Change */
@media only screen 
and (max-width : 790px), screen and (max-device-width : 790px) {
  .big-screen
  {
    display: none;
  }
}

/* Tablet (portrait and landscape) ----------- */
@media only screen 
and (max-width : 1024px), screen and (max-device-width : 1024px) {
  /* Styles */
}

/* Tablet (portrait) ----------- */
@media only screen 
and (min-width : 720px) 
and (max-width : 768px) 
and (orientation : portrait), screen and (min-device-width : 720px) 
and (max-device-width : 768px) 
and (orientation : portrait) {
  /* Styles */
}

/* Tablet (landscape) ----------- */
@media only screen  
and (max-width : 1024px) 
and (orientation : landscape), screen and (max-device-width : 1024px) {
  /* Styles */

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-device-width : 480px), screen and (max-width : 480px) {
  /* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 480px) 
and (orientation : landscape), screen and (max-device-width : 480px) and (orientation : landscape) {
  /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px), screen and (max-device-width : 320px) {
  /* Styles */
}