/* Responsive */

@media (max-width: 768px) {
    section { padding: 60px 0; }
    #hero { min-height: 70vh; }
    .hero-inner { padding: 70px 0 60px; }

    .thank-you-banner h2 {
        font-size: 26px;

    }

}




/* ==========================================
   NAVBAR RESPONSIVE
========================================== */

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

    .navbar{
        padding:12px 0;
    }
    
    .navbar-brand img{
        height:60px;
    }
    
    .navbar-toggler{
        border:none;
        box-shadow:none !important;
        padding:8px;
    }
    
    .navbar-collapse{
    
        background:#fff;
    
        margin:15px 0 20px 0;
    
        padding:20px;
    
        border-radius:10px;
    
        box-shadow:0 10px 25px rgba(0,0,0,.08);
    }
    
    .navbar-nav{
    
        align-items:center;
    }
    
    .navbar-nav .nav-item{
    
        width:100%;
    
        text-align:center;
    
        margin:8px 0;
    }
    
    .navbar-nav .nav-link{
    
        padding:10px 0 !important;
    
        font-size:16px;
    }
    
    .navbar-nav .btn-hero{
    
        display:block;
    
        width:fit-content;
    
        margin: auto;
    
        padding:12px;
    }
    
    }
    
    
    /* Mobile */
    @media (max-width:575.98px){
    
    .navbar{
    
        padding:10px 0;
    }
    
    .navbar-brand img{
    
        height:52px;
    }
    
    .navbar-collapse{
    
        padding:16px;
    }
    
    .navbar-nav .nav-link{
    
        font-size:15px;
    }
    
    .navbar-nav .btn-hero{
    
        font-size:14px;
    
        padding:11px;
    }

    .contact-btn{
        padding: 6px 12px;
    }

    #contact .contact-card {
        background: #f0f2f4;
        border-radius: 8px;
        padding: 42px 16px;
    }

    #get-in-touch .get-in-touch-card {
        background: #f0f2f4;
        border-radius: 8px;
        padding: 42px 16px;
    }
    }


/* ==========================================
   HERO SECTION RESPONSIVE
========================================== */

/* ===============================
   Tablet (991px and below)
================================ */
@media (max-width:991.98px){

    .contact-item {
        margin-top: 60px;
    }



    .footer-bottom {
        padding: 22px 24px;
    } 


    #hero{
        min-height:auto;
        padding:90px 0;
    }
    
    .hero-inner{
        padding:30px 0;
    }
    
    #hero h1{
        font-size:46px;
        line-height:1.2;
    }
    
    #hero p.lead{
        font-size:17px;
        max-width:650px;
    }
    
    .ticker{
        gap:20px;
    }
    
    }
    
    
    /* ===============================
       Large Mobile (767px and below)
    ================================ */
    @media (max-width:767.98px){
    
    #hero{
    
        min-height:auto;
    
        padding:80px 0;
    
        text-align:center;
    }
    
    .hero-inner{
    
        padding:20px 0;
    }
    
    #hero .row{
    
        justify-content:center;
    }
    
    #hero .col-lg-7{
    
        width:100%;
    }
    #hero::after {
        background: linear-gradient(135deg, #0a1a3a 0%, #1a3c6e 55%, #0d2a55 100%);
        opacity: 0.86;
    }
    
    .hero-eyebrow{
    
        font-size:12px;
    
        letter-spacing:2px;
    
        margin-bottom:15px;
    }
    
    #hero h1{
    
        font-size:38px;
    
        line-height:1.25;
    
        margin-bottom:18px;
    }
    
    #hero p.lead{
    
        font-size:16px;
    
        max-width:100%;
    
        margin:0 auto 25px;
    
        line-height:1.7;
    }
    
    .ticker{
    
        justify-content:center;
    
        gap:14px;
    
        margin-bottom:28px;
    }
    
    .ticker-item{
    
        font-size:11px;
    
        letter-spacing:1px;
    }
    
    .btn-hero{
    
        padding:13px 30px;
    
        font-size:14px;
    }
    
    }
    
    
    /* ===============================
       Small Mobile (575px and below)
    ================================ */
    @media (max-width:575.98px){
    
    #hero{
    
        padding:70px 0 60px;
    }
    
    .hero-inner{
    
        padding:10px 30px;
    }
    
    .hero-eyebrow{
    
        font-size:11px;
    
        letter-spacing:1.5px;
    }
    
    #hero h1{
    
        font-size:32px;
    
        line-height:1.2;
    }
    
    #hero p.lead{
    
        font-size:15px;
    
        line-height:1.6;
    
        margin-bottom:22px;
    }
    
    .ticker{
    
        gap:10px;
    
        margin-bottom:24px;
    }
    
    .ticker-item{
    
        font-size:10px;
    }
    
    .btn-hero{
    
        width:100%;
    
        max-width:200px;
    
        padding:13px;
    
        font-size:14px;
    }
    
    }




 /* SITEMAP RESPONSIVE  */


  @media(max-width:991px){

    #sitemap{
        padding:70px 0;
    }
  
    .sitemap-header{
        margin-bottom:40px;
    }
  
    .sitemap-card{
        padding:30px;
    }
  
  }
  
  @media(max-width:767px){
  
    .sitemap-title{
        font-size:32px;
    }
  
    .sitemap-card{
        padding:25px;
    }
  
  }

 
/* Cookie Banner */
/* Mobile */
@media (max-width: 600px) {
    .cookie-content {
      flex-direction: column;
      text-align: center;
    }
  
    .cookie-buttons {
      width: 100%;
      justify-content: center;
    }
  }
  
  @media (min-width:767.98px){
    .footer-bottom {
        padding-bottom: 95px;
    }
  }

  @media (max-width:767.98px){
    .footer-bottom {
        padding-bottom: 100px;
    }
  }

  @media (max-width:600px){
    .footer-bottom {
        padding-bottom: 160px;
    }
  }

  @media (max-width:379px){
    .footer-bottom {
        padding-bottom: 180px;
    }
  } 


  /* Responsive Privacy Policy*/

@media(max-width:768px){

  .privacy-card{
      padding:30px 25px;
  }

  .privacy-title{
      font-size:32px;
  }

  .policy-item h4{
      font-size:16.8px;
  }

}

.policy-item ul{
  margin:15px 0 20px 20px;
  padding-left:10px;
}

.policy-item li{
  color:#666;
  line-height:1.9;
  margin-bottom:8px;
}

.policy-item p{
  margin-bottom:16px;
}