/*========== Desktop First Method ========== */ /* Large Devices, Wide Screens */ @media (max-width: 1199px) { /* */ } /* Medium Devices, Desktops */ @media (max-width: 991px) { /* */ } /* Small Devices, Tablets */ @media (max-width: 767px) { /* */ } /* Extra Small Devices, Phones */ @media (max-width: 480px) { /* */ } /* Custom, iPhone Retina */ @media (max-width: 320px) { /* */ } /*========== Mobile First Method ========== */ /* Custom, iPhone Retina */ @media (min-width: 320px) { /* */ } /* Extra Small Devices, Phones */ @media (min-width: 480px) { /* */ } /* Small Devices, Tablets */ @media (min-width: 768px) { /* */ } /* Medium Devices, Desktops */ @media (min-width: 992px) { /* */ } /* Large Devices, Wide Screens */ @media (min-width: 1200px) { /* */ }