text: // Mobile S - 320px
  // Mobile M - 375px
  // Mobile L - 425px
  // Tablet - 768px width, 1024 height;
  // Laptop - 1024px
  // Laptop L - 1440px
  // 4K - 2560px
  
  const size = {
    mobileS: '320px',
    mobileM: '375px',
    mobileL: '425px',
    tablet: '768px',
    laptop: '1024px',
    laptopL: '1440px',
    desktop: '2560px',
  }
  
  //Default Mobile View === 320-450px width     650-750px height
  
  //Small Mobile view 550-650px height
  
  //large Mobile view  750px + height
  
  export const device = {
    mobileS: `(min-width: ${size.mobileS})`,
    mobileM: `(min-width: ${size.mobileM})`,
    mobileL: `(min-width: ${size.mobileL})`,
    tablet: `(min-width: ${size.tablet})`,
    laptop: `(min-width: ${size.laptop})`,
    laptopL: `(min-width: ${size.laptopL})`,
    desktop: `(min-width: ${size.desktop})`,
    desktopL: `(min-width: ${size.desktop})`,
  }
  