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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li:before {width: 1550.82px;}
    .join_us .recent_works ul li span {font-size: 23px;line-height: 33.78px;}
    /* ================== Ends */
    
    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */
}

@media screen and (max-width: 1550px) {
    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li:before {width: 1500.82px;}
    .join_us .recent_works ul li span {font-size: 22px;line-height: 32.78px;}
    /* ================== Ends */
    
    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li:before {width: 1400.82px;}
    .join_us .recent_works ul li span {font-size: 20px;line-height: 30.78px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */
}

@media only screen and (min-width : 1279px) and (max-width: 1366px) {

    /* ========= Career Banner ========= */
    .career_banner {margin-top: 85px;min-height: 580px;}
    .career_banner .career_wrap {padding-top: 220.7px;}
    .career_banner h1.banner_h1 {font-size: 60px;line-height: 85.62px;}
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us {margin: 80px 0;}
    .join_us .recent_works ul li:before {width: 1329.82px;}
    .join_us .recent_works ul li span {font-size: 19px;line-height: 29.78px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .moment_of_indy {margin: 80px 0;}
    /* ================== Ends */
}

@media only screen and (min-width : 1024px) and (max-width: 1280px) {

    /* ========= Career Banner ========= */
    .career_banner h1.banner_h1 {font-size: 50px;line-height: 70.62px;margin-bottom: 20px;}
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us {margin: 70px 0;}
    .join_us .recent_works ul li:before {width: 1245.82px;}
    .join_us .recent_works ul li p {margin-top: 30.19px;font-size: 16px;line-height: 27.52px;}
    .join_us .recent_works ul li:after {height: 600px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .moment_of_indy {margin: 70px 0;}
    /* ================== Ends */
}

@media only screen and (min-width : 720px) and (max-width: 1280px) {

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us {margin: 60px 0;}
    .join_us h2 {margin-bottom: 40px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    .latest_jobs .text_center h2 {margin-bottom: 40px;}
    .tab_section ul li.set {margin-bottom: 30px;}
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .moment_of_indy {margin: 60px 0;}
    .moment_of_indy .text_center h2 {margin-bottom: 40px;}
    /* ================== Ends */
}

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

    .career_banner {min-height: 400px;}

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li {max-width: 30.6%;flex: 0 0 30.6%;}
    .join_us .recent_works ul li:before {width: 995.82px;}
    .join_us .recent_works ul li:after {height: 630px;right: -20px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    .career_banner h1.banner_h1 {font-size: 50px;line-height: 60.62px;}
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us {margin: 50px 0;}
    .join_us .recent_works ul li:nth-child(2):after {display: none;}
    .join_us .recent_works ul li:nth-child(3):before {display: block;}
    .join_us .recent_works ul li {max-width: 48%;flex: 0 0 48%;}
    .join_us .recent_works ul li:before {width: 928.82px;}
    .join_us .recent_works ul li:after {height: 840px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .moment_of_indy {margin: 50px 0;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    .career_banner h1.banner_h1 {font-size: 48px;line-height: 58.62px;}
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li:before {width: 725.82px;}
    .join_us .recent_works ul li:after {height: 900px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    .tab_section ul li.set .career-ser .opening-tab h2 {font-size: 22px;line-height: 30.78px;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_experience, .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_open {font-size: 17px;line-height: 23.59px;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_experience~span, .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_open~span {font-size: 18px;line-height: 25.32px;}
    .tab_section ul li.set .career-ser .latest_wrap {align-items: center;}
    .tab_section ul li.set .career-ser .latest_wrap a.show-cont {margin-right: 20.92px;height: 50px;width: 50px;}
    .tab_section ul li.set .career-ser .latest_wrap .latest-job-right a {padding: 15.5px 45.5px;}
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us .recent_works ul li:after{display: none;}
    .join_us .recent_works ul li {max-width: 100%;flex: 0 0 100%;}
    .join_us .recent_works ul li:nth-child(2):before, .join_us .recent_works ul li:nth-child(3):before, .join_us .recent_works ul li:nth-child(4):before, .join_us .recent_works ul li:nth-child(5):before {display: block;}
    .join_us .recent_works ul li:nth-child(4), .join_us .recent_works ul li:nth-child(5), .join_us .recent_works ul li:nth-child(6) {margin-bottom: 121px;}
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    /* ================== Ends */

    .tab_section ul li.set .career-ser .header_wrap.for_mob, .tab_section ul li.set .career-ser a.orange_text_mob {display: block;}
    .latest-job-right.desk_only {display: none;}
    .tab_section ul li.set .career-ser .header_wrap.for_mob {display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; }
    .tab_section ul li.set .career-ser .opening-tab h2.for_desk {display: none;}
    .tab_section ul li.set .career-ser .opening-tab ~ .latest_wrap {display: none;}
    .latest-cont.for_desk {display: none;}
    .latest_wrap.desk_only{display: none;}
    .tab_section ul li.set .career-ser .opening-tab h2 {margin-bottom: 0;}
    .tab_section ul li.set .career-ser .header_wrap.for_mob {display: flex;align-items: baseline;flex-wrap: wrap;justify-content: space-between; grid-gap: 20px;}
    .tab_section ul li.set .career-ser a.orange_text_mob {display: inline-block;color: #ff5141;font-size: 16px;line-height: 21.86px;max-width: max-content;flex: 0 0 100%;}
    /* ========= Latest Jobs ========= */
    .latest_jobs .text_center h2 {margin-bottom: 30px;}
    .tab_section ul li.set .career-ser .opening-tab h2 {font-size: 18px;line-height: 24.59px;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_experience, .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_open {font-size: 16px;line-height: 21.86px;margin-bottom: 6px;margin-right: 12px;position: relative;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_experience:before, .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_open:before {content: ":";position: absolute;right: -8px;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_experience~span, .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item span.title_open~span {font-size: 16px;line-height: 21.86px;}
    .tab_section ul li.set .career-ser .latest_wrap a.show-cont {margin-right: 0px;}
    .tab_section ul li.set .career-ser .latest_wrap .latest-job-right {display: none;}
    .tab_section ul li.set .career-ser .latest_wrap a.show-cont {height: 40px;width: 40px;}
    .tab_section ul li.set .career-ser .content ul li:before {width: 18px;height: 12px;}
    .tab_section ul li.set .career-ser .content ul li {font-size: 16px;line-height: 25.12px;margin-bottom: 14px;padding: 0 0 0 24px;}
    .tab_section ul li.set {margin-bottom: 20px;padding: 30px 24px;}
    .tab_section ul li.set .career-ser .content .apply-now {display: block;margin-top: 20px;padding: 20px;text-align: center;}
    .tab_section ul li.set .career-ser .content .apply-now a {display: inline-block;}
    .tab_section ul li.set .career-ser .content .apply-now span, .tab_section ul li.set .career-ser .content .apply-now a {font-size: 16px;line-height: 27px;}
}

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

    /* ========= Career Banner ========= */
    .career_banner {min-height: 375px;}
    .career_banner h1.banner_h1 {font-size: 32px;line-height: 43.71px;margin-bottom: 14px;}
    .career_banner span.filled_text {   font-size: 16px;line-height: 25.12px;}
    /* ================== Ends */

    /* ========= Perks ========= */
    .join_us {margin: 40px 0;}
    .join_us h2 {margin-bottom: 30px;}
    .join_us .recent_works {margin-top: 0px;}
    .join_us .recent_works ul li {margin-bottom: 41px;}
    .join_us .recent_works ul li p {margin-top: 10px;font-size: 16px;line-height: 25.12px;}
    .join_us .recent_works ul li img {margin-bottom: 14px;}
    .join_us .recent_works ul li span {font-size: 20px;line-height: 27.32px;font-weight: 700;}
    .join_us .recent_works ul li:before {bottom: -20px;width: 100%;}
    .join_us .recent_works ul li:nth-child(4), .join_us .recent_works ul li:nth-child(5) {margin-bottom: 41px;}
    .join_us .recent_works ul li:nth-child(6) {margin-bottom: 0px;}
    /* ================== Ends */



    .tab_section ul li.set .career-ser .opening-tab .latest-cont {flex-wrap: wrap;}
    .tab_section ul li.set .career-ser {display: block;}
    .tab_section ul li.set .career-ser .header_wrap.for_mob h2 {max-width: 80%;flex: 0 0 80%;}
    .tab_section ul li.set .career-ser .opening-tab .latest-cont .latest-cont-item {max-width: 100%;flex: 0 0 100%;margin-right: 0px;display: flex}

    .tab_section ul li.set .career-ser .content {margin-top: 40px;}
    .tab_section ul li.set .career-ser .content:before {top: -20px;}
    /* ================== Ends */
    
    /* ========= Moment of indy ========= */
    .moment_of_indy {margin: 40px 0;}
    .moment_of_indy .text_center h2 {padding-bottom: 0;margin-bottom: 30px;}

    .section-life-culture #marquee .view {overflow: hidden !important;width: max-content !important;max-width: 405% !important;}
    .section-life-culture #marquee .pic-container {animation: marquee 20s infinite alternate linear !important;}
    .moment_of_indy .row:last-child {margin-right: 0px;margin-left: 0px;}
    .moment_of_indy .row:last-child .col-md-12 {padding: 0px;}
    .section-life-culture #marquee:last-child {overflow: hidden;}
    /* ================== Ends */
}

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

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 380% !important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 485%!important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 420% !important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 425% !important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 444% !important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 466% !important;}
    /* ================== Ends */
}

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

    /* ========= Career Banner ========= */
    /* ================== Ends */

    /* ========= Perks ========= */
    /* ================== Ends */

    /* ========= Latest Jobs ========= */
    /* ================== Ends */

    /* ========= Moment of indy ========= */
    .section-life-culture #marquee .view {max-width: 531% !important;}
    /* ================== Ends */
}