@media only screen and (max-width: 768px) {

    section.section {

        padding: 30px 0px;

    }



    .banner-content h2 {

        font-size: 50px;

        line-height: 51px;

    }



    .banner-section {

        padding-top: 70px;

    }



    .about-left-col {

        height: auto;

    }



    .about-section .main-heading h2 {

        font-size: 30px;

        line-height: 35px;

        max-width: 100%;

    }



    .main-heading p {

        font-size: 18px;

        font-family: "Teachers", serif;

        color: #fff;

        margin-bottom: 20px;
        font-weight: 400;

    }



    .learn-more .button-text {

        padding: 3px 0px;

    }



    .learn-more .circle {

        width: 2rem;

        height: 2rem;

    }



    .learn-more .circle .icon.arrow {

        left: 2px;

    }



    .learn-more .circle .icon {

        top: 1px;

    }



    .service-box .service-image img {

        height: 250px;

    }



    .service-box .service-content h2 {

        font-size: 20px;

    }



    .erp-box {

        margin: 0px;

    }



    .erp-content {

        position: absolute;

        top: 15px;

        left: 7%;

        width: 100%;

        padding: 20px 0;

        overflow: hidden;

    }



    .erp-content h1 {

        font-size: 40px;

    }



    .erp-content h2 {

        font-size: 22px;

    }



    .erp-content p {

        font-size: 17px;

        line-height: 20px;

        width: 90%;

    }



    .erp-imagebox img {

        height: 550px;

        object-fit: cover;

        object-position: bottom;

        border-radius: 10px;

    }



    .erp-imagebox::before {

        content: '';

        width: 100%;

        height: 550px;

        position: absolute;

        top: 0;

        left: 0;

        background: #00000045;

    }



    .erp-box {

        height: 550px;

    }



    .blog-section {

        background: #ffb62b;

        padding: 60px 0px !important;

    }



    .blog-section .main-heading {

        padding-left: 0;

    }



    .blog-section .main-heading h2 {

        font-size: 35px;

        line-height: 37px;

    }



    .blog-bottom-card {

        margin-top: 0px;

        padding: 25px 20px;

    }



    .blog-bottom-card h5 {

        font-size: 17px;

    }



    .blog-bottom-card h2 {

        font-size: 20px;

        line-height: 24px;

    }



    .contact-section .main-heading h2 {

        font-size: 35px;

        line-height: 38px;

    }



    .contact-section .main-heading p {

        font-size: 20px;

        width: 100%;

    }



    .contact-section .form-control {

        width: 100%;

        padding: 13px 25px;

    }



    footer.footer {

        padding: 40px 0px 0px;

    }



    .home-link a {

        font-size: 18px;

    }



    .home-link h4::before {

        content: '';

        width: 100%;

        height: 1px;

        position: absolute;

        top: 90%;

        left: 0px;

        background: #d4cdc5;

    }



    .home-link h4 {

        font-size: 25px;

        display: inline-block;

        margin-bottom: 10px;

    }



    .erp-section .main-heading h2 {

        font-size: 35px;

        color: #ffffff;

        line-height: 50px;

        margin-top: 4px;

        margin-bottom: 20px;

    }



    .y-tech-main-hedaing h2 {

        font-size: 25px;

        line-height: 30px;

    }



    .logo-image h1 {

        font-size: 60px;

    }



    .logo-image h1::before {

        position: absolute;

        bottom: 18px;

        background: #FFFFFF;

        width: 100%;

        height: 4px;

        content: '';

        left: 0;

    }



    .breadcumb-wrap {

        padding-top: 0;

    }



    .page-header {

        padding: 15px 0;

    }



    .breadcumb-wrap h2 {

        font-size: 20px;

        line-height: 26px;

        margin-bottom: 0px;

    }
    .breadcumb-wrap ol{
        padding-left: 1rem;
    }



    .border-bar {

        width: 90%;

    }



    .y-tech-main-hedaing p {

        font-size: 16px;

        line-height: 23px;

    }



    .main-heading h2 {

        font-size: 26px;

        line-height: 35px;

        max-width: 100%;

    }



    .core-box h2 {
        font-size: 18px;
        margin: 10px 0;
        background: transparent;
    }



    .core-box {

        padding: 10px 0;

        height: auto;
        margin-bottom: 0;

    }

    .core-box p {

        font-size: 16px;

        font-weight: 400;

    }

    .story-box-primary-content h1 {

        font-size: 70px;

        line-height: 78px;

    }

    .story-box-primary .story-promo-image3 {

        background: #fff;

        height: 100px;

        width: 100px;

        right: 10px;

    }

    .story-box-primary .story-promo-image2 {

        background: #fff;

        height: 100px;

        width: 100px;

        left: 10px;

    }

    .story-box-primary .story-promo-image1 {

        background: #fff;

        height: 100px;

        width: 100px;

        left: 10px;

    }

    .story-box-primary {

        display: flex;

        align-items: center;

        justify-content: center;

        height: 390px;

    }

    .story-box-sec.right-box {

        display: none;

    }

    .bg-year .current-year h6 {

        font-size: 15rem;

        margin-bottom: 0;

        line-height: 15rem;

        color: #ffffff;

        position: absolute;

        top: 0px;

        right: 0;

        font-family: 'Josefin Sans', serif;

        z-index: -1;

    }

    .owl-item.active .round-box .journey-dot::before {

        width: 30rem;

    }

    .story-box-sec.story-box {

        padding: 10px;

    }

    .story-box-sec-content .main-content h2 {

        font-size: 22px;

    }

    .story-box-sec-content .main-content p {

        font-size: 17px;

    }

    .story-section {

        padding: 60px 0 !important;

    }

    .leader-content p {

        font-size: 16px;

    }

    .btn-tag span {

        margin: 5px;
        font-size: 14px;
        padding: 7px 20px;

    }

    .clip-left-col::before {

        clip-path: none;

    }

    .clip-left-col .main-heading {

        z-index: 99;

        position: relative;

        max-width: 100%;

        padding-right: 15px;

        padding-left: 15px;

    }

    .clip-left-col {

        padding: 30px 0;

    }

    .diff-clip-counter-box h2 {

        font-size: 45px;

    }

    .diff-clip-counter-box p {

        font-size: 18px;

        color: #fff;

        margin-bottom: 0;

        font-family: 'Josefin Sans', sans-serif;

        text-align: center;

        font-weight: 400;

    }

    .clip-right-col {

        max-width: 100%;

        padding: 0 10px;

    }

    .py-60 {

        padding: 30px 0 !important;

    }

    .service-main-page-imagebox img {

        height: 330px;

    }

    .service-main-page-option2-content h2 {

        font-size: 22px;

    }

    .service-main-page-option2-content p {

        font-size: 16px;

        line-height: 20px;

        color: #ffffff;

        text-align: left;

        font-family: "Teachers", serif;

        font-weight: 300;

        letter-spacing: .5px;

    }

    .video-content .main-heading-light {

        padding: 10px;

    }

    .main-heading-light h2 {

        font-size: 25px;

        color: #000000;

        margin-bottom: 0;

        padding-bottom: 15px;

        font-family: 'Josefin Sans', serif;

        line-height: 30px;

    }

    .main-heading-light p {

        font-size: 16px;

        line-height: 23px;

        font-family: "Teachers", serif;

        color: #000000;

        margin-bottom: 20px;

        letter-spacing: .5px;

    }

    /* .core-box::before {

        content: '';

        position: absolute;

        bottom: -42px;

        left: -1px;

        width: 85%;

        height: 24%;

        background: #f8f4f0;

        border-bottom-right-radius: 10px;

        border-bottom-left-radius: 12px;

    } */
    .core-content {
        min-height: auto;
    }

    /* .core-round-box::before {

        content: '';

        position: absolute;

        top: -5px;

        left: -3px;

        width: 20px;

        height: 20px;

        background: url(../img/border-ra.svg);

        background-size: contain;

        background-repeat: no-repeat;

        transform: rotate(263deg);

    } */

    .core-round-box {
        bottom: 35px;
        right: 9%;
    }

    .onscroll-image-change .box {

        display: none;

    }

    .onscroll-image-change .img-wrapper {

        max-width: 100%;

    }

    .onscroll-image-change .container-box {

        height: auto;

    }

    .onscroll-image-change .img-wrapper .main-heading {

        padding: 30px 20px;

    }

    .faq-col-img img {

        margin: 10px 0;

    }

    .faq-col-img::before {

        right: -12px;

    }

    .webdevelopment-section .core-box::before {

        bottom: -44px;

        left: -1px;

    }

    .twocol-core-box .core-box .core-content {
        min-height: auto;
    }

    .webdevelopment-section .core-box {

        height: auto;
        margin-bottom: 0px;

    }

    .breadcumb-wrap i.fa-slash {
        font-size: 14px;
    }

    .breadcumb-wrap ol li {
        font-size: 14px;
    }

    .half-section .half-col {
        max-width: 100%;
        margin-left: auto;
        padding: 40px 15px 15px;
    }

    .img-wrapper .main-heading h2 {
                font-size: 22px;
        line-height: 26px;
        max-width: 100%;
        padding-bottom: 5px;
    }
.industries-imagestyle img{
        height: 250px;
}
.discuss-left-image {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.contact-usmain-section .core-box h2{
    font-size: 26px;
}
.contact-usmain-section .core-content h1{
    font-size: 22px;
}
.location-card h2 {
    font-size: 23px;
}
.contact-card{
    min-height: auto;
}
.loader{
    font-size: 80px;
}

}