@media screen and (max-width:760px) {
    .grid-col-break {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .full-col {
        grid-column: span 1 !important;
    }

    .mob-hidden {
        display: none !important;
    }

    .nav-inner {
        width: 90% !important;
    }

    .nav-title {
        font-size: 15px !important;
        margin-left: 10px;
    }

    .nav-menu-links {
        display: none !important;
    }

    .nav-inner img {
        width: 50px !important;
        transform: translateX(0) !important;
    }

    .nav-btn {
        display: flex !important;
    }

    .footer-inner {
        padding-top: 10px !important;
    }

    .f-title {
        font-size: 23px !important;
    }

    .hero-cover-wrapper {
        height: 100vh !important;
    }

    .hero-cover {
        width: 90% !important;
    }

    .hero-text {
        margin: 25px 0 !important;
        font-size: 20px;
    }

    .gs-btn {
        height: 40px !important;
        width: 90% !important;
    }

    .s-dot {
        width: 40px !important;
        height: 4px !important;
        border-radius: 20px;
    }

    .hero-grid {
        width: 100% !important;

    }

    .here-content {
        padding: 0 !important;
    }



    .hero-grid .title {
        font-size: 40px !important;
    }

    .here-wrapper {
        padding-top: 30px !important;
    }

    .here-grid {
        width: 90% !important;
    }

    .here-title {
        font-size: 30px !important;
    }

    .calc-btn {
        margin-top: 30px !important;
        width: 100% !important;
        height: 40px !important;
    }

    .stat-wrapper {
        margin-top: 30px !important;
        min-height: 350px !important;
    }

    .main-circle {
        width: 190px !important;
        height: 190px !important;
    }

    .interest-circle {
        width: 90px !important;
        height: 90px !important;

    }

    .interest-circle div {
        font-size: 10px !important;
    }

    .stat-title {
        font-size: 20px !important;
    }

    .interest-circle.one,
    .interest-circle.three {
        top: -40px !important;
    }

    .interest-circle.one,
    .interest-circle.two {
        left: -65px !important;
    }

    .interest-circle.three,
    .interest-circle.four {
        right: -65px !important;
    }

    .interest-circle.one {
        left: -65px !important;
    }

    .interest-circle.two,
    .interest-circle.four {
        bottom: -40px !important;
    }

    .products-wrapper {
        padding-bottom: 0 !important;
    }

    .products-deco {
        height: 900px !important;
    }

    .products-grid {
        width: 90% !important;
        gap: 10px !important;

    }

    .product-card {
        margin-bottom: 30px !important;
    }

    .contact-wrapper {
        width: 90% !important;
    }

    .contact-grid {
        width: 100% !important;
    }

    .contact-card {
        padding: 10px 5px !important;
    }

    /* calculator wrapper */
    .calc-wrapper {
        width: 90% !important;
        margin-top: 20px !important;
        padding: 5px !important;
        margin-bottom: 30px !important;
    }

    .calc-title {
        font-size: 20px;
        margin-top: 10px !important;
    }

    .calc-grid {
        gap: 2px !important;
    }

    .calc-row {
        grid-template-columns: repeat(5, 1fr) !important;
        font-size: 10px !important;
    }

    .loan-body {
        font-size: 9px !important;
    }

    .cust-calc {
        margin-top: 30px !important;
    }

    .cust-title {
        margin-bottom: 20px !important;
    }

    .font-semibolds {
        font-size: 13px !important;
    }

    /* application form */
    .app-wrapper {
        width: 90% !important;
        padding: 5px !important;
        margin-top: 10px !important;
    }

    .app-text {
        font-size: 12px;
    }

    .app-wrapper .f-title {
        margin-top: 5px !important;
    }

    .app-wrapper form {
        gap: 2px !important;
        margin-top: 10px !important;
    }

    .field-wrapper {
        margin-bottom: 20px !important;
    }

    .gs-link {
        position: relative !important;
        margin-top: 40px !important;
        width: 100% !important;
        left: 3px !important;
    }

    /* profile account */
    .profile-grid {
        width: 97% !important;
    }

    .profile-nav-links {
        width: 97% !important;
        margin-left: 6px !important;
        /* background-color: red !important; */
    }

    /* .c-nav-menu {
        width: 99% !important;
    } */

    .tab-content #rejected .tr {
        grid-template-columns: repeat(3, 1fr);
    }

    .tab-content #unpaid .tr,
    .tab-content #paid .tr {
        grid-template-columns: repeat(4, 1fr);
    }

    .tab-content .thead {
        font-size: 12px !important;
    }
}