Responsive Rules

<!--Quick Tip: Don't Forget the Viewport Meta Tag-->
<!--location head or header -->
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- responsive start -->

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { }

// Super large devices (large desktops, 1400px and up)
@media (min-width: 1400px) { }

<!-- responsive end -->
Advertisements