/* ==========================================================
   PrimeTech Solutions
   responsive.css
   Global Responsive System v1.0
   ========================================================== */

/* ========= Large Screens ========= */
@media (min-width:1400px){
  .container{max-width:1320px;}
}

/* ========= Laptop ========= */
@media (max-width:1200px){
  :root{
    --section-space:90px;
  }
  .hero-grid,
  .about-grid,
  .expert-grid{
    gap:3rem;
  }
}

/* ========= Tablet ========= */
@media (max-width:992px){

  html{
    font-size:15px;
  }

  .section{
    padding:80px 0;
  }

  .container{
    width:min(94%,var(--container));
  }

  .hero{
    text-align:center;
  }

  .hero-content,
  .section-title p{
    margin-inline:auto;
  }

  .hero-buttons,
  .cta-buttons{
    justify-content:center;
  }

  .hero-info{
    grid-template-columns:1fr;
  }

  .footer-bottom{
    text-align:center;
  }
}

/* ========= Mobile ========= */
@media (max-width:768px){

  html{
    font-size:14px;
  }

  :root{
    --section-space:70px;
    --navbar-height:74px;
    --card-padding:22px;
  }

  .container{
    width:92%;
  }

  .hero{
    min-height:auto;
    padding-top:110px;
  }

  .hero-image{
    order:-1;
  }

  .floating-actions{
    right:16px;
    bottom:16px;
  }

  table{
    display:block;
    overflow-x:auto;
    white-space:nowrap;
  }

  iframe{
    min-height:300px;
  }
}

/* ========= Small Mobile ========= */
@media (max-width:576px){

  html{
    font-size:13px;
  }

  h1{
    line-height:1.15;
  }

  .section-title{
    margin-bottom:2.5rem;
  }

  .hero-buttons .btn-primary,
  .hero-buttons .btn-secondary,
  .cta-buttons a,
  .nav-btn{
    width:100%;
  }

  .floating-card{
    width:100%;
  }

  .social-icons{
    justify-content:center;
  }

  .copyright,
  .footer-bottom{
    font-size:.82rem;
  }
}

/* ========= Ultra Small ========= */
@media (max-width:380px){

  html{
    font-size:12.5px;
  }

  .logo img{
    width:42px;
    height:42px;
  }

  .menu-btn{
    width:42px;
    height:42px;
  }
}
