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

    .nav-button {
        margin-left: 0px;
    }


    /* ......................................................................carrer ................................................................................*/
    .carrer-o-img {
        height: 50%;
    }

    .teamcore-row {
        gap: 20px;
    }

    .join-team {
        font-size: 10px;
        line-height: 10px;
    }

    /* ............................................................................................contect...................................................................... */
    .submit-button {
        margin: 0 0 0 0;

    }

    .map-img-section {
        height: auto;
    }

    /*....................................................................................... csr........................................................................ */
    .csr-com-img {
        width: 60%;
    }

    .csr-c-info {
        margin-top: 80px;
    }

    .card-img {
        height: auto;
    }

    .card-info-h5 {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 5px;
        text-align: center;
        min-width: 200px;
    }


    .csr-card-info-p {
        font-size: 12px;
        line-height: 21px;
        min-width: 200px;

    }

    .csr-card-info-c2 {
        padding: 25px 40px 16px 40px;
    }

    /* ..........................................................................................index ............................................................................*/
    .herro-section {
        width: 100%;
        height: 40vh;
        position: relative;
        margin-top: 84px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .home-video {
        z-index: -1;
        position: absolute;
        width: 100%;
        top: auto;

    }

    .herro-info {
        top: 0%;
        left: 0%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;

    }

    .herro-h1 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .herro-h3 {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 50px;
    }

    .idx-scroll {
        bottom: 15%;
    }

    .inx-scroll-img {
        height: 15px;
        width: 15px;
    }

    .indx-scroll-h5 {
        font-size: 15px;
    }

    .nav-menu .nav-link {
        color: #1E1E1E;

    }

    .indx-header {
        background-color: var(--white);
    }

    .about-h2 {
        max-width: 100%;
    }

    .about-p {
        max-width: 100%;
    }

    :root {
        --duration: 16s;
        --totalitems: 8;
        --slide-gap: 20px;
        --slide-width: 100px;

        --animation-duration: 20s;

    }

    .is-img-div {
        height: 100px;
        width: 100px;
        border-radius: 12px;
    }

    .is-img {
        width: 75px;
    }

    .client-P {
        max-width: 100%;
    }

    .fix-button {
        left: 89.2%;
    }

    .product-h2 {
        max-width: 100%;
    }

    .contect-maindiv {
        background-position-x: right;
    }

    .f-ul li a {
        text-decoration: none;
        color: #ffffff;
        font-family: "Noto Sans", sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
    }

    .index-contact-info {
        padding: 50px 0 50px 50px;
    }

    .fC2-h6 {
        padding: 64px 0px 0 16px;
    }

    /* ....................................................................................besopke-engineering.............................................................................. */

    .bes-e-herro-section {
        height: 22vh;
    }

    .bes-a-info2 {
        padding: 5.5px 17.5px;
    }

    .bes-contact-info {
        padding: 25px 50px;
    }

    .bes-herro-info {
        position: absolute;
        top: 20%;
        left: 12.5%;
        z-index: 2;
        text-align: left;
    }

    .bes-contect-maindiv {
        background-position: right;
    }

    /*............................................................................... Integrated Engineering................................................................................*/
    .ie-o-img {
        max-width: 70%;
        height: 100%;
    }

    .ie-overview-section {
        padding-bottom: 100px;
    }

    .im-cap-img {
        height: 91%;
        width: 65%;
        border-radius: 24px;
    }

    .ie-o-p {
        max-width: 100%;
    }

    /*............................................................................... quality-assurance................................................................................*/
    .qa-o-img {
        width: 65%;
        height: auto;
    }

    .qa-i-img {
        height: 170px;
        border-radius: 12px;
    }

    .qa-oe-col2 {
        margin-top: 20px;
    }

    /* ..............................................................................................oem............................................................................... */
    .oem-ve-img {
        height: 160px;
    }

    .oem-vehicle-r {
        display: flex;
        flex-direction: column-reverse;
        padding: 50px 0;
    }

    .oem-s-info {
        margin-top: 50px;
    }

    /* ........................................................................................sustanibility.......................................................................... */
    .green-overview-section {
        padding-bottom: 50px;
    }

    .ie-o-h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .ie-o-p {
        font-size: 13px;
    }

    .img-fluid2 {
        height: 50%;
        margin-top: 40%;

    }

    .green-path-p2 {
        padding: 22px 24px 59px 24px;
    }

    .gt-o-img2 {
        width: 100%;
        height: 60%;
        margin-top: 20%;
    }

    /* .........................................................................................................events................................................................... */
    .card-body-event-ec2 {
        padding: 20px 20px 68px 20px;
    }

    /*................................................................................................ after-market..................................................................... */

    .am-icon-main-div {
        display: grid;
        grid-template-rows: 192px 192px;
        grid-template-columns: 272px 272px;
        gap: 38px;
    }

    .af-about-img {
        margin: 0;
    }

    .af-about-info {
        margin-top: 50px;
    }

    .slider-am-section .slick-dotted.slick-slider {
        margin-left: -40px;
    }

    .slider-am-section .slick-prev {
        left: 0px;
        background: none;
        height: 0px;
        width: 0px;
    }

    .slider-am-section .slick-next {
        right: 0px;
        background: none;
        height: 0px;
        width: 0px;
    }

    .am-icon-main-col {
        display: flex;
        justify-content: center;
    }

}




/* @media (min-width: 1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1660px;
        padding: 0;
    }
} */

/* Laptop & normal desktop */
/* @media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
} */

/* Large desktop only */
/* @media (min-width: 1680px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1660px;
    }
} */



/* ................................................................................................................................................................. */
/*......................................................................... laptop-screen................................................................... */
/* ................................................................................................................................................................. */


@media only screen and (max-width:1440px) and (min-width: 961px) {

    /* .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
        padding: 0;
    } */

    /*...................................................................... bespoke-e.................................................................................... */

    .bes-e-herro-section {
        height: 55vh;
    }

    .bes-contact-info {
        padding: 50px 0 50px 84px;
    }

    .bes-herro-info {
        position: absolute;
        top: 35%;
        left: 8.5%;
        text-align: start;
        z-index: 2;
    }

    /* ...................................................................................csr.............................................................. */
    .csr-i-h5 {
        text-align: center;
    }

    .csr-com-img {
        width: 100%;
        height: 100%;
    }

    .csr-card-info {
        padding: 22px 39px;
    }

    /*............................................................................................. index ...................................................*/

    /* .herro-section {
        height: 105vh;
    } */

    .index-contact-info {
        padding: 50px 0 64px 50px;
    }

    .fC2-h6 {
        padding: 64px 0px 0 16px;
    }

    .herro-info {
        top: 35%;
    }

    .fix-button {
        left: 93%;
    }

    .indx-scroll-h5 {
        font-size: 9px;
    }

    .inx-scroll-img {
        height: 11px;
        width: 11px;
        rotate: 90deg;
    }


    .contect-maindiv {
        background-position-x: right;
    }

    .idx-scroll {
        bottom: 0;
        /* left: 7%; */
    }

    .client-section {
        background-color: #F5F5F5;
        background-image: url("../images/ani-ali-bg.png");
        /* background-image: url("/images/ani-ali-bg.png"); */
        background-repeat: no-repeat;
        background-position-x: 38rem;
        background-position-y: 11rem;
        background-size: 980px;
    }




    /* ..................................................................................crr .................................................*/

    .crr-o-p {
        max-width: 650px;
    }

    .carrer-o-img {
        width: auto;
        height: auto;
    }


    /*............................................................................. contact .....................................................*/
    .submit-button {
        margin: 0px 0 57px 71%;
    }

    /* integrated-Engineering */
    .cap-col-div3 {
        padding-left: 24px;
    }

    .im-cap-img {
        height: 100%;
        border-radius: 24px;
        width: 120%;
    }

    .im-cap-p3 {
        max-width: 100%;
    }

    /*................................................................................................ oem............................................. */
    .oem-ve-img {
        height: 170px;
    }

    .oem-solutin-img {
        width: 100%;
        height: auto;
    }

    .oem-s-p {
        max-width: 588px;
    }

    .slider-container {
        width: 83%;
    }

    /*..................................................................................... quality-ass ..........................................*/

    .qa-e-info {
        padding: 40.1px 0;
    }

    .qa-o-img {
        width: 100%;
        height: 100%;
    }

    /* ...............................................................................sustainability................................................ */
    .sus-f-col {
        padding: 0;
    }

    .img-fluid2 {
        width: 100%;
        height: 100%;
    }

    .ie-o-info {
        padding: 0;
    }

    /*.................................................................................. after-market .................................................*/

    .am-icon-main-div {
        gap: 2.5%;
    }

    .af-about-info {
        margin-left: 50px;
    }

    .af-about-img {
        height: 100%;
        width: 100%;
    }

    /* header.indx-header.scrolled#sticky-nvabar {
        margin-top: 26px;
    } */


}



/* ................................................................................................................................................................. */
/*......................................................................... dimension................................................................... */
/* ................................................................................................................................................................. */

@media only screen and (max-width:1190px) and (min-width: 961px) {

    /* index */
    .nav-item a {
        font-size: 13px;
    }

    .nav-button {
        font-size: 13px;
    }

    /* .herro-section {
        height: 54vh;
    } */

    .herro-info {
        top: 40%;
    }

    .herro-h1 {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 20px;
        max-width: 360px;
    }

    .herro-h3 {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 32px;
    }

    .herro-button1 {
        font-size: 13px;
    }

    :root {
        --duration: 16s;
        --totalitems: 12;
        --slide-width: 160px;
        --slide-gap: 40px;
        --slide-width: 120px;
        --slide-gap: 40px;
        --animation-duration: 16s;

    }

    .is-img-div {
        height: 95px;
        width: 85px;
        border-radius: 12px;
    }

    .is-img {
        width: 75px;
    }

    .indx-scroll-h5 {
        font-size: 9px;
    }

    .inx-scroll-img {
        height: 11px;
        width: 11px;
        rotate: 90deg;
    }

    .idx-scroll {
        bottom: 4%;
        left: 2%;
    }

    /* bespoke-e*/
    .bes-e-herro-section {
        height: 49vh;
    }

    .bes-a-info2 {
        padding: 25px;
    }

    .bes-contect-maindiv {
        background-position: right;
    }

    /* integrated-m */
    .im-cap-img {
        height: 60%;
        width: 100%;
        border-radius: 24px;
    }

    /* quality-ass */
    .qa-i-img {
        height: 218px;
    }

    .qa-o-img {
        width: 100%;
        height: auto;
    }

    .qa-oe-col {
        padding: 24px 8px 24px 24px;
    }

    /* sustainability */
    .green-path-p2-l {
        padding: 22px 24px 1px 24px;
    }

    .gt-o-img2 {
        border-radius: 29px;
        width: 100%, ;
        height: 65%;
    }

    .img-fluid2 {
        width: 100%;
        height: 70%;
    }

    /* blogs */
    .card-body-event-lap {
        padding: 20px 20px 17px 20px
    }

    /* carrer */
    .carrer-o-img {
        height: auto;
        width: 100%;

    }

    .solve-real-lap {
        padding: 18px 52px 44px 32px
    }

    /* contact */
    .submit-button {
        margin: 0px 0 57px 63%;
    }

    /* csr */
    .card-img {
        height: auto;
    }

    .card-info-h5 {
        text-align: center;
        margin-bottom: 5px;
        font-size: 17px;
        line-height: 27px;
    }

    .csr-card-info-p {
        font-size: 10px;
        line-height: 20px;
    }

    .csr-i-h5 {
        text-align: center;
    }

    .csr-com-img {
        width: 100%;
        height: 70%;
    }

    .csr-i-img {
        height: 32px;
        margin-bottom: 12px;
    }

    .csr-i-h4 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .csr-i-h5 {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 0;
    }

    /* event */
    .card-body-event-ec2 {
        padding: 20px 20px 65px 20px;
    }
}