/* Responsive Design */
@media (max-width: 768px) {
    .nav {padding: 0 20px; }
    .nav-header { padding: 0px 15px;height: 100px;}
    .nav-menu {
      display: none; /* Hide menu initially */
      flex-direction: column;
      background-color: #131313;
      position: absolute;
      top: 96px;
      right: 0;
      width: 100%;
      z-index: 999;
      padding: 10px 0;
    }
    .nav-menu.active { display: flex;}
    .nav-menu ul {flex-direction: column;gap: 15px;}
    .nav-menu ul li { text-align: center;}
    .nav-menu ul li a { font-size: 18px;}
    .nav-toggle { display: flex; /* Show toggle on mobile */}
    .section-carousel{  padding-top:60px ;}
    .carousel-indicators.vertical-indicators {  margin-right: 30px;}
    .twc-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {   padding: 7px 16px;  font-size: 10px;}
    .twc-tab .nav-pills .nav-link {padding: 7px 16px;font-size: 10px;}
    .twc-tab .nav { padding: 0 0px;}
    .tab-containt h2 { font-size: 28px;        }
    .tab-containt p { font-size: 18px;}
    .twc-card { height: 316px;}
    .heading { font-size: 36px;}
    .team h6 {font-size: 18px;}
    .team p {  font-size: 14px;}
    /* Common Styles */
.card-Resources, .card-Resources2, .card-Resources3, .card-Resources4 { margin-bottom: 25px;}
.card-Resources h6, .card-Resources2 h6, .card-Resources3 h6, .card-Resources4 h6 { font-size: 15px;}
.card-Resources p, .card-Resources2 p, .card-Resources3 p, .card-Resources4 p,
.card-Resources a, .card-Resources2 a, .card-Resources3 a, .card-Resources4 a {font-size: 12px;}
.div-center { display: flex; justify-content: center; align-items: center;}
.card-Resources::before, .card-Resources2::before, .card-Resources3::before, .card-Resources4::before { opacity: 1; /* Make the background always visible on mobile */}
.card-Resources, .card-Resources2, .card-Resources3, .card-Resources4 {  padding: 15px;}
.new-team{height:auto !important; width:100% !important;}
    .product-card {
        height: auto;
    }
    /*30-01-2025*/
    .consideration-container {
        gap: 0px;
        padding: 0px;
    }

    .product-main h1 {
        font-size: 36px !important;
    }

    .product-main p {
        font-size: 18px;
        line-height: 24px;
    }

    .KeyFeaturesdiv h3 {
        font-size: 24px;
        line-height: 48px;
    }

    .hexa-main img {
        display: none !important;
    }
    .hexa-main2 img {
        display: none !important;
    }
    .hexagonal {
        margin-bottom: 15px;
    }

    .hexa-main {
        gap: 0%;
        margin-bottom: 0px !important;
    }
    .hexagonalfour {
        margin-bottom: 20px;
    }
    .hexa-main2 {
        margin-bottom: 0px;
    }
}

/*ipad air*/
@media (width: 820px) and (height: 1180px) {
    .nav-logo a img {width: 110px;}
    .nav-menu ul { gap: 9px;}
    .nav-menu ul li a {font-size: 12px;}
}
  
/*ipad pro*/
  @media (width: 1024px) and (height: 1366px)  {
    .nav-logo a img { width: 170px;}
    .nav-menu ul { gap: 12px;}
    .nav-menu ul li a { font-size: 14px;}
}

/*Surface Pro7*/
@media (width: 912px) and (height: 1368px) {
    .nav-logo a img { width: 130px;}
    .nav-menu ul { gap: 9px;}
    .nav-menu ul li a { font-size: 13px;}
}

/*Asus Zen Book*/
@media (width: 853px) and (height: 1280px) {
    .nav-logo a img { width: 125px;}
    .nav-menu ul { gap: 9px;}
    .nav-menu ul li a { font-size: 12px;}
}

/*Nest hub*/
@media (width: 1024px) and (height:600px) {
    .nav-logo a img { width: 160px;}
    .nav-menu ul {gap: 10px;}
}