/* Responsive overrides for tablet and mobile
   Scope: Only class-based selectors; desktop left intact.
   Breakpoints used:
   - Tablet: @media (max-width: 991.98px)
   - Mobile: @media (max-width: 575.98px)
*/

@media (min-width: 1400px) {
  .container {
   max-width: 1360px;
   padding-left: 0 !important;
   padding-right: 0 !important;
  }
  .more-top{
      padding-top:120px !important;
  }
  .header-container{
      margin:0 auto; 
      max-width: 1360px;
      /*max-width:1170px;*/
  }
}

@media (max-width:1400px){
    .feature-icon .minus, .feature-icon .plus {
        height: 28px;
    }
    .division-slide .card-body{
        height:300px;
    }
}
@media (max-width: 991px) and (min-width: 576px) {
   .container {
    max-width: 90%; 
    margin: 0 auto; 
  }
}
@media (max-width:1200px){
    .hero-content h2{font-size: 40px;}
    .h1{font-size:48px}
}

@media (max-width:1024px){
    .top-div{
    flex-flow: wrap;
    }
    .aerea-img{
      width:100%;  
    }
    .page-template-business .hero-content{
        margin-top:0;
    }
}

@media (min-width: 992px) {
  .hero-slide {
    min-height: 100vh;
  }
  #mobileNav{
    display: none;
  }
  .v-bat-img{
    height:528px;
    object-fit:cover;
  }
  /*.uav-img img,*/
  /*.gecko-img img{*/
  /*    width:692px !important;*/
  /*}*/
}

/* Tablet (<= 992px) */
@media (max-width: 991.98px) {
  /*header*/
  .main-header.topbar-hidden nav.navbar {
    transform: translateY(0px); /* default set -35 roughly the vertical padding top/bottom */
  }
  
  /* Topbar hidden */
  .topbar{
      display:none !important;
  }
  .navbar.sticky-top{
      margin-top:10px;
  }
  
  .custom-toggle {
    display: block;
   }

   #primaryNav {
     display: none !important;
    }
    .mobile-logo{
        display:block;
    }
    .desk-logo{
     display:none !important;   
    }
    .division-slide .card-body{
        height:auto;
    }
    .business-feature {
      padding-top:16px;
    }

  
  /* Hero */
  .hero-slide { min-height: 80vh; }
  .hero-content { padding: 2rem 0; }
  .h1 { font-size: 48px; line-height: 120%; }
  .hero-content h6{font-size:14px !important;}
  .hero-slide .bg { position: absolute; inset: 0% 0 0% 0; background-position: center center;}

  /* Stats grid borders stack-friendly */
  .stats .stat-card { border-right: none; padding-right: 0; padding-bottom: 32px; }
  .stats .col-12:nth-child(4) .stat-card { border-right: none; padding-right: 0; padding-bottom: 0px; }
  
  /* Leadership block */
  .leadership { padding: 40px 0px !important; }
  .leadership .d-flex { flex-direction: column !important; gap: 24px !important; }
  .leadership .inner-content {gap: 0px !important;}
  .leadership .img-content { max-width: 100%; text-align: center; }
  .leadership .img-content img { max-width: 100%; height: auto; }
  .leadership p.size-18{font-size: 14px;}
  .leadership .leadership-top-block{gap: 16px !important;}

  
  /* Testimonial */
  .testimonial-card { padding: 0 28px 48px 28px; }
  .testimonial-media { height: auto; min-height: 240px; }

  .testimonial-media img { max-width: 90%; height: auto; }

  .testimonial-portrait { width: clamp(160px, 40vw, 280px); height: auto; object-fit: contain; }

  .testimonial-body { padding-top: 24px; }

  .testimonial-body::after {
        opacity: 0.4;
        background-size: 65%;
        background-repeat: no-repeat;
        right: -55px;
        bottom: -68px;
        width: 180px;
        height: 150px;
    }
  .testimonial-quote { font-size: 20px; }
  .testimonial-author .author-name { font-size: 24px; }

  /* Cards */
  .card-img-top { height: 180px; }

  /* Utilities */
  .section-spacing { padding: 60px 0; }
   .testimonial-card {
    flex-direction: column;
  }
  .testimonial-media {
    flex-basis: auto;
    display:flex;
    justify-content:center;
    align-items: flex-end;
  }
  .container_1360_wrp {
  padding: 120px 20px 90px;
  }
  .common_ttle {
  font-size: 32px;
  margin-bottom: 16px;
  }
  .desc {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  }
  .news-section .swiper-pagination,#newsroom .swiper-pagination{
      position:unset;
      bottom:0;
      margin-top:48px;
  }
  .divisions-slider .swiper-pagination{
      bottom:0 !important;
  }
  .round-border{
      border-radius:16px;
  }
   .business-feature {
    flex-direction: row !important;
  }
  #newsroom .newsroom-link .card-body p{
      font-size:14px;
  }
  .page-template-business-gecko .product-video-bg{
      object-fit:none !important;
  }
}

/* Mobile (<= 768px) */
@media (max-width: 768px) {
  /*.header-container{*/
  /*  max-width: unset;*/
  /*  margin: 16px 16px 0 16px;*/
  /*}*/
  .left-nav{
      display: none;
  }
  .right-nav a{
    margin-right: 5px !important;
  }
  .topbar a,.nav-link{
    font-size: 12px;
  }
  .navbar.sticky-top{
      padding:10px 15px !important;
      max-height:56px;
  }
  
  .mobile-menu-panel {
     height: 92vh;
     border-radius: 16px;
     padding: 24px;
     margin: 8% 0;
    }

  .mobile-menu-close {
     top: 16px;
     right: 16px;
    }

    .mobile-nav {
     padding-top: 40px;
    }

  .mobile-nav-link {
    font-size: 20px;
    padding:0;
    font-weight: 800;
    }

    .mobile-search {
        padding: 16px 0;
    }
  
  .product-tabs {
    flex-direction: column;
    gap: 4px;
  }
  
  .tab-item {
    border-radius: 8px !important;
  }
  
  .vbat-detail-section {
    min-height: auto;
    padding:0 !important;
  }
  
  .feature-header {
    padding: 16px 0;
  }
  
  .section-spacing-mob {
    padding: 40px 0; 
  }
  .section-small-space{
    padding: 20px 0; 
  }
  .mob-pad-zero{
    padding: 0 !important;
  }
  .mob-mar-zero{
    margin: 0 !important;
  }
  .mobile-order{
    order:1 !important;   
  }
  .stats-section .stats.row{
      padding: 0 !important;
  }
  .v-bat-img{
    height:185px;
    object-fit:cover;
  }

  
   /* Navbar (hamburger) */
  .navbar .navbar-toggler { border: none; padding: 6px 8px; }
  .navbar .navbar-toggler:focus { box-shadow: none; }
  .navbar .navbar-toggler-icon { filter: invert(20%); height:24px; width:24px;}
  .navbar .navbar-collapse { background: #ffffff; border-radius: 12px; padding: 8px 8px; margin-top: 8px; }
  .navbar .navbar-nav .nav-link { padding: 10px 12px; border-radius: 8px; }
  .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover { background: rgba(0,0,0,0.04); }

  /* Offcanvas (mobile sidebar) */
  .offcanvas.offcanvas-end { width: min(86vw, 360px); }
  .offcanvas .offcanvas-header { border-bottom: 1px solid rgba(0,0,0,0.08); }
  .offcanvas .navbar-nav .nav-link { padding: 24px 8px; font-size: 20px; letter-spacing: 0.39px; font-weight: 800; }
  .offcanvas .navbar-nav .nav-link.active, .offcanvas .navbar-nav .nav-link:focus, .offcanvas .navbar-nav .nav-link:hover { background: rgba(0,0,0,0.04); border-radius: 8px; }

  /* Typography scale */
  .h1 { font-size: 40px; }
  .h2 { font-size: 32px; }
  .h3 { font-size: 32px; }
  .h5 { font-size: 24px; }
  .h6 { font-size: 20px; }
  .lead {
    font-size: 14px;
  }
  p{
    font-size: 14px;
  }
  .size-18{
    font-size: 14px;
  }
  .size-22{
    font-size: 18px;
  }
  .text-left-mob{
    text-align: left !important;
  }

  /* Spacing */
  .section-spacing { padding: 40px 0; }
  .section-small-space { padding: 20px 0; }
  .stats-section{padding-bottom: 40px;}

  /* Hero */
  .hero .lead { font-size: 14px;}
  .hero-slide { min-height: 100vh; }
  .hero-content { padding: 1.5rem 0; }
  

  /* Buttons */
  .btn.btn-lg { padding: 7px 19px; font-size: 13px; }

  /* Stats */
  .stat-title { font-size: 24px; }
  .stats .row, .stats { row-gap: 16px; }

  /* Leadership features list */
  .feature {gap: 12px;}
  .feature img { width: 32px; height: auto; }
  .mob-img{ display:block;}
  .desk-img{ display:none;}

  /* Testimonial */
  .testimonial-card { min-height: auto; padding: 18px 18px 22px 18px; }

  .testimonial-media { height: auto; min-height: 160px; align-items: center; }

  .testimonial-media img { max-width: 85%; height: auto; }

  .testimonial-portrait { width: 180px; translate: 0 0; object-fit: contain; }

  .testimonial-body { padding-top: 16px; }

  .testimonial-quote { font-size: 18px; margin-bottom: 16px; padding-left: 20px; border-left-width: 2px; }

  /* .testimonial-body::after { right: 8px; bottom: 0; height: 96px; width: 120px; opacity: .35; } */
  /* .testimonial-portrait { width: 200px; translate: 0 0; }
  .testimonial-quote { font-size: 18px; margin-bottom: 24px; }
  .testimonial-body::after { right: 12px; bottom: 0; height: 120px; width: 150px; } */

  /* Blog cards */
  .card-img-top { height: 236px; }
  .division-slide .card-title{font-size: 24px;}

  /* Containers */
  .container { padding-left: 24px; padding-right: 24px; }
  .partnership-section{padding: 24px 0;}
  .tabs-section{padding: 16px 0 !important;}
  .Feature-top{padding-bottom: 24px;}
  .feature-description{padding-top: 24px;}
  .features-accordion {margin-top: 24px;}
  .divider{padding: 20px 0;}
  .mob-text-center{text-align: center !important;}
  
  /* PADDING RIGHT REMOVE */
  .pd-rm-mob{
    padding-right: 0 !important;
  }
  /* Remove Swiper's default arrow icons */
  .divisions-slider .swiper-button-prev::after,
  .divisions-slider .swiper-button-next::after,
  .divisions-slider .swiper-navigation {
    display: block;
  }
  .swiper-navigation {
      margin: 0 auto;
      max-width:220px;
      top: -10px;
  }
  #newsroom h2{
      margin-bottom:24px !important;
  }
  .feature-item.active .feature-header::before{
      top:15px;
  }
  .page-template-business .border-bottom{
      display:none;
  }
  .vbat-main-section{
      padding:40px 16px !important;
  }
  .blogs-slider,.news-section .text-content{
    margin-bottom:24px !important;  
  }
  .btn-primary {
  border-radius: 10px;
  padding:7px 30px;
    }
    .grid-features{
        grid-template-columns: repeat(1, 1fr);
        column-gap: 80px;
    }
    .feature-sensors-description{
        padding-top:20px;   
    }
    .feature-sensors{
        padding:8px 16px;
    }
    .feature-sensors::before {
        content: "";
        position: absolute;
        left: 40px;
        top: 10px;
        bottom: 0px;
        width: 4px;
        height: 16px;
        background: rgb(220, 38, 38);
    }
    /*.feature-content p{*/
    /*    padding:16px 0 !important;*/
    /*}*/
    .compare-tabs .nav-link {
    padding: 8px 30px;
    font-size: 18px;
    }
    
}

.navbar-toggler{
border:none;
padding:0;
}

.navbar-toggler:focus{
box-shadow:none;
}