@media (max-width:1199.98px){
    h1 { font-size: 42px; line-height: 52px;}
    h2 { font-size:36px; }
    h3 { font-size:24px; }

    .banner-content p{
        font-size: 32px;
    }
    .contact-part p{
        font-size: 18px;
    }

    .block-title h2{
        font-size: 36px;
        max-width: 100%;
        line-height: 44px;
    }

    .cta-inner h3{
        font-size: 36px;
    }
}

@media (max-width:991.98px){
    .hero-section{padding: 150px 0 50px 0;}
    .header-btn p{display: none;}
    .form-card{margin-top: 40px;}
    .banner-content p{margin-bottom: 24px;}
    .banner-content .contact-part p{margin-bottom: 0;}
    .form-card{padding: 30px;}
    section, .cta-section, footer{padding: 50px 0;}
    .offer-section{padding: 100px 0 50px 0;height: 240px;}
    .block-title{margin-bottom: 30px;}
    .about-card-outer{background-image: none;}
    .cta-inner{padding: 30px;}
    .cta-inner h3{margin-bottom: 30px;}
    .footer-logo-part{flex-wrap: wrap;justify-content: center;gap: 24px;}
    .offer-section{margin-top: -100px;}
}
@media (max-width:767.98px){
    h1 {font-size: 34px;line-height: 40px;}
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 20px;
    }
    .btn{letter-spacing: 1px;}
    .btn-lg {
        padding: 10px 24px;
        font-size: 14px;
    }
    section, .cta-section, footer {
        padding: 40px 0;
    }
    .block-title {
        margin-bottom: 24px;
    }
    .block-title h2 {font-size: 26px; line-height: 1.375; margin-bottom: 16px;}
    .block-title p {font-size: 16px; line-height: 1.5;}
    header {padding: 12px 0;}
    .navbar-brand{flex-wrap: wrap;}
    .navbar .btn{flex-shrink: 0;}
    .hero-section {padding: 160px 0 40px;}
    .banner-content h1 {margin-bottom: 24px;}
    .banner-content p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .form-card {
        padding: 20px;
    }
    .form-control {
        height: 40px;
    }
    .img-card-content p {font-size: 16px; line-height: 1.5;}
    .offer-section {
        padding: 100px 0 30px 0;
        height: 200px;
    }
    .img-card.card-lg .img-card-content {padding: 25px;}
    .img-card.card-lg .img-card-content h3 {margin-bottom: 12px;}
    .img-card.card-lg{padding-bottom: 220px;}
    .img-card.card-lg .img-card-img{height: 220px;}
    .estimate-btn{margin-top: 30px;}
    .cta-inner{padding:25px;}
    .cta-inner span{font-size: 16px;margin-bottom: 8px;}
    .cta-inner h3{font-size: 26px;margin-bottom: 24px;}
    .footer-btn-outer {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:575.98px){
    .navbar-brand{max-width: 150px;}
    .footer-logo-part img {max-width: 150px;}
    .btn {min-width: auto;padding: 10px 20px;}
    .hero-section {padding: 130px 0 30px;}
    h1 {font-size: 28px;line-height: 34px;}
    h2{font-size: 22px;}
    h3{font-size: 18px;}
    .banner-content h1 {margin-bottom: 18px;}
    .banner-content p {font-size: 16px;margin-bottom: 18px;}
    .form-card {margin-top: 30px;}
    section, .cta-section, footer {padding: 30px 0;}
    .block-title{margin-bottom: 20px;}
    .block-title h2{font-size: 22px;}
    .img-card{padding: 0;flex-direction: column-reverse;}
    .img-card-img, .img-card-content{width: 100%;}
    .img-card-img{border-radius: 8px 8px 0px 0px;}
    .img-card-content h3 {margin-bottom: 8px;}
    .img-card.card-lg .img-card-content{padding: 20px;}
    .footer-logo-part{padding-bottom: 20px;margin-bottom: 20px;}
    .copyright-section{flex-wrap: wrap; justify-content: center; gap: 10px;}
}