responsive.css

/* Default styles for classic screens */
@media all {
  
  #wrapper-global {
    max-width: 960px; /* Recommended maximum width for desktop */
    margin: 0 auto; /* Center the page */
  }
  
}
        
/* Tablets in portrait */
@media all and (min-width: 760px) and (max-width: 959px) {}

/* Mini tablets in portrait and expansive mobiles in landscape */
@media all and (min-width: 560px) and (max-width: 759px) {}

/* Mobiles in landscape */
@media all and (min-width: 460px) and (max-width: 559px) {}

/* Mobiles in portrait (smallest width is 320px) */
@media all and (max-width: 459px) {}