/* **********************************
******  CSS MEDIA QUERIES ********* 
************************************/

/* Extra Large Desktops / 4K Monitors */
@media (min-width: 1600px) {
    /* Custom ultra-wide layouts or extra spacing */
}


/* **********************************************************************/
/* **********************************************************************/



/* Large Desktops (Bootstrap XL) */
@media (max-width: 1200px) {
    /* Adjust spacing, reduce layout columns */

      /* Hide desktop nav */
  header .header-nav {
    display: none;
  }

  /* Show hamburger */
  header .mobile-toggle {
    display: block;
  }
}


/* **********************************************************************/
/* **********************************************************************/



/* Medium Devices (Bootstrap LG & MD) */
@media (max-width: 992px) {
    /* Adjust font sizes, stack columns */
}


/* **********************************************************************/
/* **********************************************************************/



/* Tablets (Bootstrap SM) */
@media (max-width: 768px) {
    /* Collapse menus, full-width sections */
}


/* **********************************************************************/
/* **********************************************************************/



/* Small Devices (Bootstrap XS) */
@media (max-width: 576px) {
    /* Reduce padding, font sizes, optimize for touch */
}



/* **********************************************************************/
/* **********************************************************************/




/* Extra Small / Mobile-first (below Bootstrap XS) */
@media (max-width: 400px) {
    /* Tighten UI for small phones (e.g. iPhone SE) */
}