/* ============================================================
   MAHIRA PREMIUM | RESPONSIVE
   ============================================================
   Purpose: Responsive breakpoints and adjustments
   Editable: Yes
   Dependencies: All other CSS files
   ============================================================ */

/* Bootstrap breakpoints:
   xs: <576px
   sm: ≥576px
   md: ≥768px
   lg: ≥992px
   xl: ≥1200px
   xxl: ≥1400px
*/

/* Mobile first approach - default is mobile */

/* Small devices (tablets, 576px and up) */
@media (min-width: 576px) {
  
}

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