@media (min-width: 1400px) {
  .section-subtitle,
  .icon-box strong,
  .icon-box small{font-size: 16px;}
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .experience-box{
    transform: translate(0%, -50%);
  }
  .contact-phone{font-size: 0px;}
  .header-social-icons, .contact-phone{display: none !important;}
  .client-scroll .owl-nav{right: 1.5%;}

}

@media (min-width: 992px) and (max-width: 1023px) {
  .contact-phone{font-size: 0px;}
  .header-social-icons, .contact-phone{display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {

}



/* Responsive design */
@media (max-width: 991px) {
    .transparent-navbar {
      position: relative;
      background-color: rgba(0, 0, 0, 0.95);
    }
  
    .navbar-nav {
      padding: 20px 0;
      text-align: center;
    }
  
    .logo-container {
      margin: 20px 0;
      text-align: center;
    }
  
    .social-icons, .contact-phone {
      justify-content: center;
      margin: 10px 0;
    }
  
    .content-box h1 {
      font-size: 2rem;
      font-family: "Playfair Display", serif;
    }
  
    .content-box p {
      font-size: 0.9rem;
    }
  }
  
  /* Mobile Navigation Styles */
  @media (max-width: 991px) {
    .mobile-top-bar {
      background: rgba(0, 0, 0, 0.95);
    }
    
    .mobile-logo {
      max-height: 120px;
      width: auto;
    }
  
    .mobile-social-icons {
      display: flex;
      gap: 8px;
    }
  
    .mobile-social-icons a {
      color: #2979B4;
      background-color: white;
      padding: 6px;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .mobile-contact-phone {
      color: white;
      background-color: #2979B4;
      padding: 8px 12px;
      border-radius: 5px;
      display: flex;
      align-items: center;
    }
  
    .navbar-toggler {
      color: white;
      border: none;
    }
  
    .navbar-toggler:focus {
      box-shadow: none;
    }
  
    .navbar-nav {
      background: rgba(0, 0, 0, 0.95);
      padding: 20px 0;
      margin-top: 10px;
    }
  
    .logo-container {
      display: none !important;
    }
    .main-gallery .section-subtitle{
      text-align: center;
    }

  }
  
@media (max-width: 767px) {

  .company-header {
      font-size: 1.8rem;
  }
  .company-image-container {
      min-height: 300px;
      padding: 0px 48px 0px 15px;
  }
  .service-card,
  .realty-service-card{
    text-align: center;
  }

  .service-icon,
  .realty-service-icon{
    margin-left: auto;
    margin-right: auto;
  }

}