@media (max-width:991px) {
    .navigation-bar .navbar-nav .nav-link {
        text-align: left;
    }

    .header-area {
        margin-bottom: initial;
    }

    .system-data-header {
        margin-bottom: 10px;
    }

    .system-data-content {
        text-align: left;
        margin-bottom: 20px;
    }

    .XSI-img-blue {
        transform: none;
    }

    .overflow-feature {
        display: -webkit-box;
        width: 100%;
        overflow: auto;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .overflow-feature::-webkit-scrollbar {
            display: none; /* Safari and Chrome */
        }


    .system-data h3 {
        font-size: 30px !important;
        line-height: 45px;
        letter-spacing: -0.1px;
        text-align: left;
    }

    .navigation-bar .navbar-nav .nav-link {
        text-align: left;
        padding: 10px 10px 5px 0 !important;
    }

    .navigation-bar .dropdown-toggle::after {
        transform: rotate(270deg);
        float: right;
        margin-right: 10px;
    }

    .navigation-bar .dropdown.show .dropdown-toggle::after {
        transform: none;
    }

    .navigation-bar .nav-link.active {
        border-bottom: none;
        text-decoration: underline !important;
        color: #437FEC !important;
    }

    .navigation-bar .navbar-brand img {
        width: 160px;
    }

    .navigation-bar .navbar {
        padding: 15px 30px 7px 30px !important;
    }

    .navigation-bar .dropdown-menu {
        background: #FFFFFF;
        box-shadow: none;
        border: none;
    }

    .header-area {
        background-image: url(../images/Common/header-bg-image1_mobile.png);
        background-size: 100%;
        margin-bottom: 70px;
        background-repeat: no-repeat;
    }

    .header-content h1 {
        font-size: 36px !important;
        line-height: 54px !important;
    }

    .header-content {
        text-align: center;
        margin-top: 15px;
        font-weight: 400;
    }

    .system-data h4 {
        font-weight: bold;
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 15px;
    }

    .heading1 h2 {
        font-weight: bold;
        font-size: 30px !important;
        line-height: 39px !important;
    }

    .Integrated-Products hr {
        margin: 25px auto;
        width: 80%;
    }

    .Integrated-Products h4 {
        font-weight: bold;
        font-size: 30px !important;
        line-height: 45px !important;
    }

    .xsi, .xdi, .xsm {
        padding: 25px 0 70px;
    }

    .xsi-content, .xdi-content, .xsm-content {
        padding-left: 30px;
    }



    .btn-web {
        display: none;
    }

    .Integration-Advances {
        background: url(../images/Common/bg-image_mobile.png);
        background-repeat: no-repeat;
        background-size: 100% 150%;
        padding: 40px 0;
        background-position: bottom;
    }

        .Integration-Advances h4 {
            font-size: 30px !important;
            line-height: 39px !important;
        }

        .Integration-Advances p {
            font-size: 14px !important;
            line-height: 21px !important;
        }

        .Integration-Advances .btn-3 {
            font-size: 14px !important;
            line-height: 24px !important;
        }

    .digital-evolution h4 {
        font-size: 26px !important;
        line-height: 39px !important;
    }



    /* .digital-evolution .partner-header {
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 0 50px;
        margin-bottom: 45px;
    }*/

    .digital-evolution .btn-4 {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
    }

    .footer h4 {
        font-size: 18px !important;
        line-height: 27px;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer .btn-1 {
        padding: 14px 24px;
        text-align: center;
        font-size: 14px;
        line-height: 17px;
    }

    .footer-heading {
        margin-bottom: 80px;
    }

    .footer-item ul li {
        margin-bottom: 10px;
    }

    .subscribe-footer .footer-item h6 {
        font-size: 15px !important;
        line-height: 18px;
        font-weight: normal;
        text-align: center;
    }

    .footer {
        background: url(../images/Common/Vector50.svg);
        background-size: cover;
        padding: 70px 0;
        background-position: top right;
    }

    .footer-item input {
        width: auto;
    }

    .subscribe-footer .footer-item {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: auto;
    }

    .footer-logo img {
        /*width: 100px;*/
    }

    .footer .social-icon {
        margin-top: 30px;
    }

    .footer .map-mobile {
        display: none;
    }

    .footer .product-info {
        margin-bottom: 40px;
    }

    .container {
        padding-right: 30px;
        padding-left: 30px;
    }

    .xsi-header-area {
        background-position: bottom 18% right;
        background-size: 95%;
        margin-bottom: 70px;
        padding: 30px 0 0 0;
        background-repeat: no-repeat;
    }

        .xsi-header-area::after {
            content: url(../images/Common/Vector72.svg);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

    .cross-content-flex-mobile {
        display: inline-flex;
        margin-top: 15px;
    }

    .cross-security-content-card {
        padding: 30px 0px 0 0px;
        text-align: center;
        background: #F4F4F4;
        border-radius: 26px;
        height: 245px;
        margin-bottom: 30px;
        margin-right: auto;
        width: 50%;
    }

    .cross-content-flex-mobile .cross-security-content-card:first-of-type {
        margin-right: 10px;
    }

    .cross-content-flex-mobile .cross-security-content-card:last-of-type {
        margin-left: 10px;
    }

    .cross-system-integrator .cross-security-content-card:first-child::after {
        content: '';
        top: -8%;
        position: absolute;
        right: 22%;
        z-index: 1;
        transform: rotate(90deg);
        background-image: url(../images/xsi/Group430.svg);
        background-repeat: no-repeat;
        background-size: 40px;
        height: 40px;
        width: 40px;
    }

    .cross-system-integrator .cross-security-content-card:last-child::after {
        content: '';
        top: -8%;
        position: absolute;
        z-index: 1;
        left: 19%;
        transform: rotate(90deg);
        background-image: url(../images/xsi/Group430.svg);
        background-repeat: no-repeat;
        background-size: 40px;
        width: 40px;
        height: 40px;
    }

    .card-security::after {
        content: '';
        bottom: -29%;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        z-index: 1;
        top: auto;
        background-image: url(../images/xsi/Group430.svg);
        background-size: 45px;
        background-repeat: no-repeat;
        width: 45px;
        height: 45px;
    }

    .xsi-header-area h5 {
        font-size: 20px !important;
        line-height: 30px !important;
        font-weight: bold !important;
        color: #343C51;
    }

    .xsi-header-area ul {
        margin-bottom: 35px;
    }

    /* .owl-carousel .owl-stage-outer {
        
      overflow: initial;
     
    
    } */
    .desktop-xsi-btn {
        display: none;
    }

    .mobile-xsi-btn {
        display: block;
        margin-top: 50px;
        margin-bottom: 45px;
    }

    .header-area {
        margin-bottom: initial;
    }

    .system-data-header {
        margin-bottom: 10px;
    }

    .system-data-content {
        text-align: left;
    }

    .XSI-img-blue {
        transform: none;
    }

    .icon-name {
        font-size: 12px !important;
        line-height: 26px !important;
        margin-top: -5px;
    }

    .water-icon {
        margin-bottom: 5px;
    }


    .overflow-feature {
        display: -webkit-box;
        width: initial;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-right: -30px;
        margin-left: -30px;
    }

        .overflow-feature .w-90 {
            width: 90%;
        }

        .overflow-feature::-webkit-scrollbar {
            display: none; /* Safari and Chrome */
        }


    .system-data h3 {
        text-align: left;
    }

    .navigation-bar .navbar-nav .nav-link {
        text-align: left;
        padding: 10px 10px 10px 0 !important;
    }

    .navigation-bar .dropdown-toggle::after {
        transform: rotate(270deg);
        float: right;
        margin-right: 10px;
    }

    .navigation-bar .dropdown.show .dropdown-toggle::after {
        transform: none;
    }

    .navigation-bar .nav-link.active {
        border-bottom: none;
        text-decoration: underline !important;
        color: #437FEC !important;
    }





    .navigation-bar .dropdown-menu {
        background: #FFFFFF;
        box-shadow: none;
        border: none;
    }

    img {
        max-width: 100%
    }

    .header-content h1 {
        font-size: 36px !important;
        line-height: 54px !important;
    }



    /*intergration page*/
    .integraton-bg .header-content {
        margin-top: 50px;
    }

    .integraton-bg .intergration-bg-img img {
        margin: 40px auto 0;
        width: 100%;
    }

    .integraton-bg .header-content h1 {
        text-transform: none;
        font-size: 40px !important;
        line-height: 55px !important;
    }

    .integraton-bg .header-content .intergration-header-comma {
        display: initial;
    }

    .integraton-bg .cross-head p {
        font-style: normal;
        font-weight: normal;
        /*font-size: 16px;*/
        line-height: 24px;
        margin-bottom: 20px;
    }


    .bullet-cross::before {
        content: "";
        width: 5px;
        height: 5px;
        transform: rotate(-45deg);
        background-color: #437FEC;
        position: absolute;
        right: 50%;
        left: auto;
        top: -25%;
    }

    .integration-banner-hr {
        margin-top: 20px !important;
        margin-bottom: 30px !important;
    }

    .integration-feature img {
        width: 130px;
        margin-bottom: 10px;
    }

    .integraton-bg:after {
        display: none;
    }

    .mob-img {
        display: block;
    }

    .desk-img {
        display: none;
    }

    .flow-curve::after {
        display: none;
    }

    .integration-feature p {
        font-size: 18px;
        line-height: 27px;
        width: 90%;
        margin: auto;
    }

    .integration-feature h3 {
        line-height: 30px;
    }

    .pr-5 {
        padding-right: 15px !important;
    }

    .text-center-mob {
        text-align: center !important;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .d-none-mob {
        display: none;
    }

    .xsi-img {
        margin: 0 auto 35px;
    }

    .pl-5 {
        padding-left: 15px !important;
    }

    .Integration-Advances {
        background: url(../images/Common/bg-image_mobile.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        padding: 40px 0;
        background-position: bottom;
    }

        .Integration-Advances h4 {
            font-size: 30px !important;
            line-height: 39px !important;
        }

        .Integration-Advances p {
            font-size: 14px !important;
            line-height: 21px !important;
        }

        .Integration-Advances .btn-3 {
            font-size: 14px !important;
            line-height: 24px !important;
        }

    .px-mob-9 {
        padding: 0 22%;
    }

    .digital-evolution h4 {
        font-size: 26px !important;
        line-height: 39px !important;
    }


    .brand-carousel .owl-item img {
        padding: 0px;
        height: 60px;
        filter: grayscale();
    }



    .digital-evolution .btn-4 {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
    }

    .xsi-header-area .bullets {
        font-weight: normal;
        font-size: 18px;
        line-height: 30px;
    }

    .btn-2 {
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 70px;
    }

    .important-integration-title {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
    }

    .important-integration p {
        margin-bottom: 15px;
    }

    .cross-system-title {
        font-weight: bold;
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        color: #437FEC;
    }

    .cross-system-subtitle {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .important-integration .text-center-mob {
        padding: 0 20px;
    }

    .system-integration-card {
        background: #EFF1FE;
        box-shadow: 0px 4px 15px 4px rgb(190 198 237 / 50%);
        border-radius: 21px;
        padding: 25px 20px;
        width: 90%;
        margin: auto;
        margin-bottom: 50px;
        margin-top: 10px;
        z-index: 2;
    }

        .system-integration-card p {
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 20px;
        }

        .system-integration-card h6 {
            font-weight: bold !important;
            font-size: 16px;
            line-height: 27px;
        }

        .system-integration-card .row {
            margin-bottom: 30px;
        }

    .bg-element-1::after, .ot-device, .it-system {
        display: none;
    }

    .System-Integration-Made-Easy h3 {
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
    }

    .System-Integration-Made-Easy p {
        font-weight: normal;
        font-size: 16px;
        line-height: 27px;
        padding: 0;
    }

    .OT-and-IT-img {
        display: none;
    }

    .ot-it-mobile {
        margin-bottom: 170px;
    }

        .ot-it-mobile img {
            margin-bottom: 20px;
        }

    .OT-and-IT p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    #it_system .key-features-title, #ot_dvice .key-features-title {
        display: none;
    }

    .key-features-title-mob {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
        background-color: #EFF1FE;
        padding: 15px 45px;
        margin-top: 40px;
    }

    #ot_dvice hr {
        display: none;
    }

    .Simplified-Integration-title {
        line-height: 42px
    }

    .bullets4::before {
        position: absolute;
        content: url(../images/Common/bullets.png);
        transform: translateX(-33px);
    }

    .Adapter-Connector ul li {
        font-size: 16px;
        line-height: 24px;
        margin-left: 18px;
        margin-right: 10px;
    }

    .more-it-features-title {
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
    }

    .acc-btn {
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
    }

        .acc-btn:before {
            content: url(../images/Common/Vector10-mob.svg);
            position: absolute;
            left: 3%;
            transition: all 0.3s linear;
        }

    .vertical-divider::after {
        content: "";
        position: absolute;
        width: 75%;
        height: 3px;
        background: white;
        top: 54%;
        right: 50%;
        transform: translateX(50%);
    }

    .section-2 {
        padding: 40px 0;
        background: #f8f9fd; /*url(../images/Common/color-bg.svg);*/
        background-position: top;
        position: relative;
    }

    .performance-anlytic li::before {
        content: url(../images/Common/Vector10-mob.svg);
        position: absolute;
        transform: translate(-30px,4px);
    }

    .performance-anlytic li {
        font-size: 16px;
        line-height: 18px;
        margin-left: 11px;
    }

    .Advanced-Capabilities h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
    }

    .Advanced-Capabilities p {
        font-weight: normal;
        font-size: 16px;
        line-height: 27px;
    }

    .cross-system-integrator h4 {
        font-weight: bold;
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .cross-system-integrator .heading-text {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .xdi-header-area {
        background-image: url(../images/XDI/XDI-header-bg.svg);
        background-position: center top;
        background-size: cover;
        padding: 35px 0;
    }

    .xdi-text-image {
        margin-bottom: 10px;
    }

    .xdi-header-area h5 {
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px;
        max-width: 365px;
    }

    .xdi-header-area .bullets {
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
    }

    .Importance-of-Integration h3 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
    }

    .Importance-of-Integration {
        padding: 35px 0;
    }

    .important-integration-subtitle {
        font-weight: normal;
        font-size: 16px;
        line-height: 27px;
    }

    .System-Integration-Made-Easy h5 {
        font-weight: normal;
        font-size: 18px;
        line-height: 27px;
    }

    .System-Integration-Made-Easy {
        margin-bottom: 20px;
    }

    .dm-title {
        font-weight: bold;
        font-size: 28px;
        line-height: 51px;
    }

    .performance-anlytic1 li {
        padding-left: 28px;
        font-size: 16px;
        line-height: 24px;
    }

    .Centralized-card {
        width: 250px;
        margin-bottom: 35px;
    }

        .Centralized-card p {
            font-size: 18px;
            line-height: 27px;
            text-align: center;
        }

    .Centralized-Data-Storage h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
    }

    .semi-title {
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 25px;
    }

    .para1 {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
    }

    .Centralized-Data-Storage {
        padding: 30px 0 0;
    }

    .card-security .cross-system-heading {
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
    }

    .cross-system-content-card img, .cross-security-content-card img {
        max-width: 50px;
    }

    .cross-system-content-card h3 {
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
    }

    .cross-system-content-card p {
        font-size: 14px;
        line-height: 21px;
    }

    .Intelligent-Preparation {
        padding-right: 6px !important;
        padding-left: 0px !important;
    }

    .card-security {
        background: #EFF1FE;
        border-radius: 26px;
        padding: 20px;
    }

    .cross-security-content-card h3 {
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
    }

    .cross-security-content-card p {
        color: #979797;
        font-size: 14px;
        line-height: 21px;
        margin: 20px 0 5px;
    }

    .xsm-section-1 {
        padding: 35px 0;
    }

    .important-integration-content {
        padding-left: 15px;
        margin-bottom: 25px;
    }

    .system-integration-card-para-1 {
        padding: 10px;
    }

    .Security-Integration-Made-Easy h3 {
        font-weight: bold;
        font-size: 24px;
        line-height: 45px;
        margin-bottom: 25px;
    }

    .XSM-Key-Features h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 24px;
    }

    .XSM-Key-card img {
        width: 55px;
        margin-right: 15px;
    }

    .XSM-Key-card {
        display: flex;
        height: 115px;
        text-align: left;
        padding: 20px;
        margin-bottom: 10px;
    }

    .Key-card-title {
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
    }

    .XSM-User-Experience h4 {
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        padding: 30px 30px 0;
        margin-top: 50px;
    }

    .xsm-table-heading {
        font-size: 14px;
        line-height: 24px;
    }

    .XSM-User-Experience table thead img {
        height: 30px;
        width: 30px;
    }

    .XSM-User-Experience table tr td {
        font-weight: normal;
        font-size: 16px;
        line-height: 30px;
        padding: 5px 25px;
    }

    .container {
        max-width: initial;
    }

    .XSM-User-Experience .container {
        padding-left: 0;
        /* padding-right: 0; */
    }

    .integraton-bg-banner {
        padding-bottom: 0;
    }

    .integration-feature {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .integraton-bg {
        margin-bottom: 30px;
    }

    .importance-integration h4 {
        font-weight: bold;
        font-size: 30px !important;
        line-height: 45px !important;
    }

    .importance-integration {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

        .importance-integration::after {
            display: none;
        }

    .integration-card {
        background: #FFFFFF;
        box-shadow: 0px 20px 40px rgb(0 0 0 / 10%);
        border-radius: 28px;
    }

    .devops h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .devops h5 {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
        text-align: left;
    }

    .devops ul li {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .sasm-img {
        width: 90px;
        height: 90px;
    }

    .devops p {
        font-size: 16px;
        line-height: 24px;
    }

    .devops {
        padding: 20px 0 50px;
    }

    .question1, .question2, .question3, .question4 {
        border: none;
        color: white;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: white;
        border: 1px solid #EEF2F4;
        position: relative;
        top: 0;
        margin: 0 20px;
        left: auto;
        z-index: 2;
        transform: translateY(-60%);
    }

    .navigation::after {
        position: absolute;
        content: "";
        height: 2px;
        background-color: #ececec;
        width: 320px;
        /* margin-left: 15px; */
        top: 0;
        right: 50%;
        z-index: 1;
        transform: translateX(50%);
    }

    .navigation {
        display: flex;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        z-index: 9;
    }


    .baler-anchor {
        display: none;
        position: absolute;
        top: 20px;
        width: fit-content;
        line-height: 15px !important;
        text-align: center;
    }



    #answer3 .baler-accordian-right-content, #answer4 .baler-accordian-right-content {
        margin-top: 130px;
    }

    .career-banner img {
        width: 90%;
        transform: translateX(-50px);
    }

    .career-content {
        margin-top: 40px;
    }

    .baler-anchor-bold {
        display: block !important;
    }

    .baler-accordian-left-content h3 {
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 50px;
    }

    .baler-accordian {
        padding: 50px 0;
    }

    .baler-accordian-left-content p {
        font-size: 16px;
        line-height: 24px;
    }

    .member-by {
        font-style: italic;
        font-weight: bold;
        font-size: 20px;
        line-height: 40px;
        float: right;
    }

    .baler-accordian-right-content {
        margin-top: 100px;
    }

    .img-bot-para {
        height: 70px;
    }

    .We-Are-3Insys h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 25px;
    }

    .We-Are-3Insys p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .We-Are-3Insys hr {
        margin: 35px auto;
        width: 70%;
    }

    .our-vision h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    .our-vision-card {
        background: #EDF3FC;
        border-radius: 28px;
        padding: 40px 25px;
        text-align: center;
        height: 480px;
        margin-bottom: 30px;
    }

    .Building-Blocks-content {
        margin-top: 50px;
    }

    .Building-Blocks p {
        font-size: 16px;
        line-height: 24px;
    }

    .our-team h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 27px;
        margin-bottom: 70px;
    }

    .our-team {
        padding: 45px 0 60px;
        background: #F6F8FE;
    }

    .open-modal p {
        font-weight: bold;
        font-size: 18px;
        line-height: 27px;
    }

    .open-modal {
        margin-bottom: 50px;
    }

    .bg-element-3::after {
        display: none;
    }

    .Ecosystem-Partner-Environment h3 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 40px;
    }

    .contact-header-content {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .contact-header-right img {
        margin-bottom: 40px;
    }

    .contact-header-left h1 {
        font-weight: bold !important;
        font-size: 30px !important;
        line-height: 36px !important;
    }

    .contact-header-left {
        width: 100%;
        margin-bottom: 55px;
    }

    .contact-form .btn-1 {
        margin-top: -20px;
        font-size: 14px;
        line-height: 17px;
        padding: 10px 50px;
    }


    /*card slider*/
    .slider-nav {
        display: block;
    }

    .slider-dots {
        list-style: none;
        display: inline-block;
        padding-left: 0;
        margin-bottom: 0;
    }

        .slider-dots li {
            display: inline;
            margin-right: 5px;
            animation-duration: 50ms;
        }

    .our-team .modal, .our-team .single-team {
        height: auto;
    }

    .team-carousel .owl-nav {
        display: none;
    }

    .popup-team-div .our-team-inner {
        background: transparent;
        padding: 100px 0 50px;
    }

        .popup-team-div .our-team-inner .single-team img {
            width: 175px;
            margin: auto;
        }

        .popup-team-div .our-team-inner .single-team {
            margin: 30px;
            padding: 60px 40px;
        }

    .single-team img {
        padding-top: initial;
    }

    .slider-dots li a {
        color: #C4C4C4;
        font-size: 30px;
    }

    .slider-dots li.active-dot a {
        color: #437FEC;
    }

    .application-header {
        padding: 30px 0;
    }

        .application-header h4 {
            font-weight: bold;
            font-size: 30px;
            line-height: 45px;
        }

        .application-header .btn-5 {
            float: none;
            margin-top: 32px;
        }

    .my-3-mob {
        margin: 30px 0;
    }

    .application-detail {
        background: #F3F7FD;
        padding: 40px 0;
    }

    .job-description ul li {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .apply-button {
        margin-top: 60px;
        text-align: center;
        margin-bottom: 60px;
    }

    .Other-Related-Positions h4 {
        font-weight: bold;
        font-size: 30px;
        line-height: 46px;
    }

    .otherposition-card {
        margin-bottom: 30px;
    }

    .backtoposition {
        font-weight: normal;
        font-size: 18px;
        line-height: 21px;
        color: #0160E7;
        float: none;
    }

    .Other-Related-Positions {
        padding: 80px 0 45px;
    }

    .faq-seclect-tab h1 {
        font-weight: bold;
        font-size: 32px;
        line-height: 46px;
    }

    .faq-seclect-tab {
        background: #EFF1FE;
        padding: 10px 0 80px 0;
    }

        .faq-seclect-tab .tab-link {
            margin-bottom: 10px;
        }

    .faq-toggle-card {
        width: 50%;
        margin: auto;
    }

    .faq-tab-content .acc-btn1 {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        padding: 15px 10px 15px 40px;
    }

    .acc-btn1:before {
        content: url(../images/Common/mob-polygon.svg);
        transition: all 0.3s linear;
        position: absolute;
        transform: translateX(-34px);
    }

    .acc-content1 p, .acc-content1 ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .acc-content1 {
        padding-left: 27px;
    }

    .faq-toggle-card img {
        width: 45px;
    }

    .acc-btn1.is-open:before {
        content: url(../images/Common/Polygon-down.svg);
        transform: rotate( 90deg );
        position: absolute;
        transform: translateX(-34px);
    }

    .policy-header h4 {
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #343C51;
    }

    .policy-header {
        padding: 35px 0 0px;
    }

        .policy-header p {
            margin-top: 12px;
        }

    .policy-detail {
        padding: 10px 0;
        background: #F3F7FD;
        margin-bottom: 50px;
    }

    .policy-description h6 {
        line-height: 24px;
        margin-bottom: 0;
    }

    .mb-2-mob {
        margin-bottom: 20px !important;
    }

    .confirm-msg {
        padding: 40px 0;
    }

        .confirm-msg h1 {
            font-weight: bold;
            font-size: 18px;
            line-height: 26px;
        }

        .confirm-msg h3 {
            font-weight: normal;
            font-size: 18px;
            line-height: 26px;
        }

    .apply-now-pg h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 30px;
    }

    .apply-now-pg {
        padding: 30px 0;
    }

    label[for="et_pb_contact_brand_file_request_0"] {
        width: 65%;
    }

    label[for="et_pb_contact_brand_file_request_1"] {
        width: 65%;
    }

    .select-dropdown__list-item {
        font-size: 16px;
        line-height: 28px;
    }

    .select-dropdown__button {
        font-weight: normal;
    }

    .apply-now-pg form .form-group label {
        font-weight: bold;
        font-size: 12px;
    }

    .apply-now-pg form .form-group .fa-paperclip {
        margin-right: 5px;
    }

    .career-header-area {
        background-image: url(../images/career/career-header-bg.svg);
        background-position: right top;
        background-size: 100%;
        margin-bottom: 70px;
        padding: 0px;
        margin-top: 20px;
        background-repeat: no-repeat;
    }

        .career-header-area h1 {
            font-weight: bold;
            font-size: 30px;
            line-height: 36px;
        }

        .career-header-area h5 {
            font-weight: bold;
            font-size: 20px;
            line-height: 30px;
        }

    .open-position h3 {
        font-weight: normal;
        font-size: 32px;
        line-height: 46px;
    }

    .open-position p {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
    }


    .modal-body img {
        max-width: 500%;
    }

    .modal-open .modal {
        overflow-x: auto;
        background: #f8f9fd;
    }

    .modal-dialog {
        max-width: fit-content;
        margin: auto;
    }

    .modal-header {
        display: none;
    }

    .large-image .modal-content {
        border: none;
    }

    .modal-body {
        -webkit-box-flex: 1;
        -ms-flex: none;
        flex: none;
        padding: initial;
    }

    .about-height {
        opacity: 0;
    }

    /*Styling Selectbox careers*/
    .choose-mob-car {
        display: block;
    }

    #open-position .dropdown1 {
        width: 100%;
        display: inline-block;
        border-radius: 2px;
        box-shadow: 0 0 2px rgb(204 204 204);
        transition: all .5s ease;
        position: relative;
        font-size: 14px;
        color: #474747;
        height: 60px;
        text-align: left;
        background: #F7F9FA;
        top: -50%;
        z-index: 1;
    }

        #open-position .dropdown1:focus-visible {
            outline: none;
        }

    #open-position .choose {
        z-index: 2;
        position: relative;
        font-size: 12px;
        color: #979797;
        padding-left: 15px;
        top: -15%;
    }

    #open-position .dropdown1 .select span {
        font-size: 16px;
        color: #437FEC;
        line-height: 28px;
        padding-left: 5px;
    }

        #open-position .dropdown1 .select span::after {
            content: url(../images/Common/select-arrow.svg);
            float: right;
            transform: translateY(-40%);
        }

    #open-position .dropdown1 .select {
        cursor: pointer;
        display: block;
        padding: 10px;
        position: relative;
        top: 25%;
    }

        #open-position .dropdown1 .select > i {
            font-size: 13px;
            color: #888;
            cursor: pointer;
            transition: all .3s ease-in-out;
            float: right;
            line-height: 20px
        }

    #open-position .dropdown1:hover {
        box-shadow: 0 0 4px rgb(204, 204, 204)
    }

    #open-position .dropdown:active {
        background-color: #f8f8f8
    }

    #open-position .dropdown1.active:hover,
    #open-position .dropdown1.active {
        box-shadow: 0 0 4px rgb(204, 204, 204);
        border-radius: 2px 2px 0 0;
        background-color: #f8f8f8
    }

        #open-position .dropdown1.active .select > i {
            transform: rotate(-90deg)
        }

    #open-position .dropdown1 .dropdown-menu {
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
        margin-top: 15px;
        box-shadow: 0 1px 2px rgb(204, 204, 204);
        border-radius: 0 1px 2px 2px;
        background: #F7F9FA;
        display: none;
        z-index: 9
    }

        #open-position .dropdown1 .dropdown-menu li {
            padding-top: 5px;
            padding-left: 15px;
            transition: all .2s ease-in-out;
            cursor: pointer;
            font-size: 16px;
            line-height: 28px;
        }

    #open-position .dropdown1 .dropdown-menu {
        padding: 20px initial;
        list-style: none
    }

        #open-position .dropdown1 .dropdown-menu li:hover {
            background-color: #E4E7FB
        }

        #open-position .dropdown1 .dropdown-menu li:active {
            background-color: #E4E7FB
        }

    .select-career-head {
        display: none;
    }

    #body_1, #body_2, #body_3, #body_4, #body_5 {
        display: none;
    }

    .open-position table {
        margin-bottom: 40px;
    }



    .open-position::after {
        display: none;
    }

    .career-table tr {
        display: -ms-inline-grid;
        display: inline-grid;
        width: 100%;
        padding-left: 30px;
    }

    .open-position table tbody th {
        padding-top: initial;
    }

    .open-position table tbody td {
        padding: 0 0 15px 0;
    }


    /*XSM  chutyapa*/
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        background-color: #fff;
    }

    .tab-cont-mobile {
        display: none;
    }

    /*overflow-feature-curve*/

    .overflow-feature .xsi-bg::after {
        position: absolute;
        content: "";
        background: url(../images/Common/arrow2.svg) no-repeat;
        width: 300%;
        height: 250px;
        background-size: contain;
        left: 0;
        bottom: 25%;
        background-position: bottom left;
        z-index: -1;
    }

    .Integrated-Products {
        content: none;
        background: none;
    }

    /*Navbar dropdown issue*/


    /*backgrounds products*/
    #XSI::after {
        content: "";
        background: url(../images/Common/Section-2-bg-image-mob.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        left: 0;
        height: 500px;
        z-index: -1;
        background-size: 107% 100%;
        background-position: bottom center;
        transform: translateY(33%);
    }

    #XDI::after {
        content: "";
        background: url(../images/Common/Section-2-bg-image-mob.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        left: 0;
        height: 500px;
        z-index: -1;
        background-size: 128% 100%;
        background-position: bottom center;
        transform: translateY(34%);
    }

    #XSM::after {
        content: "";
        background: url(../images/Common/Section-2-bg-image-mob.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        left: 0;
        height: 500px;
        z-index: -1;
        background-size: 116% 100%;
        background-position: bottom center;
        transform: translateY(38%);
    }

    .btn-mob {
        display: inline-block;
    }

    .Integrated-Products .mobile-align {
        display: inline-grid;
        display: -ms-inline-grid;
        display: -moz-inline-grid;
    }

        .Integrated-Products .mobile-align .btn-mob {
            width: max-content;
            margin: auto;
        }

    .puzz-mob {
        display: block;
    }

    .puzz-desk {
        display: none;
    }

    .XSM-User-Experience {
        padding: initial;
    }

    .cross-system-integrator {
        padding: 40px 0 50px;
    }


    .single-team-mob {
        display: none;
        margin: 30px;
    }

    .mb-5-mob {
        margin-bottom: 25px;
    }

    .Integration-Advances .col-lg-3 {
        margin-bottom: 15px;
    }

    .Integration-Advances .btn-3 span img {
        padding-left: 8px;
        width: 21px;
    }

    .w-99 {
        width: 99%;
    }

    .section-padding {
        padding: 30px 0;
    }

    .mb--4 {
        margin-bottom: -40px;
    }

    .digital-evolution {
        padding: 45px 0;
    }

    .copyright {
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        letter-spacing: 0.2px;
        color: #343C51;
    }

    .my-5-mob {
        margin-bottom: 0 !important;
    }

    .Intelligent-Preparation {
        width: 115%;
        transform: translateX(-10px);
    }

    .mb-7-mob {
        margin-bottom: 70px;
    }

    .baler-accordian-right-content img {
        width: 100%;
    }

    .pt-18-mob {
        padding-top: 18px !important;
    }

    .pb-18-mob {
        padding-bottom: 18px !important;
    }

    .important-integration-title, .cross-system-subtitle, .important-integration-subtitle {
        margin-bottom: 25px;
    }

    .overflow-feature {
        padding: 45px 0 35px;
    }

    .font-18-web {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .font-30-mob {
        font-size: 30px !important;
        line-height: 45px !important;
    }

    .img-max-size {
        max-height: 25rem;
    }

    .img-max-size-20rem {
        max-height: 20rem;
    }

    .img-max-size-15rem {
        max-height: 15rem;
    }

    .logoimg-max-size-110px {
        max-height: 110px;
    }

    .baler-accordian-right-content img {
        max-height: 20rem;
    }

    .career-content {
        text-align: center !important;
    }

    /*skb 17-08-2021*/
    .resources-header-area {
        background-image: url(../images/career/career-header-bg.svg);
        background-position: right top;
        background-size: 80%;
        margin-bottom: 70px;
        padding: 0px;
        margin-top: 20px;
        background-repeat: no-repeat;
    }

        .resources-header-area img {
            max-width: 440px;
            max-height: 220px;
            margin-top: 60px;
        }
}
/*special cases for tablet*/
@media (min-width:768px) and (max-width: 991px) {
    .footer .map-mobile {
        display: block;
    }

    .text-img {
        max-width: 65% !important;
    }

    .banner-text-img {
        max-width: 60%;
    }

    /*    .integration-card {
        width: 350px;
        margin: 45px auto;
    }*/

    .XSI {
        margin: 45px auto;
    }

    .navigation-bar .navbar {
        padding: 15px 30px 5px 30px !important;
    }
    /*    .top-mar {
        margin-top: 2rem;
    }*/
    .digital-evolution .partner-header {
        font-weight: 700;
        font-size: 24px !important;
        line-height: 36px !important;
    }

    .digital-evolution .partner-header {
        margin-bottom: 30px;
    }

    .bullet-cross::before {
        content: "";
        width: 10px;
        height: 10px;
    }

    .brand-carousel .owl-item img {
        padding: 0px 20px;
    }
}

@media (min-width:375px) and (max-width: 991px) {
    .integration-card {
        width: 350px;
        margin: 45px auto;
    }
}

@media (min-width:992px) {
    .btn-mob {
        display: none;
    }

    .ot-it-mobile {
        display: none;
    }

    .key-features-title-mob {
        display: none;
    }

    .d-none-web {
        display: none;
    }

    .mb-5-web {
        margin-bottom: 50px;
    }

    .single-team-mob {
        display: none;
        margin: 30px;
    }

    .flow-curve1::after {
        position: absolute;
        content: "";
        background: url(../images/Common/arrow2.svg) no-repeat;
        width: 105%;
        height: 400px;
        background-size: 75%;
        left: -5%;
        bottom: 0%;
        background-position: center;
        z-index: -1;
    }

    .xdi-content p {
        width: 120%;
    }

    .xdi .xsi-img {
        transform: translateX(50px);
    }

    .xdi-header-area {
        height: 700px;
    }

    .xsi-header-area {
        height: 750px;
    }

    .integration-carousel {
        display: flex;
    }

        .integration-carousel item {
            display: inline-flex;
        }

    .integration-card {
        width: 350px;
        margin: 45px 30px;
    }
    /*.XSI {
        width: 310px;
        margin: 45px 30px;
    }*/
    .Performance-Analytics-img {
        width: 80%;
    }

    .cross-system-integrator .heading-text {
        width: 82%;
        margin-left: auto;
        margin-right: auto;
    }

    .integraton-bg .flow-curve {
        margin-top: 50px;
    }

    .font-30-mob {
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .desktop-xsi-btn {
        margin-top: 100px;
    }
}

@media (max-width:767px) {
    .system-integration-card .col-3.text-center {
        padding: 0 5px;
    }

    .Centralized-Data-Storage h4 {
        line-height: 40px;
        margin-bottom: 20px;
    }

    .navigation-bar .navbar-brand img {
        width: 160px;
    }

    .navigation-bar .navbar {
        padding: 10px 15px 5px 20px !important;
    }

    .our-team h4 {
        line-height: 35px;
    }

    .digital-evolution .partner-header {
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 0 50px;
        margin-bottom: 45px;
    }


    /*
    .faq-toggle-card {
        width: 100%;
    }*/

    .faq-seclect-tab .faq-toggle-card {
        padding: 15px;
    }

    .text-img {
        max-width: 230px !important;
    }

    .Integrated-Products h4, .system-data h3, .important-integration-title, .key-features-title-mob, .Simplified-Integration-title,
    .cross-system-integrator h4, .Importance-of-Integration h3, .importance-integration h4, .devops h4, .Ecosystem-Partner-Environment h3,
    .application-header h4, .Other-Related-Positions h4 {
        line-height: 39px !important;
    }

    .heading1 h2, .digital-evolution h4, .Security-Integration-Made-Easy h3 {
        line-height: 35px !important;
    }

    .Advanced-Capabilities {
        padding: 30px 0px !important;
    }

    .XSM-User-Experience table tr td {
        line-height: 24px;
    }

    .file_names {
        display: block;
        position: relative;
        color: #343C51;
        left: 0;
        bottom: -25%;
        font-size: 16px;
        font-weight: 500;
        right: 39%;
        text-align: center;
    }


    .font-30-mob {
        font-size: 30px !important;
        line-height: 39px !important;
    }
}

@media (min-width:760px) and (max-width:1200px) {
    label[for="et_pb_contact_brand_file_request_0"] {
        width: 30%;
    }
    label[for="et_pb_contact_brand_file_request_1"] {
        width: 30%;
    }
    /*#map-1 {
        display: none;
    }

    #map-2 {
        display: block;
        width: auto;
    }*/
    .map-mobile {
        margin: 20px auto;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .single-team {
        background: #FFFFFF;
        box-shadow: 0px 4px 14px 8px rgb(0 0 0 / 25%);
        padding: 15px 60px;
        height: 480px;
        margin: 0 20px;
    }

    .team-carousel .owl-prev {
        left: -5% !important;
    }

    .team-carousel .owl-next {
        right: -5%;
    }

    .tab-link .faq-toggle-card {
        width: 100%;
    }

    .faq-toggle-card img {
        width: 25%;
    }

    .tab-link .faq-toggle-card a {
        width: 60%;
        position: absolute;
    }


    .faq-toggle-card {
        height: 91px;
    }

    .Centralized-card {
        height: 480px;
    }

    .system-data a img {
        width: 100%;
    }

    .integration-card {
        width: 350px;
        margin: 45px auto;
    }

    .integration-card {
        background: #FFFFFF;
        box-shadow: 0px 20px 40px rgb(0 0 0 / 10%);
        border-radius: 28px;
    }

    .col-new-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .gmap_canvas {
        transform: translateX(-20px);
    }
}

@media (min-width:1201px) and (max-width:1400px) {
    .single-team {
        background: #FFFFFF;
        box-shadow: 0px 4px 14px 8px rgb(0 0 0 / 25%);
        padding: 15px 60px;
        height: 480px;
        margin: 0 20px;
        width: 1070px;
    }

    .team-carousel .owl-prev {
        left: -4% !important;
    }

    .team-carousel .owl-next {
        right: -4%;
    }
}

@media (max-width:390px) {
    .XSM-Key-card {
        height: 10rem;
    }
}

@media (max-width:320px) {
    .integration-card {
        padding-left: 20px;
    }

    .our-vision-card {
        height: 565px;
    }

        .our-vision-card p {
            font-size: 16px;
        }
}

@media (max-width:375px) {
    .our-vision-card {
        height: 565px;
    }

    .new_member_box .font-15 {
        font-size: 10px !important;
    }
    /*27*/
    .system-integration-card h6 {
        font-size: 12px;
        line-height: 24px;
    }
}

@media (max-width:425px) {
    .banner-text-img {
        margin-bottom: 5px;
    }

    .footer ul li a {
        font-size: 12px !important;
    }

    .brand-carousel .owl-item img {
        padding: 0px 5px;
    }
}

@media (max-width:1700px) {
    .bg-element-2::before {
        display: none;
    }
}

@media (max-width:767px) and (min-width:500px) {
    .faq-toggle-card {
        width: 61%;
    }
}

@media (max-width:499px) {
    .faq-toggle-card {
        width: 100%;
    }
}

@media (max-width:330px) {
    .faq-seclect-tab .faq-toggle-card a {
        position: absolute;
    }
}

@media (max-width:767px) and (min-width:426px) {

    .brand-carousel .owl-item img {
        padding: 0px 10px;
    }
}

@media (max-width: 1200px) {
    .resources-all-content .main-box .content-slide .owl-next {
        width: 56px;
        height: 56px;
        background-size: 30px;
        right: 0;
    }

    .resources-all-content .main-box .content-slide .item {
        width: 200px;
    }

    .resources-all-content .main-box .content-slide .hero-img-main {
        height: 200px;
    }

    .resources-all-content .main-box .content-slide .hero-img {
        width: 186px;
        height: 148px;
    }

    .resource_announcement .hero-section {
        width: 100%;
        height: 432px;
        position: relative;
        margin-bottom: 40px;
    }

        .resource_announcement .hero-section img {
            position: absolute;
            /* width: 500px; */
            /* height: 310px; */
            top: 100px;
            right: 0;
        }

    .documentation_content .hero-items .bg {
        position: absolute;
        width: 150px;
        height: 220px;
        background: #EEF2F4;
        right: 0;
    }

    .documentation_content .hero-items {
        position: relative;
        width: 200px;
        height: 220px;
    }

        .documentation_content .hero-items .bg-empty {
            position: absolute;
            width: 200px;
            height: 220px;
            background: #EEF2F4;
        }

    .documentation_details .bg {
        position: absolute;
        width: 350px;
        height: 541px;
        background: #EEF2F4;
        right: 0;
    }

    .documentation_details {
        width: 400px;
        height: 540px;
        margin-bottom: 40px;
        position: relative;
    }
}

@media (max-width: 799px) {
    .resources-all-content .main-box .content-slide .item {
        width: 100%;
    }

    .resources-all-content .main-box .content-slide .hero-img {
        width: 260px;
        height: 190px;
        position: absolute;
        right: 0;
    }

    .resources-all-content .main-box .content-slide .hero-img-main {
        height: 250px;
    }

    .documentation_details {
        width: 330px;
        height: 480px;
        margin-bottom: 40px;
        position: relative;
    }

        .documentation_details .bg {
            position: absolute;
            width: 290px;
            height: 470px;
            background: #EEF2F4;
            right: 0;
        }

        .documentation_details .images {
            position: absolute;
            width: 306px;
            height: 410px;
            top: 35px;
            /* right: 165px; */
        }

    .resources-all-content .main-box .content-slide .hero-img img {
        width: 100%;
    }
}