@media (max-width: 992px) {
    :root {
        --f16:14px;
        --f50:38px;
        --f20:18px;
        --f22:20px;
        --f14:12px;
        --f12:11px;
        --f42:30px;
    }
    body{
        font-size: var(--f16);
        padding-top: 120px;
        line-height: 1.3;
    }
    header{
        padding: var(--s10) 0;
            height: 65px;
    }
    header .primaryBtn{
                font-size: 12px;
        padding: var(--s10) var(--s5);
    }
    .headerLogo{
        
    width: 90px;
    }
    .headerLogo img{
        width: 90px;;
    }
    .primaryBtn{
        padding:var(--s15) var(--s20);
        white-space: nowrap;
        gap: var(--s5);
        font-size: 16px;
    }
    header .primaryBtn img{
        display: none;
    }
    .langBtn{
        width: 55px;
    }
    .flag , .caret-fix.h25w25{
        height: 20px;
        width: 20px;;
    }
    .caret-fix::before{
            width: 10px;
                top: calc(50% + 3px);
    }
    .languageDropdown .dropdown-toggle {
    transition: none;
  }
  .w75{
    width: 100%;
  }
  .profileImg{
    height: 45px;
    width: 45px;
  }
  .profileSlack .profileImg:not(:first-child){
    margin-left: -15px;
  }
  .bannerPill{
    width: 100%;
    gap: var(--s10);
    padding: var(--s5) var(--s10) var(--s5) var(--s8)
  }
  .cardBoxMain > .cardBox , .cardBoxMain:has(> .cardBox:nth-child(3n + 1):last-child):not(:has(> .cardBox:only-child))
  > .cardBox:last-child , .cardBoxMain:has(> .cardBox:nth-child(3n + 2):last-child)
  > .cardBox:nth-last-child(-n + 2) {
    width: 100%;
  }
  .cardBox{
    padding: var(--s20);
    gap: var(--s20);
  }
  .cardBoxMain , .resgap30{
    gap: var(--s30);
  }
  .space100px{
    height: var(--s50);
  }
  .py100{
    padding: var(--s50) 0;
  }
  .twoCards , .threeCard{
        grid-template-columns: repeat(1, 1fr);
        gap: var(--s50);
  }
  .zigzagMain:nth-child(even) .leftPart{
    order: 1;
  }
  .zigzagMain:nth-child(even) .rightPart{
    order: 2;
  }
  .py30{
    padding: var(--s20) 0;
  }
  footer .gap20{
    gap: var(--s15);
  }
  footer .footernav.gap20{
    gap: var(--s10);
    font-size: var(--f14);
  }
  footer .socialLinks img{
    height: 15px;
    width: 15px;
  }
  .companyLogobox{
    max-height: 200px;
    
  }
  .companyLogobox , .companyLogobox img{
    width: 100%;
    border-radius: 15px;
  }
  .userImg.h50w50{
    height: 40px;
    width: 40px;
  }
  .detailPill{
    font-size: var(--f12);
    padding: var(--s5) var(--s8);
  }
  .threeCard.gap50{
    gap: var(--s30);
  }
  .bgPattern.black{
    height: 730px;
  }
  .space300px{
    height: 180px;
  }
}