/* Hero Banner Responsive Styles */
.hero-banner {
    min-height: 100vh;
    padding: 4rem 0;
    position: relative;
}

.responsive-title {
    font-size: calc(2rem + 2.5vw);
    line-height: 1.2;
}

.contact_box_ban {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    padding: 1rem;
    border-radius: 0.5rem;
}

@media (max-width: 768px) {
    .hero-banner {
        padding: 3rem 0;
    }
    
    .lead {
        font-size: 1rem !important;
    }
    
    .list-unstyled li {
        font-size: 0.9rem;
    }
}

.header_logo_box {
    display: flex;
    align-items: center;
    height: 100%;
}

.header_logo_box .logo {
    display: inline-block;
    padding: 10px 0;
}

.header_logo_box img {
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .header_logo_box img.logo_default {
        max-height: 80px !important;
    }
    .header_logo_box img.logo__sticky {
        max-height: 70px !important;
    }
}

@media (max-width: 767px) {
    .header_logo_box img {
        max-height: 50px !important;
    }
}

@media (max-width: 575px) {
    .header_logo_box img {
        max-height: 40px !important;
    }
}