@media screen and (max-width:1024px) {
    .about-info p {
        font-size: 18px;
    }

    .cust-card .cust-card-body h3 {
        line-height: 65px;
        margin-bottom: 20px;
        font-size: 65px;
    }

    .help-card .help-body p {
        font-size: 17px;
    }

    .space-top-200 {
        margin-top: 150px;
    }
    .banner-card{
        line-height: 20px;
        font-size: 20px;
    }
    .banner-box{
        max-width: 150px;
        width: 100%;
        margin: auto;
    }
    .banner-card-row .banner-card-full {
        width: 33.33333333%;
    }
}


@media screen and (max-width:991px) {
    .cust-card .cust-card-body h3 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 10px;
    }

    .cust-card .cust-card-body {
        padding: 15px;
    }

    .cust-card .cust-card-body p img {
        width: 30px;
        flex-shrink: 0;
    }

    .space-top-200 {
        margin-top: 100px;
    }

    .site-footer {
        padding-bottom: 50px;
    }

    .about-info p {
        font-size: 16px;
    }
    .banner-card.pos-3 {
        top: 94px;
    }


}

@media screen and (max-width:767px) {
    .site-header{
        padding-top: 15px;
    }
    .site-header .header-wrapper {
        display: flex;
        width: 100%;
        border-radius: 10px;
        justify-content: space-between;
        padding: 15px;
        position: relative;
    }

    .main-nav:not(.only-mobile) {
        display: none;
        position: absolute;
        top: 76%;
        left: 0;
        right: 0;
        background: #EFEFEF;
        padding: 15px 15px 0px;
        z-index: 1;
        border-radius:0px 0px 10px 10px;
    }
    .main-nav .menu-list{
        display: block;
    }
    .main-nav .menu-list .menu-item:not(:last-of-type) {
        padding-right: 0;
        margin-bottom: 10px;
    }
    .menu-item.hide-mobile{
        display: none;
    }
    .main-nav.only-mobile{
        display: flex;
        justify-content: flex-end;
        flex: 1;
    }
    .site-header .header-wrapper .brand-logo{
        max-width: 110px;
    }
    .main-nav .menu-list .menu-item .menu-link.mn-btn{
        padding: 8px 10px;
        font-size: 12px;
    }
    .menu-toggle {
        display: inline-block;
        margin-left: 15px;
    }
    .help-indicators .select-indicators .indicator-name:not(:last-of-type) {
        margin-right: 15px;
    }
    .help-indicators .select-indicators .indicator-name{
        gap: 5px;
        font-size: 12px;
    }
    .progress-bars .progress-wrapper .progress-name{
        font-size: 13px;
    }
    .progress-bars .progress-wrapper .progress-name{
        min-width: unset;
        text-align: left;
    }
    .progress-bars .progress-wrapper{
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .progress-bars .progress-wrapper:not(:last-of-type) {
        margin-bottom: 25px;
    }
    .help-indicators .select-indicators{
        justify-content: flex-start;
    }
    .row.gutter-40 {
        margin: -30px -15px 0px;
    }
    .row.gutter-40>* {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 30px;
    }
    .how-help .section-title {
        margin-bottom: 20px;
    }
    .section-title.mb-40 {
        margin-bottom: 20px;
    }
    .section-title h2{
        font-size: 20px;
    }
    .site-footer .footer-wrapper{
        flex-direction: column;
        align-items: flex-start;
    }
    .site-footer .footer-wrapper .footer-right{
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .footer-wrapper .footer-right .footer-menu ul{
        flex-direction: column;
        gap: 15px;
    }
    .footer-wrapper .footer-right .social-media {
        padding-right: 0;
        margin-top: 20px;
    }
    .copyright{
        margin-top: 20px;
    }
    .site-footer .footer-wrapper .footer-brand{
        margin-bottom: 20px;
    }
    .space-top-200 {
        margin-top: 50px;
    }
    .about-us {
        margin-top: 50px;
    }
    .banner-card{
        padding: 12px;
        font-size: 14px;
        line-height: 14px;
    }
    .banner-card.pos-1{
        top: 8%;
        left: 4.3%;
    }
    .banner-card.pos-6{
        top: 41%;
    }
    .banner-card.pos-7 {
        left: 31%;
        top: 52%;
    }
    .banner-card.pos-10 {
        left: 7%;
        top: 66%;
    }
    .banner-card.pos-11 {
        left: 46%;
        top: 69%;
    }
    .banner-box{
        max-width: 120px;
        margin: auto;
        padding-bottom: 50px;
    }
    .banner-card-row .banner-card-full{
        width: 50%;
    }
    .banner-card.move {
        top: 100%;
        left: 50%;
        right: 50%;
        transform: translateX(-50%);
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        z-index: -1;
        opacity: 0;
    }
    .home-banner .banner-content .banner-tags{
        min-height: calc(100vh - 325px);
    }
    .banner-card-full .banner-card-body{
        padding: 15px;
    }
    .banner-card-full .banner-card-body h3{
        font-size: 16px;
        line-height: 20px;
    }
    .home-banner{
        padding-top: 180px;
        padding-bottom: 40px;
    }
    .founding-desk-wrape{
        flex-direction: column;
    }
    .founding-desk-wrape .founding-desc {
        padding-left: 0;
        margin-top: 30px;
    }
    .founding-desk-wrape .founding-img{
        max-width: 100%;
        height: auto;
    }
    .demo-content h2{
        font-size: 26px;
        line-height: 34px;
    }
    
}