/*-----------------------contact-us-------------*/
@media (max-width: 1600px) {
    .verticals-art {
        width: 70%;
    }

    .cst-portfolio-item-thumb {
        height: 300px;
        width: auto;
    }

    .iob-logo img {
        width: 350px;
    }

    .menu-list li a {
        margin-right: 23px;
        font-size: 16px;
    }

    .menu-list li .sub-menu li a {
        font-size: 16px;
    }

    .menu-list li .sub-menu li .sub-subMenu a {
        font-size: 15px;
    }

}

@media (max-width: 1500px) {


    /* .iob-banner-cation {
        bottom: 53px;
    } */

    /* .iob-banner-cation h1 {
        max-width: 772px;
        font-size: 47px;
        font-size: 38px;
    } */

    .product-section .swiper-product-pagination {
        bottom: -25px;
    }

    .new-banner-caps h1 {
        font-size: 70px !important;
        max-width: 855px;
    }

    .section {
        padding: 75px 0;
    }

    .iob-verticals-wrapper {
        padding-bottom: 160px !important;
    }

    /* .iob-social-impact-wrapper {
        padding-top: 75px !important;
    } */

    .history_desc h3 {
        font-size: 32px;
        line-height: 42px;
    }

    /* .md-section {
        padding-top: 300px;
    } */

    .vl-press-container {
        min-height: 405px;
    }

    .vl-press-bottom {
        min-height: 130px;
    }

    .iob-sm-box-right {
        padding-left: 10px;
    }

    .iob-sm-list-left {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }

    .iob-sustain-slider img {
        margin-bottom: 15px;
        width: 63px;
    }

    .iob-nav-arrow-cont2 {
        bottom: 64px;
    }

    .iob-sustain-boxx {
        padding: 0 23px;
    }

    .iob-sustain-slider h3 {
        font-size: 22px;
    }

    p {
        font-size: 16px;
        line-height: 26px;
    }

    .iob-sm-box-right h3 {
        font-size: 25px;
    }

    .iob-sm-box-right h3 {
        margin-bottom: 0px;
    }

    .iob-sm-slider .slick-slide .iob-sm-list-left img {
        display: block;
        width: 45px;
    }

    .iob-sm-list-right {
        font-size: 16px;
    }

    .vl-press-title {
        font-size: 17px;
        line-height: 26px;
    }

    .iob-vertical-know-more p {
        font-size: 18px;
    }

    .iob-sm-slider {
        margin-bottom: 20px !important;
    }

    .iob-logo img {
        width: 305px;
    }

    .menu-list li a {
        margin-right: 17px;
        font-size: 14px;
    }

    .menu-list li .sub-menu li a {
        font-size: 15px;
    }
}

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

    .iob-sm-ss .iob-btn-play {
        width: 50px;
        height: 50px;
    }

    .khetra-ma {
        height: 258px;
    }
}

@media screen and (max-width: 1401px) {
    .cst-portfolio-ptb {
        padding-bottom: 150px !important;
    }
}

@media screen and (max-width: 1399px) {
    .campaign-news-card .reportSwiper-cont {
        padding: 0 15px !important;
    }

    .lower-div .readmore {
        margin-top: 0;
    }

    .cst-portfolio-item h3 a {
        font-size: 25px;
    }

    .cst-portfolio-item-thumb {
        height: 230px;
    }

    .cst-portfolio-item-thumb img {
        height: 230px;
        object-fit: cover;
    }




    .gram-nirman {
        right: 294px;
        top: -82px;
    }

    .social-impact-circle {
        height: 350px;
        width: 350px;
    }

    .circular-line {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 350px;
        height: 350px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .project-aarogya {
        right: -14px;
        top: 235px;
    }

    .project-swajal {
        left: -14px;
        top: 235px;
    }

    .sesa-football {
        left: -18px;
        top: 55px;
    }

    .sesa-technical {
        right: -18px;
        top: 55px;
    }

    .project-vriddhi {
        left: -37px;
        top: 165px;
    }

    .project-jeevika {
        right: -37px;
        top: 165px;
    }

    .project-swajal {
        left: 33px;
        top: 280px;
    }

    .project-aarogya {
        right: 16px;
        top: 280px;
    }

}

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

    .new-banner-caps h1 {
        font-size: 60px !important;
        max-width: 740px;
    }

    .iob-logo img {
        width: 280px;
    }

    .menu-list li a {
        margin-right: 15px;
        font-size: 14px;
    }

    .lang-item span {
        font-size: 12px;
    }

    .header-search-button span {
        font-size: 12px;
    }

    .menu-list li .sub-menu li .sub-subMenu a {
        font-size: 14px;
    }

    .sub-menu-div {
        top: 82px;
    }

    .sub-menu-left h4 {
        font-size: 30px;
    }

    .press-content-box h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .innerpage-banner {
        /* height: 440px; */
        width: 100%;
    }

    .innerpage-banner img {
        height: 370px;
        width: 100%;
    }

    .team-block-two .content {
        padding: 10px 20px;
    }

    .team-block-two h4 {
        font-size: 17px;
    }

    .team-block-two .designation {
        font-size: 14px;
        line-height: 17px;
        margin-top: 8px;
    }

    .sidebar-menu {
        padding: 33px 20px 25px;
    }

    .iob-sm-ss h3 {
        font-size: 18px;
    }

    .overlay-image::before {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        left: 0px;
        top: 50%;
        transform: translate(0, -40%);
        background-image: url(../images/news-media-bg.png);
        background-repeat: no-repeat;
        z-index: -1;
    }
}

@media (max-width: 1299px) {
    .iob-sm-ss .iob-btn-play {
        width: 40px;
        height: 40px;
    }

    .iob-logo img {
        width: 270px;
    }

    .menu-list li a {
        margin-right: 13px;
        font-size: 13px;
    }

    .iob-icon-play {
        border-width: 7px 0 7px 12px;
    }

    .iob-btn-play {
        width: 35px;
        height: 35px;
    }

    .iob-vertical-logo-box {
        height: 60px;
    }
}

@media screen and (max-width: 1280px) {
    .products-service .swiper-slide:nth-child(even) {
        margin-top: 0;
    }

    .services.products-service {
        min-height: 685px;
    }
}

@media screen and (max-width: 1199px) {
    .campaign-ad .view-news {
        padding: 14px 20px;
    }

    .campaign-ad .news-box-inner img {
        max-width: 165px;
    }

    .c-sidebar .section-he {
        padding: 20px 20px 20px 31px;
    }

    .product-section .section-header {
        grid-template-columns: 100%;
    }

    .aboutus-stat h3 {
        font-size: 40px;
    }

    .n-iob-banner-cation {
        left: 10%;
        bottom: 0;
        /* top: 50%; */
        transform: translateY(-50%);
    }



    .new-banner-caps h1 {
        font-size: 50px !important;
        max-width: 605px;
    }

    .banner-section {
        padding-top: 67px;
    }

    /*  .iob-sm-ss {
        width: 70%;
        padding: 15px 40px 15px 30px;
    }
 */
    /* .iob-sustain-slider h3 {
        font-size: 20px;
    } */

    .resp-key-focous {
        position: relative;
        height: 590px;
        float: left;
        padding-top: 85px;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }

    .gram-nirman {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    .social-impact-content {
        display: none;
    }

    .social-container {
        margin-top: 0px;
    }

    .social-impact-circle {
        height: 350px;
        width: 350px;
        padding: 30px;
        display: block;
        margin: 0 auto;
    }

    .circular-line {
        width: 350px;
        height: 350px;
    }

    .social-impact-content-responsive {
        position: relative;
        gap: 25px;
        padding-top: 30px;
        width: 75%;
        margin: 0 auto;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        justify-items: center;
    }


    .social-impact-content-responsive>div {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .social-impact-content-responsive>div .icon {
        width: 60px;
        height: 60px;
        background: white;
        border-radius: 50%;
        border: 2px solid #0063a8;
        padding: 12px;
        transition: all 0.3s ease;
    }

    .social-impact-content-responsive>div .icon img {
        width: 100%;
        height: 100%;
        transition: all 0.3s ease;
    }

    .social-impact-content-responsive .info-box-social-impact {
        width: auto;
        min-width: 270px;
    }

    .social-impact-content-responsive>div:hover .icon {
        transform: scale(1.1);
        border-color: #73bf44;
    }

    .social-impact-content-responsive .info-box-social-impact.box-7 {
        left: 50% !important;
        transform: translate(0%, -50%);
        top: 40px !important;
        position: relative;
    }

    .social-impact-content-responsive>div:hover .icon img {
        filter: brightness(0) saturate(100%) invert(65%) sepia(40%) saturate(500%) hue-rotate(60deg);
    }

    .social-container {
        display: block;
    }


    .iob-logo img {
        width: 230px;
    }

    .nav-menus {
        display: none !important;
    }

    .menu-icon {
        display: none;
    }

    .menu-list {
        display: none;
    }

    .iob-top-menu-part {
        margin-bottom: 0;
    }

    .header-content {
        align-items: center;
        height: 100%;
    }

    .header.navbar {
        padding: 20px 0;
    }

    .iob-logo {
        margin-top: 0px;
    }

    .responsive-hambuger-icon .menu-icon,
    .responsive-hambuger-icon {
        display: block;
    }

    .menu-icon-list {
        top: 0;
    }

    .responsive-hambuger-icon .menu-icon {
        margin-left: 5px;
    }

    .menu li a {
        padding: 15px 3px;
    }

    .con-add-wrap {
        padding: 25px 25px;
    }

    .contact-detail {
        padding: 33px 25px 50px;
    }

    .press-cover-image-box img {
        height: auto;
    }

    .content-section .press-content-box span.date {
        margin-top: 10px;
    }

    .sidebar-menu {
        margin-top: 20px;
    }

    .contact-action-bazar {
        font-size: 23px;
    }

    .history_desc h3 {
        font-size: 28px;
        line-height: 38px;
    }

    .history_img img {
        width: 320px;
    }

    .press-release-box-wrapper {
        padding-right: 10px;
    }

    .news-box-outer {
        padding-left: 0px;
    }

    .project-custom-list {
        padding-left: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .project-custom-list .list-row {
        margin-bottom: 0px;
    }

}

@media screen and (max-width: 1050px) {
    .responsive-menu {
        display: block;
    }

    .top-main-menu .menu-main-menu-top-horizontal-container {
        display: none;
    }

    .hidden-bar-opener {
        display: block;
    }

    .content-section {
        background-image: none;
    }


}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 991px) {
    .c-sidebar .section-he {
        padding: 20px 20px 20px 40px;
    }

    .campaign-ad .view-news {
        padding: 14px 35px;
    }

    .iob-sustain-slider img {
        width: 55px;
    }

    .iob-sustain-slider h3 {
        font-size: 20px;
    }

    .iob-sustain-boxx p {
        font-size: 15px;
        line-height: 22px;
        min-height: 110px;
    }

    .iob-sm-ss .iob-btn-play {
        width: 50px;
        height: 50px;
    }

    .l-md-section h3 {
        margin: 10px 0;
    }

    .main-md-content {
        margin-bottom: 120px;
    }

    .l-md-section p {
        margin-bottom: 15px;
    }

    .aboutus-section .section-heading {
        margin-bottom: 30px;
    }

    .aboutus-content:before {
        display: none;
    }

    .aboutus-content {
        margin-left: 0;
    }

    .aboutus-stat {
        margin-right: 0;
        /* background: #eef7fd; */
        padding: 24px 0;
        margin-bottom: 26px;
        border-bottom: 2px solid #66cc33;
        border-top: 2px solid #66cc33;
    }

    .new-banner-caps h1 {
        font-size: 40px !important;
        max-width: 485px;
        line-height: 45px !important;
    }

    .cst-portfolio-item-title h3 {
        font-size: 22px;
    }

    .cst-portfolio-item-thumb {
        height: auto !important;
    }

    .cst-portfolio-wrapper {
        height: 100% !important;
    }

    .cst-portfolio-item {
        margin-bottom: 30px;
    }

    .history_img img {
        width: 250px;
    }

    .quate {
        width: 60px;
        margin-bottom: 20px;
    }

    .history_desc h3 {
        font-size: 25px;
        line-height: 32px;
    }

    .para-desc {
        font-size: 16px;
    }



    .social-impact-content-responsive {
        width: 100%;

    }

    .iob-verticals-wrapper .row {
        justify-content: center;
    }

    .iob-lfias-wrapper .col-xl-4:nth-child(3) {
        margin-top: 30px;
    }

    .iob-nav-arrow-cont2 {
        bottom: -95px;
        transform: translateX(-50%);
    }

    .iob-menu-part {
        display: none;
    }

    .contact-detail {
        margin-top: 40px;
    }

    .the-founder h2 {
        margin-top: 20px !important;
    }

    .media-contact {
        margin-bottom: 20px;
    }

    .sidebar-menu {
        margin-bottom: 0px;
    }

    .iob-sm-box-right {
        padding-top: 30px;
    }

    .iob-nav-arrow-cont {
        left: 50%;
        transform: translateX(-50%);
    }

    .vl-press-container {
        margin-bottom: 10px;
    }

    .iob-vertical-know-more {
        left: 15px;
    }

    .iob-vertical-log {
        max-width: 80%;
    }


    .iob-sus-header .iob-vertical-know-more p {
        margin-left: -13px;
    }

    .iob-sm-box-right .iob-vertical-know-more p {
        margin-left: -13px;
    }

    .iob-sm-box-right {
        padding-left: 0px;
    }

    .second-tab {
        margin-top: 30px;
    }

    .contact-box {
        height: 290px;
    }

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

    .iob-wind-plant {
        left: 2%;
    }

    .iob-wind-plant-2 {
        left: 10%;
    }

    .iob-wind-plant-3 {
        left: 18%;
        top: 40px;
    }

    .demo-button-wrapper {
        right: 25px;
    }

    .press-release-box-wrapper {
        padding-right: 0px;
    }

    .news-box-outer {
        padding-left: 0px;
        margin-top: 40px;
    }

    .news-box-inner img {
        max-width: 100% !important;
    }

    .news-box-outer {
        padding-left: 0px;
    }

    .press-release-box {
        display: block;
    }

    .press-release-box .press-cover img {
        width: 100%;
        object-fit: cover;
        width: 100%;
        background-size: cover;
    }

    .press-about {
        margin-left: 0px;
        margin-top: 15px;
    }

    .news-details h3 {
        margin: 10px 0 10px 0;
    }

    .news-box .who-we-are-heading::before {
        right: 97%;
    }

    .press-about .news-read-more .iob-vertical-know-more {
        left: 0px;
    }

    .campaign-ad .overlay-image::before {
        width: 100%;
    }

    .overlay-image::before {
        position: absolute;
        content: '';
        height: 80%;
        width: 90%;
        left: 5%;
        top: 40%;
        transform: translate(0, -40%);
        background-image: url(../images/news-media-bg.png);
        background-repeat: no-repeat;
        z-index: -1;
        /* inset: 0; */
        background-size: cover;
        background-position: center;
    }

    .footer {
        background-image: none, url(../images/footer-left.png);
    }

    .tp-panel-pin-area {
        height: auto;
    }

    .cst-portfolio-ptb {
        padding-bottom: 75px !important;
    }

    .verticals-text,
    .verticals-art {
        width: 100%;
    }

    .innerpage-banner img {
        height: 320px;
    }

    .stats-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .campaign-publication {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .campaign-publication .iob-vertical-know-more {
        left: 0px;
        top: 0px;
    }


}

@media screen and (max-width: 840px) {
    .iob-social-impact-wrapper {
        background-image: none;
        padding-top: 250px !important;
    }
}

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

    .iob-sustain-boxx p {
        min-height: 50px;
    }

    .iob-sus-main-titles-wrapper span {
        font-size: 20px;
    }

    .iob-sus-main-titles-wrapper {
        top: -48px;
        width: 320px;
    }

    .iob-sus-main-titles-wrapper::before {
        left: -38px;
    }

    .product-section .section-title {
        font-size: 38px;
        line-height: 47px;
    }

    .product-section .service-card {
        padding-right: 0;
    }

    .iob-video-cta {
        display: none;
    }

    .history_img img {
        width: 250px;
        display: block;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .vab-container {
        flex-direction: column;
    }

    .vab-image,
    .vab-content {
        width: 100%;
    }

    .leaf-shape {
        width: 100px;
        height: 100px;
    }

    .search,
    .language-set {
        display: none;
    }

    .header .container-fluid {
        padding: 0 28px;
    }

    .responsive-show {
        display: block;
        width: 100%;
        float: left;
        height: 33px;
        background: #cceaff;
        position: relative;
        top: -20px;
        padding-top: 4px;
    }

    .nav-scroll .responsive-show {
        height: 40px;
        padding-top: 12px;
    }

    .responsive-show .search,
    .responsive-show .language-set {
        display: block;
    }

    .iob-menu-part {
        justify-content: flex-start;
        top: 18px;
    }

    .popup {
        width: 557px;
    }

    .banner-pop-up .swiper-slide img,
    .popUp-swiper-img {
        height: 336px;
    }

    .media-contact {
        margin-bottom: 20px;
    }

    .gallery-columns-3 .gallery-item {
        width: 50%;
    }

    .gallery-columns-2 .gallery-item {
        width: 100%;
        float: left;
    }

    .search-box {
        width: 100%;
    }


    .iob-sm-box-left:before {
        width: 120px;
        height: 32px;
    }

    .iob-sm-box-left:after {
        width: 120px;
        height: 32px;
    }


}


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

    .iob-wind-plant-2 .iob-wind-plant-blade {
        top: -20px;
    }

    .iob-wind-plant .iob-wind-plant-blade {
        top: -20px;
    }

    .iob-wind-plant-3 .iob-wind-plant-blade {
        top: -20px;
    }

    .iob-wind-plant {
        left: 5%;
        top: 12px;
    }

    .iob-wind-plant-2 {
        left: 15%;
        top: 17px;
    }

    .iob-wind-plant-3 {
        left: 25%;
        top: 40px;
    }


    .history_img img {
        width: 300px;
        display: block;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .iob-sustainability-container {
        width: 100%;
        float: left;
        position: relative;
        min-height: 600px;
    }

    .iob-sustainability-bg {
        width: 100%;
        float: left;
        height: 600px;
        object-fit: cover;
        z-index: -1;
    }

    .iob-sustain-bg-slider {
        width: 100%;
        float: left;
        height: 600px;
        margin-bottom: 0px !important;
    }

    .vdo-captions .sustain-caption {
        position: absolute;
        bottom: 100px;
        left: auto;
        right: auto;
        width: 80%;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
    }

    .iob-sus-footer {
        padding: 25px;
    }

    .vedanta-stock-box {
        margin-top: 20px;
    }

    .history-content {
        margin-left: 0px;
    }

    .para-desc {
        margin-bottom: 31px;
    }

    /* .chairman-message {
        background: #e9f6ff;
        padding: 25px;
    } */

    .vl-press-bottom {
        min-height: 95px;
    }

    .iob-hitachi.buildings2,
    .iob-exclator-base,
    .iob-exclator-blade,
    .iob-rock,
    .iob-un-loaded-truck,
    .iob-loaded-truck3,
    .iob-loaded-truck2,
    .iob-un-loaded-truck3,
    .iob-loaded-truck,
    .iob-un-loaded-truck2 {
        display: none;
    }

    .iob-plant {
        width: 195px;
        right: 10%;
    }

    .iob-wind-plant {
        width: 30px;
        height: 163px;
    }

    .iob-lfias-wrapper .col-xl-4:nth-child(3) {
        margin-top: 0px;
    }

    .section-heading,
    .section-heading-white {
        font-size: 38px;
        line-height: 42px;
    }

    .banner-section {
        height: 417px;
    }

    #iob-video-background {
        height: 350px;
    }

    .iob-banner-cation h1 {
        font-size: 32px;
    }

    /* .iob-banner-cation {
        bottom: 25px;
    } */

    .new-banner-caps h1 {
        font-size: 30px !important;
        max-width: 370px;
        line-height: 36px !important;
    }

    /* .n-iob-banner-cation {
        top: 55%;
    } */

    .left-clip {
        top: -1px;
    }

    .right-clip {
        top: -1px;
    }

    .iob-sus-header:before {
        display: none;
    }

    .iob-sqare-box {
        left: 30px;
    }

    .iob-sus-header {
        width: 100%;
    }

    .iob-nav-arrow-cont {
        left: 50%;
        transform: translateX(-50%);
    }

    .iob-lfias-wrapper .col-xl-4:nth-child(1),
    .iob-lfias-wrapper .col-xl-4:nth-child(2) {
        margin-bottom: 30px;
    }

    .iob-sus-header {
        padding: 25px 25px;
    }

    .iob-sqare-box .iob-vertical-know-more p {
        margin-left: 15px;
    }

    .iob-sustain-boxx {
        padding: 0 17px;
        border-right: 0px solid #bee0f8;
    }

    .vl-press-container {
        min-height: auto;
    }

    .vl-bottom-footer {
        padding: 10px;
    }

    .vl-bottom-footer p,
    .vl-bottom-footer p a {
        line-height: 21px;
    }

    .press-date {
        margin-left: 15px;
        font-size: 15px;
        padding-left: 30px;
        line-height: 24px;
    }

    .vl-bottom-footer p a {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }

    .vl-press-title {
        padding: 0px 15px;
    }

    .common-button {
        padding-left: 15px;
    }

    .km-heading {
        margin-left: 0;
        padding-left: 15px;
    }

    .page-header h1 {
        font-size: 30px;
    }

    .breadcrumb-cont {
        text-align: center;
    }

    .gallery-columns-3 .gallery-item {
        width: 100%;
    }

    .cst-portfolio-item h3 a {
        font-size: 26px;
    }

    .press-release-box-wrapper {
        padding-right: 0px;
    }

    .news-box-outer {
        padding-left: 0px;
        margin-top: 40px;
    }

    .md-section {
        background-image: none;
    }

    .vdo-captions h2 span {
        font-weight: 600;
        display: inline;
    }

    .innerpage-banner img {
        height: 280px;
    }
}



@media screen and (max-width: 600px) {
    .iob-sus-footer:after {
        display: none;
    }

    .aboutus-section:before {
        width: 449px;
        height: 164px;
        background-size: cover;
    }

    .footer {
        padding: 60px 0px;
    }

    .container-fluid,
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .iob-wind-plant {
        left: 5%;
        top: 12px;
    }

    .iob-wind-plant-2 {
        left: 18%;
        top: 17px;
    }

    .iob-wind-plant-3 {
        left: 32%;
        top: 40px;
    }

    .iob-sustain-slider img {
        margin-bottom: 10px;
        width: 50px;
    }
}


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

    .popup {
        width: 480px;
    }

    .banner-pop-up .swiper-slide img,
    .popUp-swiper-img {
        height: 300px;
    }

    .social-impact-circle {
        height: 300px;
        width: 300px;
        padding: 30px;
        display: block;
        margin: 0 auto;
    }

    .circular-line {
        width: 300px;
        height: 300px;
    }

    .social-impact-content-responsive .info-box-social-impact.box-7 {
        left: 0% !important;
        transform: translate(0%, -50%);
        top: 30px !important;
        position: relative;
    }

    .social-impact-content-responsive {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin: auto;
        justify-items: left;
    }

    .iob-banner-cation h1 {
        padding: 0px 20px;
        font-size: 20px;
    }

    .vl-subscribe-form button {
        font-size: 16px;
        width: 101px;
    }

    .iob-sus-header h2 {
        font-size: 30px;

    }

    .iob-sus-header:after {
        left: -7px;
        bottom: -15px;
    }

    .search-txt {
        width: 150px !important;
    }

    .iob-sm-ss h3 {
        display: none;
    }

    /*     .iob-sm-ss {
        padding: 10px 15px;
        width: 100%;
        background-color: transparent;
        bottom: 12px;
    } */

    .center-clip {
        width: 80%;
    }

    .left-clip {
        top: -1px;
        width: 130px;
        height: 50px;
    }

    .right-clip {
        top: -1px;
        width: 130px;
        height: 50px;
    }

    .hidden-bar.right-align {
        width: 100%;
    }

    .section {
        padding: 60px 0;
    }

    .aboutus-section .section-heading {
        line-height: 1.3;
    }

    .aboutus-section {
        background-image: none;
    }

    .news-box .who-we-are-heading::before {
        right: 96%;
    }

    .innerpage-banner img {
        height: 200px;
    }
}

@media screen and (max-width: 521px) {
    .view-all-grn-line {
        white-space: nowrap;
    }
}

@media screen and (max-width: 500px) {
    .aboutus-section:before {
        width: 350px;
        height: 128px;
        background-size: cover;
    }

    .main-md-content {
        margin-bottom: 80px;
    }

    .n-iob-banner-cation {
        left: 0%;
    }

    .popup {
        width: 100%;
    }

    .new-banner-caps h1 {
        font-size: 30px !important;
        max-width: 410px;
        line-height: 31px !important;
    }

    .iob-banner-cation h1 {
        padding-left: 25px;
    }
}


@media screen and (max-width: 480px) {
    .iob-sus-footer {
        padding: 17px;
    }

    .iob-sus-main-titles-wrapper span {
        font-size: 18px;
    }

    .iob-sus-main-titles-wrapper {
        top: -45px;
        width: 270px;
    }

    .iob-sus-main-titles-wrapper::before {
        left: -36px;
    }

    .product-section .section-title {
        font-size: 31px;
        line-height: 42px;
    }

    .new-banner-caps h1 {
        font-size: 28px !important;
    }

    .iob-plant {
        width: 161px;
        right: 3%;
    }

    .banner-pop-up .swiper-slide img,
    .popUp-swiper-img {
        height: 243px;
    }

    .social-impact-circle {
        height: 250px;
        width: 250px;
        padding: 30px;
        display: block;
        margin: 0 auto;
    }

    .circular-line {
        width: 250px;
        height: 250px;
    }

    .history_img img {
        width: 100%;
    }

    .iob-sustainability-container {
        width: 100%;
        float: left;
        position: relative;
        min-height: 650px;
    }

    .iob-sustainability-bg {
        width: 100%;
        float: left;
        height: 650px;
        object-fit: cover;
        z-index: -1;
    }

    .iob-sustain-bg-slider {
        width: 100%;
        float: left;
        height: 650px;
        margin-bottom: 0px !important;
    }

    .vedanta-stock-box {
        padding: 25px 25px;
    }

    .iob-wind-plant {
        left: 5%;
        top: 20px;
    }

    .iob-wind-plant-2 {
        left: 18%;
        top: 30px;
    }

    .iob-wind-plant-3 {
        left: 30%;
        top: 50px;
    }

    .vl-social-btns .btn {
        width: 50px;
        height: 50px;
    }

    .vedanta-stock-section .vedanta-stock-item:last-child::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: 0.5px;
        width: 78%;
        background-color: rgb(83 82 82 / 36%);
    }

    .vedanta-stock-box {
        display: block;
    }

    .vedanta-stock-item {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .iob-wind-plant .iob-wind-plant-blade {
        width: 55px;
    }

    .iob-wind-plant .iob-wind-plant-blade {
        top: 0px;
    }

    .iob-wind-plant-2 .iob-wind-plant-blade {
        width: 55px;
    }

    .iob-wind-plant .iob-wind-plant-blade {
        top: 0px;
    }

    .footer-logo {
        width: 230px;
    }

    .iob-sustain-slider h3 {
        font-size: 18px;
    }

    .news-box .who-we-are-heading::before {
        right: 95%;
    }

    .project-custom-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-header h1 {
        font-size: 24px;
    }

    .procurement-content {
        display: block;
    }

    .procurement-content .card {
        width: 100%;
        margin-bottom: 20px;
    }

    .card-container {
        padding: 0px 0;
    }

}

@media screen and (max-width: 420px) {}


@media screen and (max-width: 389px) {
    .iob-logo img {
        width: 100%;
    }

    .gallery .gallery-item img {
        height: auto;
        /* margin-bottom: 15px; */
    }

}



@media screen and (max-width: 368px) {
    .iob-nav-arrow-cont2 {
        display: none;
    }
}

@media screen and (max-width: 355) {
    .news-box .who-we-are-heading::before {
        right: 94%;
    }
}

@media screen and (max-width: 320px) {
    .main-md-content {
        margin-bottom: 50px;
    }

    .aboutus-section:before {
        width: 327px;
        height: 127px;
    }

    .innerpage-banner img {
        width: 100%;
    }

    .iob-logo img {
        width: 100%;
    }

    .vl-subscribe-form button {
        font-size: 14px;
        width: 101px;
    }

}