@media (max-width: 1200px){

    .navi-block {
        flex-wrap: wrap;
        justify-content: center;
    }

    .navi-list {
        flex-wrap: wrap;
        justify-content: center;
    }

    
}


@media (max-width: 992px) {
    .head-banner-hello {
        width: 100%;
        text-align: center;
    }

    .first-section {
        flex-direction: column !important;
    }

    .stat-wrapper {
        flex-direction: column;
        width: 100% !important;
    }

    .r-media {
        width: 100%;
    }

    .stat-info {
        width: 100%;
    }

    .why-us-title {
        font-size: 22px;
    }

    .why-us-list {
        flex-direction: column;
    }

    .why-us-item {
        width: 100%;
    }

    .pricing-block {
        flex-direction: column;
    }

    .pricing-b-plan {
        width: 100%;
    }

    .stat-info-title {
        font-size: 22px;
    }

    .m-content-title {
        font-size: 22px;
        padding-top: 20px;
    }

    .p-b-plan-name {
        font-size: 22px;
    }

    .work-process-title {
        font-size: 22px;
    }

    .pard-brand-title {
        font-size: 22px;
    }

    .pard-brand-title {
        font-size: 22px;
    }

    .workteam-person-txt {
        border-radius: 0;
        padding: 7px 5px;
    }

    .workteam-person:hover .workteam-person-txt {
        transform: translateY(-87px);
    }

    .f-gr-same-link a {
        font-size: 16px;
    }

    .f-gr-contact-title h2 {
        font-size: 22px;
    }

    .f-gr-contact-item p {
        font-size: 16px;
    }

    .f-gr-same-logo h3 {
        font-size: 22px;
    }

    .test-mons-title {
        font-size: 22px;
    }

    .head-banner-hello {
        font-size: 22px;
    }

    .why-us {
        width: 100% !important;
    }

    .p-b-plan-img img {
        width: 30%;
    }

    .test-mons-item {
        height: auto;
    }
}


@media (max-width: 767px) {
    .p-text {
        width: 100%;
        font-size: 16px;
    }

    .workteam-list {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    .workteam-person {
        width: 80%;
    }

    .f-gr-block {
        flex-direction: column;
    }

    .f-gr-form, .f-gr-contact, .f-gr-same {
        width: 100% !important;
        align-items: center;
    }

    .f-gr-contact-list {
        align-items: center;
    }

    .test-mons-txt p {
        font-size: 14px;
    }

    .test-mons-txt h4 {
        font-size: 16px;
    }    

    .ghost-contact, .navi-list  {
        justify-content: center; 
        text-align: center;
    }

    .f-gr-contact-title h2 {
        text-align: center;
    }

    .f-gr-block-wraper {
        flex-direction: column !important;
        width: 100%;
        text-align: center;
        align-items: center;
    }



}


@media(max-width: 576px){
    .stat-info-list {
        justify-content: center;
    }

    .stat-info-item {
        width: 80%;
    }

    .stat-info-item:nth-child(even) {
        margin: 0;
    }

    .m-content-media {
        float: none;
        width: 100%;
        margin: 0;
    }

    .test-mons-item {
        flex-direction: column;
    }

    .test-mons-person {
        transform: translateX(-45px);
    }

    .head-banner-anim::before {
        border-radius: 0 0 110% 110% / 0 0 100% 100%;
    }

    .work-process-r-item, .work-process-l-item {
        font-size: 14px;
    }

}