@media (max-width: 575.98px){
  .x-header__inner{ height: 52px; }
  .x-header__logo img{ height: 24px; }
  .x-header__divider{ margin-top: 8px; }

  .x-social{
    width: 26px;
    height: 26px;
    font-size: 15px;
  }

  .x-overlay__nav a{
    font-size: 20px;
  }
   .x-btn{
    padding: 10px 14px;
  }
}




@media (max-width: 767.98px){
  .x-hero__media{
    width: 92vw;
    height: 72vh;
    border-radius: 14px;
  }

  .x-hero__grid{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .x-hero__right{
    justify-content:flex-start;
  }

  .x-hero__centerLogo{
    top: 38%;
    width: min(520px, 86vw);
  }
}

 
@media (max-width: 991.98px){
  .x-hero__media{ height: 64vh; }
  .x-hero__content{ bottom: 28px; }

  .pageHeader h2, .blog__title{
    font-size: 60px;
  }

  .pageHeader {
    height: 45vh;
  }
 .aboutMid .midaboutImage   {
    height: 31vh;
  }
  .aboutMid .midaboutImage img {
    height: 31vh;
  }
  .team__left {
    margin-left: unset;
  }
  .about-cta {
    margin-top: 50px;
  }

  .contact__image img {
    height: 350px;
  }
  .conPageRight {
    padding-left: 15px;
    padding-right: 15px;
  }
  .strategyCons h2 {
    font-size: 32px;
  }
  .fulliamgeHere img {
    height: 300px;
  }
  .strategy-hero__title {
    font-size: 32px;
  }
  .strategy-hero {
    padding: 80px 0;
  }
  .fulliamgeHere {
    overflow-x: hidden;
  }
  .hoverCards{
    padding: 40px 0;
  }
  .hoverCard__title {
    font-size: 25px;
  }
  .x-header{
    padding-top: 20px;
  }
	
  .careers-jobs__table {
  min-width: 900px; /* or 1000px if you want more breathing space */
}.careers-jobs__tableWrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
}