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


  /* header */
  header .logo {
    display: block;
    height: auto;
  }
  header .logo img {
    width: 60%;
  }

  header nav {
    display: none;
  }

  header .ham i {
    display: block;
  }

}


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



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


  /* header  */
  .nav-list .dropdown {
    position: static;
    box-shadow: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    display: none;
  }

  .nav-list li.has-dropdown.active .dropdown {
    display: block;
  }











  /* hero  */
  #hero {
    height: 90vh;
  }

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

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






  /* industries */
  .industries-grid {
    grid-template-columns: repeat(7, minmax(260px, 1fr));
  }

  .industry-card {
    height: 280px;
  }

  .industry-card h4 {
    font-size: 20px;
  }








  /* why-us */
  #why-us .row {
    min-height: auto;
  }

  #why-us .why-content {
    padding: 60px 15px;
  }

  #why-us .why-img {
    min-height: 320px;
    clip-path: none;
    /* safer on tablets */
  }

}


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



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



  /* header-top  */
  #header-top .container {
    flex-direction: column;
    gap: 6px;
  }



  /* header */
  header .logo img {
    width: 75%;
  }




  /* industry */
  .industry-row.two-col,
  .industry-row.three-col {
    grid-template-columns: 1fr;
  }

  .industry-card {
    height: 280px;
  }





  /* services */
  #services .service-card {
    padding: 30px 20px;
  }








  /* why-us */

  #why-us .why-title{
    text-align: center;
  }
  #why-us {
    text-align: center;
  }

  #why-us .why-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  #why-us .why-list li {
    padding-left: 30px;
  }








  /* projects */
  #projects .project-img {
    height: 200px;
  }

  #projects .project-content {
    padding: 20px;
  }










  /* footer */
  #site-footer {
    text-align: center;
  }








  /* **********************************************************************/
  /* about us page  */
  /* **********************************************************************/
  #leadership .leader-img img{
    margin-bottom: 20px;
  }
  #leadership .experience-item {
    padding: 20px;
  }

  #leadership .experience-item h6 {
    font-size: 16px;
  }












  /* **********************************************************************/
  /* contact us page  */
  /* **********************************************************************/
  #page-hero.contact-hero {
    height: 60vh;
  }

  .contact-form-wrap {
    padding: 30px 20px;
  }








  #site-footer .footer-highlight {
    text-align: start;
  }

  #site-footer .footer-links {
    text-align: start;
  }

  #site-footer .footer-contact-info {
    text-align: start;
  }


  #site-footer .copyrights-body .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
}






}


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



/* Small Devices (Bootstrap XS) */
@media (max-width: 576px) {

  /* Reduce padding, font sizes, optimize for touch */
  /* header */
  header .logo img {
    width: 85%;
  }





  /* hero */
  #hero .hero-content h1 {
    font-size: 30px;
  }

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





  #projects .owl-nav{
    display: none;
  }









  /* why-us */
  #why-us .why-img {
    min-height: 260px;
  }







  /* gallery-section */
  #gallery-section .gallery-item {
    height: 250px;
  }





}



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




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