@media (min-width:1920px) {
    section.home_who_we_are blockquote {
        width: 90%;
        margin: auto;
    }
}
@media (min-width:1499px) {
    .offering-tabs h3 {
        font-size: 24px;
    }

    .offering-tabs p {
        font-size: 16px;
    }

    .h-box1 {
        width: 260px;
        margin-right: 0;
    }

    .whoe_we2 {
        margin-left: -260px;
    }

    .h-box2 {
        width: 426px;
    }

    .h-box2 h3 {
        font-size: 24px;
    }

    .abt_item1 h4 {
        font-size: 120px;
        line-height: 110px;
    }

    .h-box2 p {
        margin-bottom: 35px;
        font-size: 16px;
    }

    .h-box2 ul li {
        margin-right: 67px;
    }

    .abt_item1 p {
        font-size: 21px;
    }

    .title_head {
        font-size: var(--font22);
    }

    blockquote {
        font-size: var(--font38);
    }


    .link_section a {
        font-size: 16px;
    }

    .who-we_panel1 h1 {
        font-size: var(--font42);
        line-height: 48px;
    }

    .product_panel h3 {
        font-size: var(--font28);
    }

    .text-box1 h3 {
        font-size: 24px;
    }

    .we-care-box1 h2 {
        font-size: 38px;
    }

    .we-care-box1 p {
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 24px;
    }

    .we_text_box2 p,
    .we_text_box1_text p {
        font-size: 22px;
        line-height: 24px;
    }

    .we-care-box1 {
        padding: 104px 59px 103px;
    }

    .who-we_panel1 a.explore-more2 {
        color: #D06060;
    }


}

@media (max-width:1366px) {
    .innovate-container .title_head h4{
        font-size: 48px;
    }
    .home-Our-Offerings .title_head h4 {
        font-size: 59px;
    }
    .innovation-project .title_head h4{font-size: 50px;}
}
@media (max-width:1199px){

    section.home_who_we_are h1{font-size: 45px;}
    .innovation-project .title_head h4{font-size: 45px;}
    .innovate-container .title_head h4{font-size: 45px;}
    .home-Our-Offerings .title_head h4{font-size: 45px;}

    
    

    
}
@media (max-width:991px){

    .innovation-project .title_head .innvate-text1 p{width: 64%;}
    .padding-offer_left{padding-left: 0;}
    .mecklear_lastvideo h6{font-size: 21px;}
    .innovation-project .title_head h4{font-size: 30px;}
    .innovate-container .title_head h4{font-size: 30px;}
    .home-Our-Offerings .title_head h4{font-size: 30px;}
    .innovation-project .title_head h2{font-size: 20px;}
    .offering-tabs .tab-content.accordion .accordion-item .accordion-header  .accordion-button{flex-wrap: wrap;     display: grid;}
 

    
}


@media (max-width:990px) {
    .home_people .title_head h4{font-size: 30px;}
    .home_sustainbility .title_head h4{font-size: 30px;}
    .innovation-project .title_head .innvate-text1 p{width: 100%;}
    .innvate-text1 p {
        font-size: 13px;
    }

    .offering-tabs .accordion-button {
        flex-wrap: wrap;
        background: #fff;
        border: 0px;
        border-radius: 0px;
        padding: 0px 50px 0px 0;
    }

    .offering-tabs .tab-content.accordion {
        width: 100%;
        display: inline-block;
        border: 0px;
    }

    .offering-tabs .accordion-button::after {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .plus_project h3:after {
        content: "";
        width: 50px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .item_name p br {
        display: none;
    }

    .banner-img:after {
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(356deg, #000000BD 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        position: absolute;
        bottom: 0;
        z-index: 1;
        content: "";
        opacity: 0.6;
    }

    .home_our_product2 {
        margin-top: 15px;
    }

    .our_section ul li a:hover,
    .link_section {
        color: #000;
    }

    .reveal {
        visibility: visible;
    }

    .product_panel .image2,
    .our-capable-box .image,
    .we_text_box1 .image,
    .we-care-box2 .image {
        opacity: 1;
    }

    .our_section ul li a {
        color: #000;
        border-color: #00000038;
    }

    .we_text_box2 {
        position: absolute;
        bottom: 0;
        padding: 20px 28px 20px;
        width: 100%;
        color: #fff;
        z-index: 2;
    }

    .our_section ul li b {
        color: #000;
    }

    .who-we_panel1 a.explore-more2 {
        color: #D06060;
    }

    section.home_who_we_are h1 {
        font-size: 30px;
        padding: 0 38px 0;
        margin-bottom: 15px;
    }

    .home_banner .item:after,
    header:before {
        display: none;
    }

    .viewport {
        margin: 0px auto;
        position: static;
    }

    blockquote {
        font-size: var(--font26);
        color: #000;
        line-height: 30px;
    }

    .product_panel picture img {
        width: 100%;
    }

    .banner-img {
        position: relative;
        height: 100%;
    }

    .prduct_head a.explore-more2 {
        position: static;
    }

    .prduct_head {
        margin-left: 0;
        position: relative;
    }

    .item_detail {
        margin: auto;
        z-index: 2;
        text-align: center;
        padding: 35px 0px;
        top: inherit;
        bottom: 120px;
        height: auto;
    }

    .item_detail h2 {
        color: #fff;
        font-size: 38px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    section.home_banner .owl-dots {
        width: auto;
        text-align: center;
        left: 0;
        bottom: 13%;
    }

    .item_name h2 br {
        display: none;
    }

    .item_name {
        padding: 0 10px;
        margin-bottom: 0;
    }

    .item_name p {
        color: #fff;
        font-size: 20px;
        line-height: inherit;
        padding: 0px;
    }

    .link_section {
        width: 150px;
        display: flex;
        margin-top: 60px;
        align-items: center;
        justify-content: center;
        margin: auto;
    }

    .link_section a {
        color: #000;
        font-size: 14px;
    }

    .owl-item a.explore-more:after {
        width: 0px;
        height: 1px;
        background: #004770;
    }

    .a-color {
        color: #004770;
    }

    section.home_banner .owl-dots button.owl-dot span {
        background: #fff;
        height: 6px;
        width: 6px;
        display: inline-block;
        border-radius: 50%;
    }

    section.home_banner .owl-dots button.owl-dot.active span {
        display: inline-block;
        /* height: 24px; */
        /* display: block; */
        /* width:2px; */
        /* background: #004770; */
    }

    section.home_banner .owl-dots button.owl-dot {
        margin: 0 6px;
    }

    section.home_banner {
        margin-top: 0px;
        background: #fff;
        padding-bottom: 0px;
        height: auto;
    }

    section.home_who_we_are {
        padding: 30px 0;
    }

    .who-we_panel1 h1 {
        font-size: var(--font26);
        line-height: 34px;
    }

    .who-we_panel1 {
        padding: 50px 0 35px;
    }

    .whoe_we2 {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-left: 0;
    }

    .abt_item1 h4 {
        font-size: 62px;
        color: #D06060;
    }

    .h-box1 {
        width: 100%;
        margin-right: 0;
    }

    .h-box2 {
        width: 100%;
        padding-top: 30px;
        text-align: center;
        padding: 30px;
    }

    .h-box2 ul {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .h-box2 ul li {
        margin-right: 0;
    }

    .who-we_panel1 p br {
        display: none;
    }

    section.home_our_product {
        padding: 50px 20px;
    }

    .home_our_product blockquote br {
        display: none
    }

    .home_our_product2 .col-md-4 {
        padding: 0 0 10px;
    }

    section.our-capablitites {
        padding: 0px;
    }

    .text-box1 {
        z-index: 9;
        padding: 0 24px 25px;
        width: 100%;
    }

    .text-box1 h3 {
        color: #fff;
        font-size: 16px;
        margin-bottom: 10px;
        position: relative;
        z-index: 2;
        font-weight: normal;
    }

    .our-capable-box:after {
        content: "";
        width: 100%;
        height: 100%;
        background: transparent linear-gradient(180deg, #00000000 0%, #000000b5 100%) 0% 0% no-repeat padding-box;
        position: absolute;
        left: 0;
    }


    .our-capable-box a.explore-more2 {
        color: #fff;
    }

    .text-box1 p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: none;
        -webkit-line-clamp: 2;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        width: 100%;
    }

    .our-capable-box:hover .text-box1 p {
        display: -webkit-box;
    }

    .our-capable-box:hover .text-box1 {
        bottom: 0;
    }

    .col-6.col-md-6.current .text-box1 h3 {
        color: #000;
    }

    .col-6.col-md-6.current .text-box1 a {
        color: #0A78B7;
    }

    section.our-capablitites .row {
        padding: 0px;
    }

    section.home_our_people .image-container.image-one img {
        position: static;
        transform: inherit !important;
    }

    .our_section blockquote br {
        display: none;
    }

    section.our-capablitites h2.title_head {
        padding: 0 10px;
    }

    section.our-capablitites blockquote {
        padding: 0 10px;
    }

    .our_section {
        padding-left: 30px;
        padding-bottom: 30px;
    }

    section.home_our_people .container {
        align-items: inherit;
        margin-top: 50px;
        padding: 0 25px;
    }

    .our_section h2 {
        margin-bottom: 20px;
        font-size: 16px;
        color: #0f5176 !important;
    }

    .our_section blockquote {
        margin-bottom: 20px;
        color: #000;
    }

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

    section.home_our_people .image-container.image-one {
        padding-bottom: 0;
    }

    section.home-We-Care {
        padding: 15px 0;
    }

    .we-care-box1 {
        padding: 35px;
        margin-bottom: 0;
    }

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

    .we_text_box2 p br {
        display: none;
    }

    .we_text_box2 p {
        font-size: 16px;
    }

    section.home_who_we_are blockquote {
        padding: 0px;
        font-size: 18px;
    }

    .mobile-text {
        display: none;
    }

    section.home_who_we_are blockquote strong {
        font-weight: 600;
    }

    section.we-deliver-box {
        display: none;
    }

    .only-mobile {
        display: block;
    }

    section.home_product_list ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
    }

    section.home_product_list ul li {
        background: #087182;
        width: 50%;
        position: relative;
        height: 100%;
        text-align: center;
        padding: 20px;
        border-right: 1px solid #ffffff10;
        border-bottom: 1px solid #ffffff10;
    }

    section.home_product_list ul li img {
        width: auto;
        margin-bottom: 10px;
    }

    section.home_product_list ul li p {
        color: #fff;
        font-size: 13px;
        margin-bottom: 0px;
    }

    section.home-Our-Offerings .title_head h4 {
        display: none;
    }

    .offering-tabs .nav.nav-tabs {
        width: 100%;
        text-align: left;
        vertical-align: top;
        margin-right: 0;
        border: 0;
        display: none !important;
    }

    .offering-tabs .tab-content>.tab-pane {
        border-radius: 0px;
        border: 0px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ddd;
    }

    .offering-tabs .accordion-item {
        border: 0px;
    }

    .offering-tabs .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-icon);
        transform: var(--bs-accordion-btn-icon-transform);
    }

    section.home-Our-Offerings {
        padding-top: 40px;
        background: #fff;
        padding-bottom: 40px;
    }

    .title_head h2 {
        color: #000;
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 21px;
        text-align: center;
        padding: 0 20px;
    }

    .offering-tabs {
        padding: 0 10px;
    }

    .plus_project {
        width: 100%;
        background: #0077B5;
        padding: 45px 60px;
        position: static;
        top: 0;
        right: 0;
        text-align: center;
    }

    .innvate-text1 {
        padding-right: 0;
        position: relative;
        width: auto;
        display: block;
        text-align: center;
        margin-bottom: 40px;
        padding: 0 25px;
    }

    .title_head h4 {
        font-size: 30px;
        color: #0077B5;
        font-weight: bold;
        margin-bottom: 30px;
        text-align: center;
    }

    section.innovation-project {
        padding: 40px 0;
        background: #F8F8F8;
    }

    .innovate-container {
        display: flex;
        flex-direction: row-reverse;
        /* justify-content: flex-end; */
        justify-content: space-around;
        padding: 0;
        flex-wrap: wrap;
    }

    .plus_project2 {
        background: #FFDD00;
        margin-right: 0;
        padding: 45px 50px;
        width: 100%;
        position: relative;
        text-align: center;
    }

    .plus_project2 h3:after {
        left: 0px;
        right: 0px;
        margin: auto;
    }

    .innovate-font3 {
        margin-left: 0;
        padding-top: 30px;
        position: relative;
    }

    .innovate-font3 blockquote {
        font-weight: 300;
        font-size: 18px;
        padding-right: 0;
        line-height: 28px;
    }

    section.innovate_project2 {
        padding-bottom: 40px;
        padding-top: 20px;
    }

    .innovate-pic2 {
        margin-top: 30px;
        text-align: center;
    }

    .innovate-pic2 figure {
        height: 281px;
    }

    .innovate-pic2 figure img {
        height: 281px;
    }

    .innovate-font3:before {
        content: "";
        width: 10px;
        height: 73%;
        position: absolute;
        left: 33px;
        top: -163px;
        background: #FFB300;
    }

    section.home_csr {
        background: #fff;
        padding: 0;
    }

    .home_people {
        background: #fff;
        padding: 30px;
        text-align: center;
        order: 2;
    }

    section.home_csr .col-md-6 {
        display: flex;
        flex-wrap: wrap;
    }

    section.home_csr .col-md-6 figure {
        order: 1;
    }

    section.home_csr .col-md-6:nth-child(1) figure {
        height: auto;
        padding-top: 0px;
        overflow: hidden;
    }

    .home_sustainbility .title_head {
        position: absolute;
        top: 0;
        padding: 50px 30px;
        text-align: center;
    }

    .home_sustainbility .title_head h2 {
        color: #fff;
        font-size: 21px;
    }

    section.home_csr .col-md-6 {
        padding: 0px;
        overflow: hidden;
    }

    .innvate-text1 a.view_more {
        position: static;
    }

    section.home_csr .col-md-6:nth-child(2) {
        display: block;
    }

    /* 11-1-24 */



}





@media (min-width:2499px) {}

@media (max-width:767px){
	.innovate-pic2 figure{height: auto;}
    .innovate-font3::before{display: none;}
	.modelpup .mb-3 {
    margin-bottom: 5px !important;
}

button.btn.btn-primary.quick_connect_btn {
    top: 35% !important;
}


.modelpup .form-control {
    border-radius: 0;
    padding: 2px;
}




.navbar-brand img {
    max-width: 99px;
}



}