/* ==========================================
   PRECISION AXIS FRAMEWORK
   Responsive Styles
========================================== */

@media (max-width:1199px){

   .pa-navbar__menu ul{
      gap:22px;
   }

   .pa-navbar__menu a{
      font-size:14px;
   }

   .pa-navbar__phone{
      padding:10px 14px;
      font-size:13px;
   }

   .pa-slide{
      height:680px;
   }

   .pa-hero-content h1{
      font-size:52px;
      max-width:620px;
   }

   .pa-hero-content p{
      font-size:18px;
      max-width:520px;
   }

   .pa-section-title h2{
      font-size:36px;
   }

   .pa-company-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
   }

   .pa-contact-heading h1{
      font-size:42px;
   }

   .pa-contact-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
   }

   .pa-contact-card--primary{
      grid-column:span 2;
   }

   .pa-news-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
   }

   .pa-news-card h3{
      font-size:22px;
   }

   .pa-careers-heading h1{
      font-size:40px;
   }

   .pa-careers-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
   }

   .pa-about-main__heading h1{
      font-size:40px;
   }

   .pa-company-profile-main__grid{
      gap:10px;
   }

   .pa-company-row--director{
      grid-template-columns:120px minmax(0, 1fr);
   }

   .pa-director-media{
      max-width:120px;
   }
}

@media (max-width:991px){

   .pa-header,
   .pa-navbar{
      height:74px;
   }

   body{
      padding-top:74px;
   }

   .pa-navbar__backdrop{
      display:block;
   }

   .pa-navbar__menu{
      position:absolute;
      top:74px;
      left:0;
      width:100%;
      background:#fff;
      border-top:1px solid #edf1f5;
      box-shadow:0 16px 30px rgba(2,12,27,.08);
      opacity:0;
      visibility:hidden;
      transform:translateY(-10px);
      transition:all .25s ease;
      pointer-events:none;
      z-index:999;
   }

   .pa-navbar.is-open .pa-navbar__menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
      pointer-events:auto;
   }

   .pa-navbar__menu ul{
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      padding:12px 20px;
   }

   .pa-navbar__menu li{
      width:100%;
   }

   .pa-navbar__menu a{
      width:100%;
      padding:12px 0;
      border-bottom:1px solid #f1f5f9;
   }

   .pa-navbar__menu li:last-child a{
      border-bottom:none;
   }

   .pa-navbar__menu a.active::after{
      bottom:7px;
      width:50px;
   }

   .pa-navbar__logo img{
      max-width:170px;
      max-height:54px;
   }

   .pa-navbar__toggle{
      display:inline-flex;
   }

   .pa-navbar__phone{
      padding:9px 12px;
      font-size:12px;
   }

   .pa-slide{
      height:610px;
   }

   .pa-hero-content h1{
      font-size:44px;
      max-width:560px;
   }

   .pa-hero-content p{
      font-size:17px;
      margin-bottom:28px;
   }

   .pa-btn{
      padding:14px 28px;
      font-size:14px;
   }

   .pa-companies{
      padding:64px 0 70px;
   }

   .pa-section-title h2{
      font-size:32px;
   }

   .pa-company-card{
      min-height:240px;
   }

   .pa-company-card h3{
      font-size:22px;
   }

   .pa-company-card__logo{
      min-height:82px;
   }

   .pa-company-card__logo img{
      max-width:136px;
      max-height:68px;
   }

   .pa-contact-page{
      padding:24px 0 78px;
   }

   .pa-contact-heading{
      margin-bottom:28px;
   }

   .pa-contact-heading h1{
      font-size:36px;
   }

   .pa-contact-heading p{
      font-size:16px;
   }

   .pa-contact-grid,
   .pa-social-grid{
      grid-template-columns:1fr;
   }

   .pa-contact-card--primary{
      grid-column:auto;
   }

   .pa-news{
      padding:26px 0 74px;
   }

   .pa-section-title--left p{
      font-size:16px;
   }

   .pa-news-grid{
      grid-template-columns:1fr;
   }

   .pa-careers-page{
      padding:24px 0 76px;
   }

   .pa-careers-heading h1{
      font-size:34px;
   }

   .pa-careers-heading p{
      font-size:16px;
   }

   .pa-careers-grid{
      grid-template-columns:1fr;
   }

   .pa-about-main{
      padding:24px 0 76px;
   }

   .pa-about-main__heading{
      margin-bottom:22px;
   }

   .pa-about-main__heading h1{
      font-size:34px;
   }

   .pa-about-main__heading p{
      font-size:16px;
   }

   .pa-company-profile-main{
      padding:20px;
   }

   .pa-company-profile-main__header h2{
      font-size:30px;
   }

   .pa-company-row--top,
   .pa-company-row--director{
      grid-template-columns:1fr;
   }

   .pa-director-media{
      max-width:140px;
   }
}

@media (max-width:575px){

   .pa-navbar__phone{
      width:40px;
      height:40px;
      border-radius:50%;
      padding:0;
      justify-content:center;
   }

   .pa-navbar__phone span{
      display:none;
   }

   .pa-navbar__logo img{
      max-width:148px;
      max-height:48px;
   }

   .pa-slide{
      height:530px;
      background-position:center center;
   }

   .pa-subtitle{
      font-size:16px;
      margin-bottom:12px;
   }

   .pa-hero-content h1{
      font-size:34px;
      line-height:1.15;
      margin-bottom:16px;
   }

   .pa-hero-content p{
      font-size:15px;
      line-height:1.6;
      margin-bottom:24px;
      max-width:100%;
   }

   .heroSwiper .swiper-pagination{
      bottom:16px;
   }

   .pa-companies{
      padding:54px 0 60px;
   }

   .pa-section-title{
      margin-bottom:24px;
   }

   .pa-section-title h2{
      font-size:28px;
   }

   .pa-company-grid{
      grid-template-columns:1fr;
      gap:16px;
   }

   .pa-company-card{
      min-height:auto;
      padding:20px 18px;
   }

   .pa-company-card__logo{
      min-height:72px;
   }

   .pa-company-card__logo img{
      max-width:120px;
      max-height:60px;
   }

   .pa-company-card h3{
      font-size:21px;
      margin-bottom:8px;
   }

   .pa-company-card p{
      font-size:15px;
   }

   .pa-contact-page{
      padding:18px 0 60px;
   }

   .pa-contact-heading h1{
      font-size:30px;
   }

   .pa-contact-heading p{
      font-size:15px;
   }

   .pa-contact-card,
   .pa-social-wrap{
      border-radius:14px;
      padding:18px 16px;
   }

   .pa-contact-card h2,
   .pa-social-wrap h2{
      font-size:20px;
   }

   .pa-contact-card address,
   .pa-contact-card p{
      font-size:15px;
   }

   .pa-news{
      padding:18px 0 60px;
   }

   .pa-news-card{
      padding:18px 16px;
      border-radius:14px;
   }

   .pa-news-card h3{
      font-size:20px;
   }

   .pa-news-card p{
      font-size:15px;
   }

   .pa-careers-page{
      padding:18px 0 60px;
   }

   .pa-careers-heading h1{
      font-size:28px;
   }

   .pa-careers-heading p{
      font-size:15px;
   }

   .pa-career-card{
      border-radius:14px;
      padding:16px;
   }

   .pa-career-card h2{
      font-size:22px;
   }

   .pa-about-main{
      padding:18px 0 60px;
   }

   .pa-about-main__heading h1{
      font-size:28px;
   }

   .pa-about-main__heading p{
      font-size:15px;
   }

   .pa-company-profile-main{
      padding:16px;
      border-radius:14px;
   }

   .pa-company-profile-main__header{
      align-items:flex-start;
      flex-direction:column;
      gap:12px;
      margin-bottom:16px;
      padding-bottom:14px;
   }

   .pa-company-profile-main__logo{
      width:72px;
      height:72px;
   }

   .pa-company-profile-main__logo img{
      max-width:56px;
      max-height:56px;
   }

   .pa-company-profile-main__header h2{
      font-size:26px;
   }

   .pa-company-meta-block,
   .pa-director-message{
      padding:14px;
      border-radius:12px;
   }

   .pa-director-media{
      max-width:110px;
      border-radius:8px;
   }

   .pa-company-meta-block h3,
   .pa-director-message h3{
      font-size:21px;
   }

   .pa-company-meta-block p,
   .pa-company-meta-block li,
   .pa-director-message p{
      font-size:14px;
      line-height:1.65;
   }
}

@media (min-width:992px){

   .pa-navbar__backdrop{
      display:none;
   }
}