@media only screen and (max-width: 400px) {
    .banner-section-two .content-box .image img {
        height: auto !important;
    }
}

@media only screen and (max-width: 500px) {
    .banner-section-two .video-box.leads {
        right: 0 !important;
    }

    .contact_us_banner_section .banner_img {
        object-position: -600px !important;
    }
}

@media only screen and (min-width: 992px) {
    .contact_us_form_container {
        max-width: calc(100% - 200px);
    }
}

@media only screen and (min-width: 768px) {
    .leads_header {
        position: fixed;
        height: auto;
        background-color: transparent;
    }

    .leads_header .nav-link {
        padding: .5rem 2rem;
    }

    .banner-section-two,
    .contact_us_banner_section {
        margin-top: 0;
    }

    .maine_banner_heading,
    .side_wrapper_img_col {
        padding-top: 80px;
    }

    .get-bonus {
        padding-left: 150px;
    }

}

@media only screen and (max-width: 767px) {
    .leads_header .main_logo {
        max-width: 100px;
    }

    .leads_header .logo img {
        height: 40px;
    }

    .maine_banner_heading h1 {
        font-size: 32px;
        margin-top: 10px;
    }

    .contact_us_banner_section .banner_img {
        height: 400px;
        object-fit: cover;
        object-position: -400px;
    }

    .sub-container {
        display: flex;
        width: 100%;
        gap: 10px;
        height: max-content;
        flex-wrap: wrap;
        justify-content: center;
    }

    .view,
    .breakup {
        width: 100%;
    }

    .owncon {
        width: 100%;
    }

    .loan-details {
        width: 100%;
        flex-wrap: wrap;
        gap: 10px;
    }

    .fatur_bg {
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
    }

    .feature_image img {
        display: none;
    }

    .tablink {
        padding: 14px 4px;
        font-size: 13px;
    }

    .feature_content_pla h2 {
        width: 100%;
        text-align: center;
        border-bottom: 0;
        line-height: 1;
        margin: 10px 0 1rem;
    }

    .feature_content_pla h2 span {
        background: transparent;
        padding: 0 10px;
    }

    section.top_m {
        margin-top: 2rem;
    }

    .get-bonus {
        margin: 3rem 0 0 0 !important;
        display: inline !important;
    }

    #progressbar li:nth-child(3) {
        margin-bottom: 48px;
    }

    #progressbar li:last-child:after {
        height: 100px;
    }

    .banner-section-two .video-box {
        right: 150px !important;
    }

    .loan-calculator__box.leads {
        padding: 30px !important;
    }

    .widget.leads .v-line {
        display: none !important;
        ;
    }
}


@media screen and (max-width: 912px) {
    .card00 {
        padding-top: 30px
    }

    .card1 {
        border: none;
        margin-left: 50px
    }

    .card2 {
        border-bottom: 1px solid #F5F5F5;
        margin-bottom: 25px
    }

    .social {
        height: 30px;
        width: 30px;
        font-size: 15px;
        padding-top: 8px;
        margin-top: 7px
    }

    #progressbar {
        left: -25px
    }
}

@media screen and (max-width: 991px) {
    .widget.leads .v-line.right {
        display: none !important;
    }

}

@media screen and (max-width: 1199px) {
    .widget.leads .v-line.right {
        right: 10px;
    }
}