@media only screen and (max-width:1299px) {
    .container {
        max-width: 100%;
    }

    .home-banner-text h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .home-banner-text p {
        font-size: 24px;
    }

    .home-banner-text .btn {
        margin-top: 20px;
    }

    .headings h2 {
        font-size: 32px;
        margin-bottom: 15px !important;
    }

    .headings p {
        font-size: 15px;
        line-height: 24px;
    }

    .section-padding {
        padding: 70px 0px;
    }

    .home-shape-in {
        height: 35px;
    }

    .app-info-box .headings p {
        font-size: 15px;
    }

    .get-started {
        height: 335px;
    }

    footer:before {
        height: 35px;
        top: -35px;
    }

    footer:after {
        height: 35px;
    }

    .footer-head {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .social-icon a {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    .inner-head h2 {
        font-size: 36px;
    }

    .about-head h2 {
        font-size: 32px;
    }

    .about-head p {
        font-size: 16px;
    }

    .step-process-content-left h1 {
        font-size: 24px;
    }

    .step-process-content-left h5 {
        font-size: 14px;
    }

    .login-head h4 {
        font-size: 32px;
    }

    .blog-box figcaption h4 a {
        font-size: 18px;
    }

    .blog-filters-inners {
        flex-wrap: wrap;
    }

    .popularity-filter {
        margin-top: 10px;
    }

    .wallet-history h4 {
        font-size: 22px;
    }

    .loan-user-info .loan-user-name h4 a {
        font-size: 16px;
    }

    .loan-box-info time {
        font-size: 15px;
    }

    .amount-text {
        font-size: 16px;
    }

    .wallet-box h4 {
        font-size: 30px;
    }

    .wallet-box span {
        font-size: 14px;
    }

    div#bid-group-head .interest-info {

        font-size: 10px;
        height: 100%;
        padding: 10px;
    }

    div#bid-request-detail {
        align-items: center;
    }

    div#lender-bid {
        margin: 0 !important;
    }
}

@media only screen and (max-width:1023px) {
    header .navbar-brand {
        margin-right: auto;
    }

    .navbar-brand img {
        max-width: 125px;
    }

    .home-banner-text h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .home-banner-text p {
        font-size: 20px;
    }

    .headings p {
        font-size: 14px;
    }

    .app-info-box .headings p {
        font-size: 14px;
    }

    .headings h2 {
        font-size: 28px;
    }

    .get-started {
        height: 265px;
    }

    .app-info-box figure {
        max-width: 360px;
        width: 100%;
    }

    .app-info-box .col-md-5 {
        width: 50%;
    }

    .inner-head h2 {
        font-size: 30px;
    }

    .inner-head .shape-left,
    .inner-head .shape-right {
        max-width: 150px;
    }

    .about-head h2 {
        font-size: 28px;
    }

    .about-sec-in .headings {
        margin-bottom: 15px;
    }

    .download-the-app .headings h2 {
        font-size: 24px;
    }

    .download-the-app .app-d-btn {
        display: flex;
        align-items: center;
    }

    .download-the-app .app-d-btn a {
        margin-right: 10px;
    }

    .download-the-app .app-d-btn a:last-child {
        margin-right: 0;
    }

    .team-ui-box article h4 {
        font-size: 18px;
    }

    ul.step-process-list {
        width: 90%;
    }

    .login-box {
        max-width: 350px;
    }

    .accordion-button {
        font-size: 17px;
    }

    .blog-box figcaption h4 a {
        font-size: 16px;
    }

    .blog-box figcaption .link-btn {
        margin-top: 10px;
    }

    .blog-content h2 {
        font-size: 28px;
    }

    .loan-box-info.d-flex.align-items-center {
        flex-wrap: wrap;
    }

    .loan-user-info {
        margin-bottom: 15px;
    }

    .loan-user-info {
        width: 100%;
    }

    .card-sm {
        max-width: 100%;

    }

    .dashboard-main {
        padding-top: 84px;
    }



    .dashboard-head h4 {
        font-size: 16px;
    }

    div#lender-bid {
        margin: 0 !IMPORTANT;
        display: flex;
        align-items: center;
    }

    .bid-action .btn {
        min-width: 100px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
    }


}

@media(max-width:1199px) {

    .tabs-box-sec {
        width: auto;
        display: inline-flex;
    }

    .sub-tabs .nav-tabs {
        border: 0;
        margin: 0;
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width:991px) {
    header .navbar-collapse {
        background: rgb(255, 255, 255);
        border: 1px solid rgb(223, 223, 223);
        padding: 20px;
        border-radius: 10px;
    }

    .navbar-collapse {
        background-color: #000;
        position: fixed;
        top: 0;
        left: -350px;
        z-index: 9;
        width: 300px;
        height: 100vh;
        transition: .3s;
        padding-top: 40px;
        overflow: auto;
    }

    .navbar-collapse.show {
        transition: .5s;
        left: 0;
        margin-left: 0;
    }

    .after-login-act.ms-3 {
        margin-left: 0 !important;
        margin-top: 15px;
    }

    button.navbar-toggler.collapsed {
        box-shadow: none;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
        border: 1px solid rgb(223, 223, 223);
    }

    .loan-form-head h5 {
        font-size: 16px;
    }

    .loan-box-info .interest-info {
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .row.address-page .col-md-4 {
        width: 100%;
        margin-bottom: 10px;
    }

    header .dropdown-menu[data-bs-popper] {

        right: -90px;
    }

    div#bid-group-head {
        height: auto;
        padding: 10px 10px;
    }

    div#bid-group-head {
        flex-wrap: wrap;
    }

    #bid-group-container-in {
        padding-top: 125px !important;
    }

}

@media only screen and (max-width:767px) {
    .home-banner-text {
        margin-top: 20px;
    }

    .home-banner-text h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .home-banner-text p {
        font-size: 18px;
    }

    .home-banner {
        overflow: hidden;
    }

    .home-banner .text-end.col-md-5 figure img {
        position: relative;
        right: -44px;
        top: -25px;
    }

    .left-shape {
        bottom: 0;
    }

    .right-shape {
        bottom: 0;
    }

    .welcome-cashuuu .headings.mb-0.ps-5 {
        padding-left: 0 !important;
        padding-top: 25px;
    }

    .app-info-box .col-md-5 {
        width: 100%;
        padding: 0px 40px;
    }

    .section-padding {
        padding: 40px 0px;
    }

    .headings h2 {
        font-size: 24px;
    }

    .app-info-box {
        padding: 30px 0px;
        margin-bottom: 30px;
    }

    .get-started {
        margin: 0 15px 70px;
    }

    .footer-logo-area {
        margin: 30px 0px;
    }

    .footer-head {
        margin-bottom: 10px;
    }

    .footer-link {
        margin-bottom: 25px;
    }

    .footer-app {
        display: flex;
        align-items: center;
    }

    .footer-app a {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .footer-app a:last-child {
        margin-right: 0;
    }

    .inner-head .shape-right,
    .inner-head .shape-left {
        display: none;
    }

    .inner-head {
        height: 135px;
    }

    .about-head h2 {
        font-size: 22px;
    }

    .team-ui-box {
        margin-bottom: 30px;
    }

    .team-ui-box:last-child {
        margin-bottom: 0;
    }

    ul.step-process-list {
        width: 100%;
    }

    ul.step-process-list>li {
        flex-wrap: wrap;
        padding: 30px;
    }

    .step-process-content-left {
        width: 100%;
        margin-bottom: 15px;
    }

    .step-process-content-right {
        padding-left: 20px;
    }

    section.works-banner .headings {
        padding-left: 0 !important;
    }

    section.works-banner {
        padding-top: 45px;
    }

    .login-box {
        width: 100%;
        margin-top: 30px;
        max-width: 100%;
    }

    .blog-filters {
        margin-top: 30px !important;
    }

    .blog-content h2 {
        font-size: 24px;
    }

    .sidebar-nav {
        position: absolute;
        left: -250px;
        transition: 0.3s;
        top: 0;
        bottom: 0;
        overflow: auto;
        z-index: 9;
        margin-top: 84px;
        height: calc(100% - 83px);
    }

    .sidebar-nav.show {
        left: 0px;
    }

    .open-tag {
        position: fixed;
        left: 0;
        background: #000;
        width: 35px;
        height: 35px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        top: 142px;
        z-index: 9;
    }

    .dashboard-main .dashboard-container {
        flex: 0 0 auto;
        width: 100%;
    }

    a.close-tag {
        color: #000;
        text-decoration: none;
        font-size: 20px;
        text-align: right;
        display: block;
        padding-right: 21px;
        margin-bottom: -10px;
    }

    .loan-box-info time {
        font-size: 13px;
        margin-top: 10px;
    }

    .wallet-box h4 {
        font-size: 22px;
    }

    a.close-tag {
        display: block !important;
    }

    .loan-box-info .ms-auto.d-flex.align-items-center {
        margin-top: 20px;
    }

    .loan-box-info .user-img {
        width: 40px;
        height: 40px;

        min-width: 40px;
    }

    .loan-user-info .loan-user-name h4 a {
        font-size: 14px;
    }


    .interest-info {
        padding: 10px;
    }

    div#bid-request-detail {
        margin-left: 35px;
    }

    div#bid-request-detail {
        overflow: auto;
        white-space: nowrap;

    }

}

@media only screen and (max-width:479px) {
    .home-banner-text h1 {
        font-size: 22px;
        line-height: 32px;
    }

    .home-banner-text p {
        font-size: 16px;
    }

    .btn {
        font-size: 14px;
    }

    .headings h2 {
        font-size: 20px;
        margin-bottom: 10px !important;
    }

    .headings {
        margin-bottom: 25px;
    }

    .get-started {
        height: 215px;
    }

    .inner-head h2 {
        font-size: 24px;
    }

    .inner-head {
        height: auto;
        padding: 35px 15px;
    }

    .cms-pages-wrap {
        padding: 30px 0px !important;
    }

    .about-head h2 {
        font-size: 20px;
    }

    .headings h2 {
        font-size: 18px;
    }

    .step-process-content-left h1 {
        font-size: 20px;
    }

    .accordion-button {
        font-size: 15px;
    }

    .blog-content h2 {
        font-size: 22px;
    }

    .login-head h4 {
        font-size: 24px;
    }

    .login-box.card-shadow {
        margin-top: 0;
    }

    .footer-app img {
        width: 100px;
    }

    .home-banner-text {
        text-align: center;
    }

    .dashboard-head h4 {
        font-size: 18px;
    }

    .more-paln h5 {
        position: static;
        margin-top: 8px;
        font-size: 14px;
    }

    .more-paln h4 {
        font-size: 20px;
    }

    .tabing-big ul .nav-link {
        height: 38px;
        line-height: 7px;
        font-size: 14px;
        padding: 15px 20px;
    }

    .dashboard-container-in {
        padding: 20px 20px;
    }

    .user-img {
        width: 40px;
        height: 40px;

        min-width: 40px;
    }

    .loan-user-info .loan-user-name h4 a {
        font-size: 14px;
    }

    .amount-text {
        font-size: 14px;
    }

    .interest-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }




}