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


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



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

    header nav {
        display: none;
    }

    header .ham {
        display: block;
    }






    /* **********************************************************************/
    /* ================= about ================= */
    /* **********************************************************************/
      #about .about-visual {
    padding-left: 0;
    margin-top: 50px;
  }

  #about .about-badges {
    position: static;
    margin-top: 20px;
  }

  #about h2 {
    font-size: 34px;
  }





    /* **********************************************************************/
    /* ================= what-we-do ================= */
    /* **********************************************************************/
      #what-we-do h2 {
    font-size: 34px;
  }





    /* **********************************************************************/
    /* ================= industries ================= */
    /* **********************************************************************/
    #industries h2 {
        font-size: 34px;
    }





    /* **********************************************************************/
    /* ================= products ================= */
    /* **********************************************************************/
    #products .product-img {
        height: 160px;
    }
    
    
    
        /* **********************************************************************/
        /* ================= footer ================= */
        /* **********************************************************************/
    footer .footer-about,
    footer .footer-links,
    footer .footer-contact,
    footer .footer-social{
        margin-bottom: 40px;
    }









    /* **********************************************************************/
    /* ================= about PAGE ================= */
    /* **********************************************************************/
    #about-page .about-page-header h2 {
        font-size: 34px;
    }

    #about-page .about-page-text {
        max-width: 100%;
    }



}


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



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










    /* **********************************************************************/
    /* ================= hero ================= */
    /* **********************************************************************/
    
  #hero .hero-slide {
    min-height: 520px;
  }

  #hero .hero-content h1 {
    font-size: 34px;
  }

  #hero .hero-content p {
    font-size: 16px;
  }



  /* what-we-do */
  #what-we-do .what-we-do-individual-imgs {
    margin-bottom: 60px;
  }
#what-we-do .what-we-do-individual-imgs h5 {
    text-align: center;
}






    /* **********************************************************************/
    /* ================= stockiest ================= */
    /* **********************************************************************/
    .stockiest-card {
        min-height: 320px;
    }

    .stockiest-content {
        padding: 30px 20px;
    }




    /* **********************************************************************/
    /* ================= footer ================= */
    /* **********************************************************************/








    /* **********************************************************************/
    /* ================= SINGLE PRODUCT PAGE ================= */
    /* **********************************************************************/
    #product-single .sub-heading {
        font-size: 22px;
    }





    /* **********************************************************************/
    /* ================= CONTACT PAGE ================= */
    /* **********************************************************************/
    #contact .contact-form-wrapper {
        padding: 30px 25px;
    }



}


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



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