Setting breakpoints
First, we set breakpoints for two kind of devices (tablets and smartphones). We consider the minimum width of a regular tablet as 768px and the minimum width of smartphone as 326px (for iPhone 5). It is also considered retina design for the rest of the mobile versions (between 320px and 767px).
@media (min-width: 768px) and (max-width: 1023px) @media (max-width: 767px)
Type: