/*

      Minimum settings (0px and up)

   */

      @media (min-width: 0)   { }

   /*

      Minimum settings (390px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 390px)  { }

   /*

      Minimum settings (500px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 500px)  { }

   /*

      Extra small devices (portrait phones, less than 576px)
      No media query for `xs` since this is the default in Bootstrap

      Small devices (landscape phones, 576px and up)

   */

      @media (min-width: 576px)  { }

   /*

      Minimum settings (640px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 640px)  { }

   /*

      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) { }

   /*

      Extra large devices (large desktops, 1580px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 1600px) { }