@media (max-width:1599px) {
    .main-navbar  .navbar-nav .nav-link { padding: 20px 18px;}
    .navbar-brand img { width: 260px; height: auto; object-fit: contain;}
}
@media (max-width:1399px) {
    .converges-box .hover-box { padding: 30px;}
    .converges-box .hover-box span { font-size: 22px;}
    .converges-box .hover-box p { margin-top: 10px; font-size: 14px;}
    .navbar-brand img { width: 200px; }
    .main-navbar  .navbar-nav .nav-link .btn-filled { min-width: 175px; font-size: 16px; padding: 10px;}
    .main-navbar  .navbar-nav .nav-link { font-size: 16px; padding: 10px 18px;}
}
@media (max-width: 1199px) {
    .navbar-brand img { width: 150px; height: auto; object-fit: contain;}
    .main-navbar  .navbar-nav .nav-link {  padding: 10px;}
    .main-navbar  .navbar-nav .nav-link .btn-filled { padding: 15px; min-width: auto; }
   h1{font-size: 68px;}
   h2{ font-size: 44px; line-height: 54px;}
   h3{ font-size: 22px;}
}
 
@media (max-width: 1024px) {
    .connects-thumb .dec h3 { min-height: 100px;}
    .fixed-top { padding: 30px;}
    .navbar-brand img { width: 200px; height: auto; object-fit: contain;}
    .main-navbar  .navbar-nav .nav-link { font-size: 14px; padding: 10px;}
    .main-navbar  .navbar-nav .nav-link .btn-filled { padding:10px 15px; min-width: auto; font-size: 14px;}
    .banner-section .caption { padding: 170px 0 0 0;  }
    .ecosystem-section { padding: 70px 0 50px 0;}
} 
@media (max-width: 992px) {  
    .about-section, .connects-section, .converges-section { padding: 50px 0;}
    h2{ font-size: 34px; line-height: 44px;}
    p { font-size: 16px;}
    .fixed-top { padding: 20px 10px; background: #0f0810;} 
    .navbar-nav { margin-top: 20px; padding-bottom: 20px; padding-top: 20px; border-top: 2px #0aa0ea solid; background: #000;}
}
@media (max-width: 767px) {
    .converges-box .hover-box { bottom: -110px;}
    .connect-title { margin-bottom: 15px;}
    .connects-thumb { height: auto;}
    .connects-thumb .dec { padding: 20px;}
    .connects-thumb .dec h3 { min-height: auto;}
    .local-empact-section, .about-section { padding: 60px 0;}
    .local-empact-section .empact-block { padding: 30px 30px 50px 30px;}
    .local-empact-section .empact-block h2 { margin-bottom: 10px;}
    footer { padding-top: 60px; }
    footer .social-links { padding-bottom: 60px;}
    .bottom-footer { padding-top: 0;}
    .banner-section .caption { padding:150px 0 0px 0; }
    h1{font-size: 38px;}
    h2{ font-size: 28px; line-height: 36px;}
    h3{ font-size: 22px;}
    .banner-section .caption span {font-size: 22px; margin: 10px 0 40px 0;}
    .ecosystem-section p.subtext { margin-bottom: 50px;}
}
@media (max-width:560px) {
    .banner-section { padding-bottom: 15px;}
    .banner-section .caption { text-align: center; }
    .banner-section .banner-btn { flex-wrap: wrap; justify-content: center;}
    .connects-thumb .thumb-img .budget { font-size: 16px;}
    .connect-title { flex-direction: column;}
    .connect-title .explore-link { display: inline-block; margin-top: 10px;}
}