CSS Media Queries 2017

/* -------------------------------------------------------------------------------- [ I ] - Intitialize Responsive Settings -------------------------------------------------------------------------------- 1 - Initialize Extra Small Devices -------------------------------------------------------------------------------- 2 - Initialize Small Devices -------------------------------------------------------------------------------- 3 - Initialize Medium Devices -------------------------------------------------------------------------------- 4 - Initialize Largel Devices -------------------------------------------------------------------------------- # End Configuration -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- 1 - Initialize Extra Small Devices -------------------------------------------------------------------------------- */ @media only screen and (min-width: 20em) { } /* XS - Extra Small Start from 320px */ @media only screen and (min-width: 30em) { } /* XS - Extra Small Start from 480px */ /* -------------------------------------------------------------------------------- 2 - Initialize Small Devices -------------------------------------------------------------------------------- */ @media only screen and (min-width: 36em) { } /* SM - Small Start from 576px */ @media only screen and (min-width: 48em) { } /* SM - Small Start from 768px */ /* -------------------------------------------------------------------------------- 2 - Initialize Medium Devices -------------------------------------------------------------------------------- */ @media only screen and (min-width: 62em) { } /* MD - Medium Start from 992px */ @media only screen and (min-width: 64em) { } /* MD - Medium Start from 1024px */ /* -------------------------------------------------------------------------------- 2 - Initialize Large Devices -------------------------------------------------------------------------------- */ @media only screen and (min-width: 75em) { } /* LG - Large Start from 1200px */