/* Not Always, Silence Is Good 🙂 */








@media (min-width: 1024px) and (max-width: 1440px) {
      .vl-footer-widget-white2 .vl-footer-list ul li a {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}



/* Large Laptop / Small Desktop */
@media (max-width: 1024px) {
  .vl-header-area8 
  .vl-main-menu ul > li > a {
padding: 0px 6px;
  }
  
  .vl-header-area8 
  .vl-main-menu{
padding: 16px 0px;   
  }
  
  .theme-btn1 {
font-size: 15px;
  }
  

  
.service5
.service-widgets-section 
.tabs-btn-area ul {
justify-content: center; /* Change from space-between to center */
gap: 10px; /* Reduce gap between items */
  }
  
  .service5
  .service-widgets-section 
  .tabs-btn-area ul li {
flex: 0 0 calc(33.333% - 10px); /* 3 items per row */
max-width: calc(33.333% - 10px);
margin-bottom: 10px;
  }
  
 .cta2 .theme-btn3  {
      font-size: 14px;
  }
  .our-techonoly .stats-container {
    justify-content: space-between;
  }
  
  .vl-header-area8 .vl-logo img {
      padding-left: 5px !important;
  }
  
    .header-sticky .buttons {
      padding-right: 5px;
  }
  .pieChartwrapper .counters .label span {
      margin-right: 0px;
  }
  
}




/* Tablet */
@media (max-width: 768px) {
  .vl-logo img {
padding-left: 10px;
  }
  .service5 
  .service-widgets-section 
  .tabs-btn-area ul li button {
font-size: 15px;
  }
  
  .vl-logo {
    padding-left: 10px;
}

  
}




/* Large Mobile */
@media (max-width: 425px) {
  /* Styles for large mobile phones */
.about-experience-area 
.about-experience-content 
.title {
      font-size: 35px;
  }
  
  .about-experience-area 
  .about-experience-content p {
      font-size:20px;
  }
  .about-experience-area .about-experience-content p {
      padding: 0px;
  }
  .contact2-form .single-input {
      margin-bottom:10px;
  }
  
  .vl-footer-contact2 {
      margin: 0px !important;
  }
  
  .vl-footer-social2 {
      margin-bottom: 10px;
  }
  
  .main-heading1
  .theme-btn7 {
      font-size: 15px;
  }
  
  .categories-buttons .nav li a {
      font-size: 15px;
  }
  
  nav .pagination {
      margin-top:10px;
  }
  .main-heading4 .form-area {
     margin-left: 30px;
     margin-right: 20px;
  }
  .main-heading4 {
      padding-right: 0px;
    
  }
  
  .hero4 .row {
      display: flex;
  flex-wrap: wrap;
  }
  .hero4 .row .col-lg {
    flex: 0 0 20%;     /* 5 in one row (100 / 5 = 20) */
    max-width: 20%;
    padding-left: 2px;
    padding-right:2px;
  }
  .hero4-images {
      margin-top: 5px;
  }
  .tes5-left-area .titile h2 {
      font-size: 30px;
  }
  .tes5-left-area .titile h3 {
  
      font-size:20px !important;
  }
  .inner-hero {
          min-height: 270px;
  }
  .hero4 {
      min-height: 780px;
  }
  
  
  
  /*.auto-container .single-contact-item {*/
  /*    padding: 10px 5px !important;*/
   
  /*}*/
  /*.auto-container .single-contact-item .icon img .text a {*/
  /*       font-size: 11px !important;*/
  /*}*/

}






/* Small Mobile */
@media (max-width: 320px) {
  /* Styles for small mobile phones */
 .vl-footer-text
 .single-contact-item
 .icon .text{
width: 150px;
justify-content: center;
  }
  
 .contact-content{
     margin-top: 20px;
 } 
 .auto-container .single-contact-item {
         padding: 10px 10px !important;
 }
 
 .vl-footer-social2 a {
     margin: 5px 5px !important;
 }

 
 .cta2 .cta2-form input {
    margin-right: 0;        /* remove overlap */
    margin-bottom: 10px;    /* add spacing for stacking */
    width: 100%;            /* take full width */
  }

  .cta2 .cta2-form {
    display: flex;
    flex-direction: column; /* stack input + button vertically */
    align-items: stretch;
  }

  .cta2 .cta2-form button {
    width: 100%;            /* button full width */
    border-radius: 111px;   /* keep rounded look */
  }
  
  .main-heading4 .form-area .single-input {
    margin-right: 125px;
}
/*.main-heading4 .form-area .theme-btn1 {*/
/*    font-size: 12px;*/
/*}*/

.main-heading4 .form-area .button {
    position: relative;
    top: 10px;
}
.main-heading4 .form-area .single-input {
    width: 100%;
}
.main-heading4 .form-area {
    margin-left: 0px;
    margin-right: 0px;
}

 
.form-area .single-input input::placeholder {
  text-align: center;
}

.main-heading1 .form-area .button {
    position: relative;
    right: 0px; 
    top: 0px;
} 
.main-heading1 .theme-btn7 {
        width: 100%;
        margin-top: 10px;

}
.cta2-form .button {
        position: relative;
        top: 0px;
        right: 0px;
}
    .cta2 .cta2-form input {
             text-align: center;
         }
         
         .case4 .case4-slider-all {
             width:100%;
             height:auto;
         }
 
  }