* Small devices (tablets, 600px and up) */ @media only screen and (max-width: 600px) {

    /* Your tablet styles go here. */
    .logo {
        width: 200px;
        height: 200px;
        object-fit: contain;
    }




}

/* Medium devices (small laptops, 768px and up) */
@media only screen and (max-width: 768px) {

    /* Your small laptop styles go here. */
    .logo {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

}

/* Large devices (desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    /* Your desktop styles go here. */

    .logo {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

    .logocontainer {
        padding-left: 1em;
        width: 40%;
        display: flex;
        align-items: center;
    }

    .about {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .hero_text {
        color: #000;
        font-family: Montserrat;
        font-size: 15.217px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
    }

    .hero_wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
    }


    .hero_para {
        padding: 0px;
    }

    .about h2 {
        font-family: Montserrat;
        font-size: 15.8px;
        font-style: normal;
        text-align: center;
        width: 90%;
        font-weight: 700;
        line-height: 117%;
        background: linear-gradient(40deg, #6435A5 0.5%, #fff 150.26%);
        background-clip: border-box;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .hero_para {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        width: 100%;
        margin-bottom: 50px;

    }

    .about p {
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .hero_para p {
        width: 90%;
        text-align: justify;
        color: #000;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 2;
    }

    .hero_image_right {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .wrapper_left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .left_image {
        display: flex;
        justify-content: flex-start;
        height: 100%;
        width: 100%;
        align-items: center;
    }

    .hero_image_right img {
        height: 300px;
        width: 100%;
        object-fit: contain;
    }

    .left_image img {
        object-fit: contain;
        width: 100%;
        height: 300px;
        align-items: center;
    }

    .right_text {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right_text h2 {
        color: #000;
        font-family: Montserrat;
        font-size: 28.222px;
        font-style: normal;
        font-weight: 200;
        line-height: normal;
    }

    #kjusys {
        margin-top: 6rem;
        background-color: white;
        height: auto;
        width: 100%;
    }


    .kjusys_wrapper {
        gap: 3rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .kjusys_text {
        width: 100%;
        display: flex;
        margin-top: 1rem;
        justify-content: center;
        align-items: center;
    }

    .right_kj_image {
        width: 100%;

    }

    .kjusys_text {
        color: #000;
        font-family: Montserrat;
        font-size: 19.0px;
        font-style: normal;
        font-weight: 100;
        line-height: normal;
    }

    .kjusys_logo {
        padding-top: 2em;
        justify-content: space-around;
        display: flex;
        flex-direction: column;
        gap: 30px;
        width: 100%;
    }

    .info_text p {
        width: 100%;
        text-align: start;
        color: #000;
        font-family: Montserrat;
        font-size: 28.7px;
        font-style: normal;
        font-weight: 200;
        line-height: 2;
    }

    .image_right {
        margin-left: 1em;
        margin-right: 1em;
        width: 92%;
        height: 241px;
    }

    .erp_info {
        position: relative;
        margin-top: 5rem;
        height: 100%;
        width: 100%;
    }

    .info_text {
        padding-left: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 95%;
    }

    .erp_wrapper {
        gap: 40px;
        margin-top: 50px;
        width: 100%;
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    .image_erp img {
        padding-left: 1em;
        object-fit: contain;
        height: 316px;
        width: 100%;
    }

    .image_erp {
        display: flex;
        justify-content: flex-start;
        width: 90%;
        height: 100%;
    }

    .info_erptext {
        padding-left: 1em;
        width: 70%;
        display: flex;
        flex-direction: column;
    }

    .appinfo {
        width: 100%;
        margin-top: 80px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .apple p {
        color: #000;
        font-family: Montserrat;
        font-size: 11.4px;
        font-style: normal;
        font-weight: 100;
        line-height: normal;
    }

    .wrapper_projects {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-top: 10rem;
        width: 100%;
        gap: 20px;
        display: flex;
    }

    .left_project {
        height: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        width: 88%;
    }

    .card_black {

        height: 120px;
        margin: 0px;
        width: 90%;
        background-color: black;
        display: flex;
        justify-content: center;
        align-items: start;
        border-radius: 30px;
        padding: 20px;
        flex-direction: column;

    }

    .right_project {
        height: 100%;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
        width: 90%;
    }

    .text_v1 {
        padding-left: 40px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .vision {
        margin-top: 5em;
        width: 100%;
        height: 100%;
    }

    .text_v2 h2 {
        margin-left: 40px;
        width: 100%;
        color: #1A202C;
        font-family: Inter;
        font-size: 53px;
        font-family: Montserrat;
        font-weight: 200;
        line-height: 71px;
    }

    .p_card {
        margin-top: 2em;
        width: 100%;
        flex-direction: column;
        display: flex;
        gap: 40px;
        justify-content: flex-start;
        align-items: center;
    }

    .image_p {
        width: 91%;
        height: 422px;
    }

    .text_p {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 90%;
    }

    .text_p h1 {
        color: #414141;
        font-family: Montserrat;
        font-size: 27.568px;
        text-align: center;
        font-style: normal;
        font-weight: 600;
        line-height: 41.014px;
    }

    .text_p p {
        color: #414141;
        text-align: center;
        font-family: Montserrat;
        font-size: 10.1px;
        font-style: normal;
        font-weight: 300;
        line-height: 13.4px;
    }

    .p_card2 {
        margin-top: 2em;
        width: 100%;
        flex-direction: column;
        display: flex;

        gap: 40px;
        justify-content: flex-start;
        align-items: center;
    }

    .heading h2 {
        color: #000;
        font-family: Montserrat;
        text-align: center;
        font-size: 20.2px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .wrappersdc {
        padding-left: 20px;
        padding-top: 0px;
        background-color: #F8F8F8;
        height: 750px;
        width: 100%;
        display: flex;
    }

    .heading_p {
        width: 100%;
    }

    .heading_p h2 {
        text-align: center;
        color: #414141;
        width: 100%;
        font-family: Montserrat;
        font-size: 43.7px;
        font-style: normal;
        font-weight: 600;
        margin-bottom: 40px;
        line-height: 57.2px;
    }

    .para_p {
        color: #414141;
        font-family: Montserrat;
        font-size: 10.1px;
        font-style: normal;
        font-weight: 200;
        line-height: 38.388px;
    }

    .heading_p1 h2 {
        color: #414141;
        font-family: Montserrat;
        font-size: 21px;
        font-style: normal;
        margin: 0px;
        font-weight: 600;
        line-height: 28px;
    }

    .rightwrapper {
        width: 52%;
        height: 198%;
    }

    .rightwrapper img {
        width: 100%;
        height: 87%;
        object-fit: contain;
    }

    .top_p {
        margin-bottom: 123px;
    }

    .wrappersdc {
        padding-left: 20px;
        padding-top: 0px;
        background-color: #F8F8F8;
        height: 598px;
        width: 100%;
        display: none;
    }

    .lead_container {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        height: 750px;
    }

    .textl1_wrapper {
        padding-top: 0px;
        height: 100%;
        width: 100%;
    }

    .lead_container {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        height: 1162px;
    }

    .heading_p3 h2 {
        margin-bottom: 0px;
        margin-top: 50px;
        color: #414141;
        font-family: Montserrat;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 67.162px;
    }

    .para_p {
        color: #414141;
        font-family: Montserrat;
        font-size: 10.1px;
        font-style: normal;
        font-weight: 200;
        line-height: 25.4px;
    }

    .heading_p4 h2 {
        margin: 0px;
        color: #414141;
        font-family: Montserrat;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 44.162px;
    }

    .lead_container {
        display: none;
    }

    .lead_containerres {
        margin-bottom: 5em;
        width: 100%;
        height: 100%;
    }

    .lead_containerres1 {
        width: 100%;
        height: 100%;

    }

    .heading_p33 {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .heading_p33 h2 {
        margin: 0px;
        color: #414141;
        font-family: Montserrat;
        font-size: 29px;
        font-style: normal;
        font-weight: 600;
        line-height: 67.162px;
        /* 112.5% */
    }

    .para_pp {
        width: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
        height: 100%;
    }

    .para_pp {
        text-align: center;
        color: #414141;
        font-family: Montserrat;
        font-size: 14.059px;
        font-style: normal;
        font-weight: 200;
        line-height: 28.388px;
    }

    .image_leadp {
        width: 100%;
        height: 300px;
    }

    .innobottom {
        position: relative;
        display: none;
    }

    .image_leadp img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .textl23_wrapper {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .innovate {
        width: 100%;
        position: absolute;
        right: -24px;
        height: 121px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: start;
    }

    .innovate h1 {
        background: linear-gradient(114deg, #F2F2F2 4.39%, #898989 97.99%);
        background-clip: border-box;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0px;
        color: #A2A2A2;
        font-family: Montserrat;
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 117%;
        text-transform: capitalize;
    }

    .row_3 img {
        height: 116px;
        padding-left: 5px;
        object-fit: contain;
    }

    .footer_info {
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 1em;
        padding-bottom: 3em;
    }

    .text_info2 h1 {
        padding-top: 1em;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        text-align: center;
        font-family: Montserrat;
        font-size: 23px;
        font-style: normal;
        font-weight: 200;
        line-height: 117%;
        text-transform: capitalize;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 992px) {

    /* Your large desktop styles go here. */
    .lead_container {
        display: flex;
    }

    .lead_containerres {
        display: none;
    }

    .lead_containerres1 {
        display: none;
    }


}