@media only screen and (max-width:1366px) {
    .spacer {
        height: 150px;
    }

    .spacer-inner {
        height: 90px;
    }

    .aboutbanner {
        height: 1330px;
    }

    .banner-info .title, h1 {
        font-size: var(--font3xl);
        line-height: var(--font3xllh);
    }

    .image-info-block .leftimg .info-box {
        margin-left: 72px;
    }

    .image-info-block .rightimg .info-box {
        margin-right: 72px;
    }

    .image-info-block h3 {
        font-size: var(--fontxl);
        line-height: var(--fontxllh);
    }

    .work-carousel h2 {
        font-size: var(--font3xl);
        line-height: var(--font3xllh);
    }

    .full-banner h2 {
        font-size: var(--font3xl);
    }

    .center-graphic .container,
    .tractor-graphic .container {
        background-size: 60%;
    }

    .pagehead p {
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
    }

    .mb-80 {
        margin-bottom: 60px;
    }

    .newsinfo {
        margin-left: 107px;
    }

        .newsinfo .my-50 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

    .leadership .card-img-top {
        height: 410px;
        object-fit: cover;
        object-position: top;
    }

    .fullbio {
        padding: 30px 22px;
    }

        .fullbio h5 {
            margin-bottom: 30px;
        }

        .fullbio p {
            font-size: var(--fontsm);
            line-height: var(--fontsmlh);
        }
    /*Timeline Start*/
    .mainSwiper .swiper-slide .kjititle {
        font-size: 40px;
    }

    .mainSwiper .swiper-slide .timeline-text {
        font-size: 20px;
    }

    .leadershiptitle {
        padding-top: 0;
    }
    /*Timeline End*/
    .carousel-wrap .owlcarousel .owl-item .carousel-info {
        max-width: 90%;
    }
}

@media only screen and (max-width:1200px) {
    .navbar .navbar-brand, .search-wrap .search-btn {
        margin-right: 30px;
    }

    .carousel-wrap .owl-nav .owl-prev {
        left: 20px;
    }

    .carousel-wrap .owl-nav .owl-next {
        right: 20px;
    }

    .partner-logos {
        justify-content: start;
    }

    .full-banner.about .info {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .full-banner.about .whitebox .info {
        height: auto;
    }

    .full-banner.about .seedbox img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .full-banner.about .wrapper {
        flex-direction: column;
        align-items: center !important;
    }

    .full-banner.about .textanimate {
        margin-top: 117px;
        order: 2;
        margin-right: 0;
    }

    .full-banner.about .imganimate {
        margin-top: 45px;
        order: 1;
    }

    .four-cards .card-img-top {
        height: 460px;
    }

    .carousel-wrap .owlcarousel .owl-item .carousel-info {
        max-width: 100%;
    }
}

@media only screen and (max-width:991px) {
    /*Navigation*/
    .header .container {
        padding: 0 20px;
    }

    .search-wrap {
        display: none;
    }

    .header-right {
        justify-content: space-between;
    }

    .navbar .container-fluid {
        padding: 0;
        position: static;
    }

    .navbar {
        position: static;
    }

        .navbar .navbar-collapse {
            background-color: var(--colorPageBg);
            position: absolute;
            left: 100%;
            top: 0;
            width: 100%;
            z-index: 5;
            height: 100vh !important;
            overflow-y: auto;
            transition: all 0.4s ease;
            opacity: 0;
        }

    .navbar-collapse.collapsing {
        height: auto !important;
        margin-left: 50%;
        left: 50%;
        transition: all 0.2s ease;
    }

    .navbar-collapse.show {
        left: 0;
        opacity: 1;
    }

    .header .container {
        position: static;
    }

    .navbar .navbar-collapse .navbar-nav .nav-link,
    .navbar .navbar-collapse .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu .dropdown-item {
        font-family: var(--headerfont);
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
        font-weight: 400;
        color: var(--colorJnfBlue);
        margin-bottom: 60px;
        text-align: center;
        height: auto;
        width: 100%;
        display: block;
        padding: 0 1rem !important;
        border-radius: 0;
    }

    .mob-menu-close {
        padding: 32px;
        text-align: right;
    }

        .mob-menu-close img {
            width: 22px;
            height: auto;
        }

    .navbar .navbar-collapse .navbar-nav .nav-link.dropdown-toggle {
        display: none;
    }

        .navbar .navbar-collapse .navbar-nav .nav-link.dropdown-toggle + .dropdown-menu {
            display: block;
            background-color: transparent;
            border: 0;
            box-shadow: none;
            transform: unset !important;
            padding: 0;
            width: 100%;
        }

    .container {
        padding: 0 20px;
    }

    .spacer {
        height: 90px;
    }

    .banner-info .title, h1 {
        font-size: var(--font2xl);
        line-height: var(--font2xllh);
        margin: 0 0 1rem 0;
    }

    .banner-info .subtitle {
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
    }

    .image-info-block .info-box {
        padding-top: 0;
    }

    .image-info-block h3 {
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
    }

    .full-banner {
        height: 800px;
    }

        .full-banner h2, .work-carousel h2 {
            font-size: var(--font2xl);
            line-height: var(--font2xllh);
        }

        .full-banner .text-box {
            text-align: center;
            padding: 0 20px;
        }

    .center-graphic h3 {
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
    }

    .image-info-block .rightimg .info-box,
    .image-info-block .leftimg .info-box {
        order: 1;
        padding-top: 0;
        position: static;
        width: 100%;
    }

    .image-info-block .rightimg .image-box,
    .image-info-block .leftimg .image-box {
        order: 2;
        position: static;
        margin: 50px 0 0 0;
        width: 100%;
    }

    .image-info-block .leftimg .info-box {
        margin-left: 0;
    }

    .image-info-block .rightimg .info-box {
        margin-right: 0;
    }

    .contact-head h3 {
        font-size: var(--fontxl);
        line-height: var(--fontxllh);
    }

    .contact-head .contact-detail {
        margin-top: 66px;
    }

    .contactus-form {
        text-align: center;
    }

        .contactus-form .mb-71 {
            margin-bottom: 40px;
        }

    .newsinfo {
        margin-left: 0;
    }

        .newsinfo .my-50 {
            margin-top: 30px;
            margin-bottom: 30px;
        }

    .tractor-graphic {
        background-size: 100%;
        padding-bottom: 30% !important;
        background-position-x: calc(100% + 50px);
    }

    .girl-graphic {
        display: none;
    }

    .leadershiptitle .title {
        margin-bottom: 67px;
        font-size: var(--font2xl);
        line-height: var(--font2xllh);
    }

    .full-banner .text-box .text .desc {
        max-width: 100%;
    }
    /*Timeline*/
    .thumbSwiper {
        display: block;
    }

    .mainSwiper {
        height: auto;
    }

        .mainSwiper .swiper-pagination {
            display: none;
        }

        .mainSwiper .swiper-slide .timeline-title {
            padding-left: 0;
        }

            .mainSwiper .swiper-slide .timeline-title:before {
                display: none;
            }

        .mainSwiper .swiper-container {
            height: auto;
        }

        .mainSwiper .swiper-slide .kjititle {
            display: none;
        }

        .mainSwiper .swiper-slide .timeline-title,
        .mainSwiper .swiper-slide .timeline-text {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }

        .mainSwiper .swiper-slide-image {
            width: 100%;
        }

            .mainSwiper .swiper-slide-image img {
                width: 100%;
                height: auto;
                border-radius: 10px;
            }

        .mainSwiper .swiper-slide {
            margin-top: 1rem;
        }

        .mainSwiper .swiper-slide-content {
            max-width: 100%;
            width: 85%;
        }

        .mainSwiper .slidewrap {
            display: flex;
            justify-content: center;
            height: auto;
            align-items: start;
            flex-direction: column;
        }

    .newsimg {
        height: 213.85px;
    }

    .four-cards .card-img-top {
        height: 250px;
    }

    .popupvideomodal .modal-dialog {
        max-width: 90% !important;
    }

    .popupvideomodal iframe {
        height: 600px;
    }
}

@media only screen and (max-width:767px) {
    .banner-container {
        height: 800px;
    }

        .banner-container .banner-info {
            justify-content: start;
            padding: 150px 10px 20px 10px;
            height: 100%;
        }

    .aboutbanner .banner-info .info {
        top: 0;
        padding: 100px 20px 100px 20px;
    }

    .navbar .navbar-brand img {
        width: 50px;
        height: auto;
    }

    .center-graphic .container,
    .tractor-graphic .container {
        background-size: 100%;
    }

    .pageinfotitle {
        margin: 0;
    }

    .infotitle {
        display: flex;
        flex-direction: column;
        margin-bottom: 50px;
    }

        .infotitle:before {
            content: "";
            background-color: var(--colorSuccess);
            margin: 0 auto 13px auto;
            height: 2px;
            width: 20px;
            text-align: center;
        }

    footer, .contact-form {
        text-align: center;
    }

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

    .pagehead .pagedesc {
        max-width: 100%;
    }

    .partner-box {
        text-align: center;
    }

    .roof-graphic {
        margin-top: 41px;
    }

    .partner-box {
        margin-bottom: 90px;
        padding-bottom: 50px;
    }

    .full-banner.about .whitebox {
        padding: 25px 16px;
        font-size: var(--fontsm);
        line-height: var(--fontsmlh);
    }

    .fontH3 {
        font-size: var(--fontlg);
        line-height: var(--fontlglh);
    }

    .fullbio p {
        font-size: var(--fontxs);
        line-height: var(--fontxslh);
    }

    .leadership .mb-80 {
        margin-bottom: 25px;
    }

    .leadership .card-img-top {
        height: auto;
    }

    /* Bug-47142 */
    .pageimg img {
        object-position: left;
        height: 800px;
    }

    .object-left {
        object-position: left !important;
    }

    .object-right {
        object-position: right !important;
    }

    .object-center {
        object-position: center !important;
    }

    /* Bug-47182 */
    .banner-info .title br {
        display: none;
    }
}

@media only screen and (max-width:576px) {
    .carousel-wrap .owlcarousel .carousel-info .title {
        color: var(--colorJnfBlue);
    }

    .carousel-wrap .owlcarousel .carousel-image img {
        height: 280px;
    }

    .carousel-wrap .owlcarousel .carousel-info-wrapper {
        position: static;
        background: transparent;
    }

    .carousel-wrap .owlcarousel .carousel-info {
        position: static;
        padding: 0;
        color: var(--colorJnfBlue) !important;
        margin-top: 30px;
        opacity: 1;
    }

    .full-banner.about .whitebox,
    .full-banner.about .imganimate {
        width: 100%;
    }

    .partner-logos img {
        margin-right: 18px;
        max-width: 86px;
    }
}