@media (min-width: 1920px) and (max-width: 2560px) {
  
    
    
}

@media (min-width: 1600px) and (max-width: 1919px) {
  
    .banner-home-wrp .bnr-home-lhs .caption-wrp{ max-width: 350px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .common-ttle{ font-size: 52px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp a{font-size: 18px; padding: 9px 0px 9px 50px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .subx-ttle{ font-size: 18px;}
    .banner-home-wrp .bnr-thumb .cvr p{ font-size: 20px;}
    .we-are-wrp .we-are-rhs{ padding: 50px 0px 0px 50px;}
    .we-are-wrp .we-are-rhs .cvr p.desc{ font-size: 18px; line-height: 28px;}
    .we-are-wrp .we-are-rhs .cvr{ max-width: 540px;}
    .we-are-wrp .we-are-rhs .cvr .mt40{ margin-top: 0px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb h2{ font-size: 30px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb p{ font-size: 18px;}
    .chair-main-wrp .chair-sldr{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-lhs .blue-strip{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs{ padding: 50px 20px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr h2{ font-size: 36px; line-height: 40px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr span{ margin: 20px 0px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr p{ font-size: 18px; line-height: 28px;}
    .chair-main-wrp .chair-sldr .chair-card{ height: 650px;}
    .kpi-main-wrp .kpi-home-lhs{ padding: 50px 20px; height: 650px;}
    .kpi-main-wrp .kpi-home-rhs{ padding: 50px 30px;}
    .kpi-main-wrp .kpi-home-rhs .tabs-container nav ul li{ font-size: 18px; line-height: 20px;margin: 0 1rem 0 1rem;padding: 0rem 1rem 0.5rem 0rem;}
    .kpi-main-wrp .kpi-home-rhs .tab-content .kpi-card{ margin-top: 0px;}
    .kpi-main-wrp .kpi-home-rhs .tab-content{ padding: 15px;}
    .safety-perform-wrp .safety-lhs .cvr .desc{ font-size: 18px; line-height: 28px;}
    .safety-perform-wrp .safety-lhs .cvr .blue-bx p{ font-size: 20px; line-height: 30px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr{ padding: 0px 0px 0px 50px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr p{ font-size: 30px; line-height: 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx p{ font-size: 24px; line-height: 24px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx{ height: 250px; padding: 40px 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block { width: 450px;height: 500px;position: absolute;top: 50%;right: -225px;transform: translate(0%, -50%);}
    .abt-steel-wrp .abt-steel-lhs .cvr{ margin-right: 235px; padding-left: 20px;}
    .abt-steel-wrp .abt-steel-lhs .cvr p{ font-size: 18px; line-height: 28px;}
    .abt-steel-wrp .abt-steel-lhs .cvr h2{ font-size: 36px;}
    .value-creating-wrp .vc-rhs .cvr{ margin-left: -100px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card{ padding: 25px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h2{ font-size: 28px; line-height: 28px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h4{ font-size: 18px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card.cntr-card-cx{ min-height: 480px;}
    .start-perform-wrp .strt-top-rhs p{ font-size: 20px; line-height: 30px;}
    .start-perform-wrp .start-sldr{ padding: 70px 0px 0px 20px;}
    .start-perform-wrp .start-sldr .start-card .numb-bx{ font-size: 50px;}
    .start-perform-wrp .start-sldr .start-card .pic-cvr{ padding-left: 60px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc p{ font-size: 26px; line-height: 26px; min-height: 79px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc{ width: 300px; height: 180px; background-size: cover;} 
    
}


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

    .banner-home-wrp .bnr-home-lhs .caption-wrp{ max-width: 350px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .common-ttle{ font-size: 52px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp a{font-size: 18px; padding: 9px 0px 9px 50px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .subx-ttle{ font-size: 18px;}
    .banner-home-wrp .bnr-thumb .cvr p{ font-size: 20px;}
    .we-are-wrp .we-are-rhs{ padding: 50px 0px 0px 50px;}
    .we-are-wrp .we-are-rhs .cvr p.desc{ font-size: 18px; line-height: 28px;}
    .we-are-wrp .we-are-rhs .cvr{ max-width: 540px;}
    .we-are-wrp .we-are-rhs .cvr .mt40{ margin-top: 0px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb h2{ font-size: 30px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb p{ font-size: 18px;}
    .chair-main-wrp .chair-sldr{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-lhs .blue-strip{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs{ padding: 50px 20px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr h2{ font-size: 36px; line-height: 40px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr span{ margin: 20px 0px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr p{ font-size: 18px; line-height: 28px;}
    .chair-main-wrp .chair-sldr .chair-card{ height: 700px;}
    .kpi-main-wrp .kpi-home-lhs{ padding: 50px 20px; height: 650px;}
    .kpi-main-wrp .kpi-home-rhs{ padding: 50px 30px;}
    .kpi-main-wrp .kpi-home-rhs .tabs-container nav ul li{ font-size: 18px; line-height: 20px;margin: 0 1rem 0 1rem;padding: 0rem 1rem 0.5rem 0rem;}
    .kpi-main-wrp .kpi-home-rhs .tab-content .kpi-card{ margin-top: 0px;}
    .kpi-main-wrp .kpi-home-rhs .tab-content{ padding: 15px;}
    .safety-perform-wrp .safety-lhs .cvr .desc{ font-size: 18px; line-height: 28px;}
    .safety-perform-wrp .safety-lhs .cvr .blue-bx p{ font-size: 20px; line-height: 30px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr{ padding: 0px 0px 0px 50px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr p{ font-size: 30px; line-height: 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx p{ font-size: 24px; line-height: 24px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx{ height: 250px; padding: 40px 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block { width: 450px;height: 500px;position: absolute;top: 50%;right: -225px;transform: translate(0%, -50%);}
    .abt-steel-wrp .abt-steel-lhs .cvr{ margin-right: 235px; padding-left: 20px;}
    .abt-steel-wrp .abt-steel-lhs .cvr p{ font-size: 18px; line-height: 28px;}
    .abt-steel-wrp .abt-steel-lhs .cvr h2{ font-size: 36px;}
    .value-creating-wrp .vc-rhs .cvr{ margin-left: -100px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card{ padding: 25px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h2{ font-size: 28px; line-height: 28px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h4{ font-size: 18px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card.cntr-card-cx{ min-height: 480px;}
    .start-perform-wrp .strt-top-rhs p{ font-size: 20px; line-height: 30px;}
    .start-perform-wrp .start-sldr{ padding: 70px 0px 0px 20px;}
    .start-perform-wrp .start-sldr .start-card .numb-bx{ font-size: 50px;}
    .start-perform-wrp .start-sldr .start-card .pic-cvr{ padding-left: 60px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc p{ font-size: 26px; line-height: 26px; min-height: 79px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc{ width: 300px; height: 180px; background-size: cover;} 
  
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .sub-ttle{ font-size: 18px;}
    .common-ttle{ font-size: 46px;}
    .inner-wrp .fy-grid-wrp .fy-num-wrp .infonumb-card h2{ font-size: 38px;}

    .banner-home-wrp .bnr-home-lhs .caption-wrp{ max-width: 350px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .common-ttle{ font-size: 52px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp a{font-size: 18px; padding: 9px 0px 9px 50px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .subx-ttle{ font-size: 18px;}
    .banner-home-wrp .bnr-thumb .cvr p{ font-size: 20px;}
    .we-are-wrp .we-are-rhs{ padding: 50px 0px 0px 50px;}
    .we-are-wrp .we-are-rhs .cvr p.desc{ font-size: 18px; line-height: 28px;}
    .we-are-wrp .we-are-rhs .cvr{ max-width: 540px;}
    .we-are-wrp .we-are-rhs .cvr .mt40{ margin-top: 0px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb h2{ font-size: 30px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb p{ font-size: 18px;}
    .chair-main-wrp .chair-sldr{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-lhs .blue-strip{ padding: 0px 0px 0px 50px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs{ padding: 50px 20px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr h2{ font-size: 36px; line-height: 40px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr span{ margin: 20px 0px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr p{ font-size: 18px; line-height: 28px;}
    .chair-main-wrp .chair-sldr .chair-card{ height: 650px;}
    .kpi-main-wrp .kpi-home-lhs{ padding: 50px 20px; height: 650px;}
    .kpi-main-wrp .kpi-home-rhs{ padding: 50px 30px;}
    .kpi-main-wrp .kpi-home-rhs .tabs-container nav ul li{ font-size: 18px; line-height: 20px;margin: 0 1rem 0 1rem;padding: 0rem 1rem 0.5rem 0rem;}
    .kpi-main-wrp .kpi-home-rhs .tab-content .kpi-card{ margin-top: 0px;}
    .kpi-main-wrp .kpi-home-rhs .tab-content{ padding: 15px;}
    .safety-perform-wrp .safety-lhs .cvr .desc{ font-size: 18px; line-height: 28px;}
    .safety-perform-wrp .safety-lhs .cvr .blue-bx p{ font-size: 20px; line-height: 30px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr{ padding: 0px 0px 0px 50px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr p{ font-size: 30px; line-height: 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx p{ font-size: 24px; line-height: 24px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx{ height: 250px; padding: 40px 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block { width: 450px;height: 500px;position: absolute;top: 50%;right: -225px;transform: translate(0%, -50%);}
    .abt-steel-wrp .abt-steel-lhs .cvr{ margin-right: 235px; padding-left: 20px;}
    .abt-steel-wrp .abt-steel-lhs .cvr p{ font-size: 18px; line-height: 28px;}
    .abt-steel-wrp .abt-steel-lhs .cvr h2{ font-size: 36px;}
    .value-creating-wrp .vc-rhs .cvr{ margin-left: -100px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card{ padding: 25px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h2{ font-size: 28px; line-height: 28px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card h4{ font-size: 18px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card.cntr-card-cx{ min-height: 480px;}
    .start-perform-wrp .strt-top-rhs p{ font-size: 20px; line-height: 30px;}
    .start-perform-wrp .start-sldr{ padding: 70px 0px 0px 20px;}
    .start-perform-wrp .start-sldr .start-card .numb-bx{ font-size: 50px;}
    .start-perform-wrp .start-sldr .start-card .pic-cvr{ padding-left: 60px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc p{ font-size: 26px; line-height: 26px; min-height: 79px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc{ width: 300px; height: 180px; background-size: cover;} 
    .sustainability-wrp-home .sustain-btm-wrp{width: 95%;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .txt-verti{ margin-left: 0px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .desc-cvr{ margin-left: 5%; max-width: 375px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .desc-cvr p{ font-size: 16px; line-height: 24px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .txt-verti img{ width: 65%;}
    

}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

    .fade-line { display: none; }
#we-are-jsw {padding: 30px 0px; height: auto;  padding-bottom: 0px; }
#we-are-jsw .hilights .hilightsLeft .infos {
margin-bottom: 30px;
}
#we-are-jsw .hilights .hilightsRight {padding: 60px 25px;}
#chairperson .chairpersonSlider {
padding-left: 0%;
}
#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName {
position: relative;
right: 0px;
bottom: 0px;
padding: 20px;
}

#chairperson .swiper-button-next, #chairperson .swiper-button-prev {
top: 90px;
}
#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName h2,#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName p { color: #000; }

#chairperson .chairpersonSlider .chairpersonBox .chairpersonDesc {padding: 40px 20px;}

#chairperson .chairpersonSlider .chairpersonBox .home-title {
line-height: 40px;
font-size: 36px;
margin-bottom: 20px;
}
#we-are-jsw .hilights .hilightsRight .infos {
margin-bottom: 30px;
padding-top: 20px;

}

#we-are-jsw .we-are-jsw-bg img {
object-fit: cover;
height: 50%;
}
#chairperson {
padding: 0px 0px;
margin-top: 0px;
}

#industries {padding: 30px 0px;}
#kpi .tab-content { width: 100%; }
#kpi .kpiInner {
padding: 14px;
}

#kpi .tabs-container nav ul li {padding: 9px;    font-size: 18px;}
#kpi .tabs-container nav ul li.active:after {top: 23px;right: 10px;border-top: 5px solid #fff;}

#kpi {
padding-bottom: 30px;
margin-top: 0px;
}
#future .futureleft .cricle-vet1,#future .futureleft .line-vet{ display: none; }
#future .cricle-vet2 {
position: absolute;
right: -90px;
top: -130px;
pointer-events: none;
width: 230px;
}
#future .futureleft p {
padding-right: 0px;
}
.home-title br { display: none; }

#future .futureright {
margin-top: 30px;
}
#alinging .alingingLeft {
width: 100%;
margin: auto;
padding: 20px;
}
#alinging .alinging-bg { height: auto; background-size: cover; }

#alinging .alingingRight {
margin: 30px auto;
max-width: 100%;
}
#creating-val .creating-right {
margin-top: 0px;
}

#creating-val .creating-right ul li .commbtn {
position: relative;
top: 0px;
right:20px;
}

#creating-val .creating-right ul li {padding: 40px 20px;}
#propeling .propelingLeft {padding: 20px;}
#propeling .propelingRight .propelingSlider {
width: 100%;
}


#propeling .propelingRight .propelingBox {height: 290px;}
#propeling .swiper-button-prev {right: 44px; left: inherit; }
#propeling .swiper-button-next,#propeling .swiper-button-prev {top: 190px;}

#Homesustainability {margin-top: 0px;padding: 30px 0px;}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxLeft .home-title {
font-size: 36px;
line-height: 38px;
}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight { background-color: #002361; }
#Homesustainability .susSlider .swiper-slide .susBox {padding: 28px;}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight .diamond2 { display: none; }
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight p {position: relative; padding: 20px;}
#Homesustainability .susBoxLeft { margin-bottom: 20px; }

#downloadCenter {padding: 20px 0px;background-size: cover;}
#downloadCenter .mt-5 {
margin-top: 0rem !important;
}

#downloadCenter .pl-60 {
padding-left: 0px;
}

#downloadCenter .white-br-r {
border-right: none;
} 
#downloadCenter .download-bt {padding-bottom: 30px;height: auto;}


    
}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #Shri-jindal .Shri-jindal-left {padding: 10px;}
    #Shri-jindal .Shri-jindal-right {padding: 20px;}
    #Shri-jindal .Shri-jindal-right h2,.home-title {font-size: 46px;line-height: 50px;}
    .fade-line { display: none; }
    #we-are-jsw {padding: 30px 0px; height: auto;  padding-bottom: 0px; }
    #we-are-jsw .hilights .hilightsLeft .infos {
    margin-bottom: 30px;
    }
    #we-are-jsw .hilights .hilightsRight {padding: 60px 25px;}
    #chairperson .chairpersonSlider {
    padding-left: 0%;
    }
    #chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName {
    position: relative;
    right: 0px;
    bottom: 0px;
    padding: 20px;
    }
    
    #chairperson .swiper-button-next, #chairperson .swiper-button-prev {
    top: 90px;
    }
    #chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName h2,#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName p { color: #000; }
    
    #chairperson .chairpersonSlider .chairpersonBox .chairpersonDesc {padding: 40px 20px;}
    
    #chairperson .chairpersonSlider .chairpersonBox .home-title {
    line-height: 40px;
    font-size: 36px;
    margin-bottom: 20px;
    }
    #we-are-jsw .hilights .hilightsRight .infos {
    margin-bottom: 30px;
    padding-top: 20px;
    
    }
    
    #we-are-jsw .we-are-jsw-bg img {
    object-fit: cover;
    height: 50%;
    }
    #chairperson {
    padding: 0px 0px;
    margin-top: 0px;
    }
    
    #industries {padding: 30px 0px;}
    #kpi .tab-content { width: 100%; }
    #kpi .kpiInner {
    padding: 14px;
    }
    
    #kpi .tabs-container nav ul li {padding: 9px;    font-size: 18px;}
    #kpi .tabs-container nav ul li.active:after {top: 23px;right: 10px;border-top: 5px solid #fff;}
    
    #kpi {
    padding-bottom: 30px;
    margin-top: 0px;
    }
    #future .futureleft .cricle-vet1,#future .futureleft .line-vet{ display: none; }
    #future .cricle-vet2 {
    position: absolute;
    right: -90px;
    top: -130px;
    pointer-events: none;
    width: 230px;
    }
    #future .futureleft p {
    padding-right: 0px;
    }
    .home-title br { display: none; }
    
    #future .futureright {
    margin-top: 0px;
    }
    #alinging .alingingLeft {
    width: 100%;
    margin: auto;
    padding: 20px;
    }
    #alinging .alinging-bg { height: auto; background-size: cover; }
    
    #alinging .alingingRight {
    margin: 30px auto;
    max-width: 100%;
    }
    #creating-val .creating-right {
    margin-top: 0px;
    }
    
    #creating-val .creating-right ul li .commbtn {
    position: relative;
    top: 0px;
    right:20px;
    }
    
    #creating-val .creating-right ul li {padding: 25px 20px;}
    #propeling .propelingLeft {padding: 20px;}
    #propeling .propelingRight .propelingSlider {
    width: 100%;
    }
    
    
    #propeling .propelingRight .propelingBox {height: 320px;}
    #propeling .swiper-button-prev {right: 44px; left: inherit; }
    #propeling .swiper-button-next,#propeling .swiper-button-prev {top: 210px;}
    
    #Homesustainability {margin-top: 0px;padding: 30px 0px;}
    #Homesustainability .susSlider .swiper-slide .susBox .susBoxLeft .home-title {
    font-size: 36px;
    line-height: 38px;
    }
    #Homesustainability .susSlider .swiper-slide .susBox .susBoxRight { background-color: #002361; }
    #Homesustainability .susSlider .swiper-slide .susBox {padding: 28px;}
    #Homesustainability .susSlider .swiper-slide .susBox .susBoxRight .diamond2 { display: none; }
    #Homesustainability .susSlider .swiper-slide .susBox .susBoxRight p {position: relative; padding: 20px;}
    #Homesustainability .susBoxLeft { margin-bottom: 20px; }
    
    #downloadCenter {padding: 20px 0px;background-size: cover;}
    #downloadCenter .mt-5 {
    margin-top: 0rem !important;
    }
    
    #downloadCenter .pl-60 {
    padding-left: 0px;
    }
    
    #downloadCenter .white-br-r {
    border-right: none;
    } 
    #downloadCenter .download-bt {padding-bottom: 30px;height: auto;}
    #future .futureright ul li .commbtn {
        position: relative;
        top: 0px;
        right: 0px;
    }

    #future .futureright ul li h3 {font-size: 16px;}

    .fs24 {
        font-size: 18px;
        line-height: 22px;
    }
    

}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {

    .sub-ttle{ font-size: 16px;}
    .common-ttle{ font-size: 36px;}

    .header-full-wrp .head-rhs a.ham-menu{ width: 50px;}
    .header-full-wrp .head-rhs p{ font-size: 16px; margin: 0px 15px 0px 0px;}
    .breadcrumb-full-wrp{ margin-top: 50px;}

    .inner-wrp .fy-grid-wrp .ttle-box{ height: auto;}
    .inner-wrp .fy-grid-wrp .fy-num-wrp{padding: 20px;}
    .inner-wrp .fy-grid-wrp .fy-num-wrp .infonumb-card h2{ font-size: 36px;}

    .fpr-wrp .kpi-card .cvr .extra-info .cvr h2{font-size: 24px;}
    .fpr-wrp .kpi-card .cvr .extra-info .cvr p{ font-size: 13px;}

    .fpr-wrp .kpi-card .cvr .extra-info{ width: 25%;}
    .fpr-wrp .kpi-card .cvr ul{ width: 100%;}
    .fpr-wrp .kpi-card .cvr ul li .yrs{ font-size: 14px; top: -18px;}
    .fpr-wrp .kpi-card .cvr ul li .fig{ font-size: 16px;top: -20px;}
    .fpr-wrp .kpi-card .cvr .extra-info .cvr h2.green{background-size: 8px;}
    .fpr-wrp .kpi-card .cvr .extra-info .cvr h2.red{background-size: 10px;}

    .overflow-mob-wrp{ overflow-x: auto;}
    .overflow-mob-wrp img{ max-width: 200%;}

    .banner-home-wrp{ margin-top: 50px; height: auto;}
    .banner-home-wrp .scrll-dwn{ display: none;}

    .banner-home-wrp .bnr-home-lhs{ height: calc(100vh - 50px); background-position: center;}
    .banner-home-wrp .bnr-thumb{ height: 200px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp {max-width: 100%;position: absolute;top: 30px;left: 0%;transform: translate(0%, 0%);width: 100%;padding: 0px 20px; text-align: center;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .common-ttle{ font-size: 52px;}
    .banner-home-wrp .bnr-home-lhs .caption-wrp .subx-ttle{ font-size: 16px; margin: 0 auto 10px;}
    .we-are-wrp .we-are-rhs{ padding: 20px 20px 100px;}
    .we-are-wrp .we-are-rhs .cvr p.desc{ font-size: 16px; line-height: 24px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp{ position: relative; margin: 30px 0px 0px; padding-bottom: 0px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr{ padding-bottom: 0px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .we-are-sldr .swiper-slide .info-numb{ border: none;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .swiper-button-next{ left: 92px; bottom: -92px;}
    .we-are-wrp .we-are-rhs .we-are-sdlr-wrp .cvr .swiper-button-prev{ left: 0px; bottom: -92px;}
    .chair-main-wrp .chair-sldr{ padding: 0px;}
    .chair-main-wrp .chair-sldr .chair-card{ height: auto;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr{ padding: 0px 20px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-lhs .blue-strip{ padding: 0px; text-align: center; justify-content: center;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs{ padding: 80px 0px 30px; min-height: 530px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr h2{font-size: 36px; line-height: 36px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr span{ margin: 20px 0px;}
    .chair-main-wrp .chair-sldr .chair-card .chair-rhs .desc-cvr p{ font-size: 16px; line-height: 26px;}
    .kpi-main-wrp .kpi-home-lhs{ padding: 50px 20px; height: 500px;}
    .kpi-main-wrp .kpi-home-rhs{ padding: 50px 20px;}
    .kpi-main-wrp .kpi-home-rhs .tabs-container nav ul li br{display: none;}
    .kpi-main-wrp .kpi-home-rhs .tabs-container nav{ background-color: #fff; z-index: 2;}
    .kpi-main-wrp .kpi-home-rhs .tab-content{ padding: 0px;}
    .safety-perform-wrp .safety-lhs{ padding: 20px;}
    .safety-perform-wrp .safety-lhs .cvr .desc{ font-size: 16px; line-height: 24px;}
    .safety-perform-wrp .safety-lhs .cvr .blue-bx p{ font-size: 18px; line-height: 26px;}
    .sustain-steel-wrp .sustain-lhs .cvr{ padding: 50px 20px;}
    .sustain-steel-wrp .sustain-lhs{ height: 550px;}
    .sustain-steel-wrp .sustain-lhs .cvr p{ font-size: 16px; line-height: 24px; margin-top: 20px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr{ padding: 20px; height: 200px;}
    .sustain-steel-wrp .sustain-rhs .sax-cvr p{ font-size: 26px; line-height: 30px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block{ position: relative; width: 100%; height: auto; transform: none; right: 0px; top: 0px;}
    .abt-steel-wrp .abt-steel-lhs .cvr{ margin-right: 0px; padding: 0px 20px 20px;}
    .abt-steel-wrp .abt-steel-lhs{ display: block;}
    .abt-steel-wrp .abt-steel-lhs .cvr p{ font-size: 16px; line-height: 24px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx p br{display: none;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx{ height: auto; padding: 30px 20px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx p{ font-size: 24px; line-height: 24px;}
    .abt-steel-wrp .abt-steel-lhs .cntr-block .cntr-bx a{ position: relative;bottom: inherit; left: inherit;}
    .value-creating-wrp .vc-lhs .cvr h2 br{ display: none;}
    .value-creating-wrp .vc-lhs{ height: 400px;}
    .value-creating-wrp .vc-rhs .cvr{ margin: 0px; padding: 0px;}
    .value-creating-wrp .vc-rhs{ height: auto; padding: 20px 20px;}
    .value-creating-wrp .vc-rhs .cvr .cv-card.cntr-card-cx{min-height: 320px;}
    .start-perform-wrp .strt-top-rhs p{ font-size: 16px; line-height: 24px; margin-top: 15px;}
    .start-perform-wrp .start-sldr{ padding: 70px 20px 0px;}
    .start-perform-wrp .start-sldr .start-card .sp-desc{ background-color: #fff; margin: 0px; background-image: none;}
    .start-perform-wrp .start-sldr .start-card .numb-bx{ width: fit-content; font-size: 32px; padding: 20px; background-color: #fff;}
    .download-center-wrp .dc-book-wrp{ text-align: center;}
    .download-center-wrp .dc-book-wrp p{ width: fit-content; padding-right: 50px; margin: 20px auto;}

    .sustainability-wrp-home .sustain-btm-wrp{ width: 100%; margin: 0px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp{ padding: 0px;}
    .sustainability-wrp-home .sus-lhs-home{ font-size: 42px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .txt-verti{display: none;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .desc-cvr{ width: 100%; margin: 0px; padding: 70px 20px 20px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .sus-sldr-lhs .desc-cvr p{ font-size: 16px; line-height: 24px;}

    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .swiper-button-next, .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .swiper-button-prev{ width: 54px; height: 54px; background-position: center; top: 0px; bottom: inherit;}

    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .swiper-button-next{ right: 0px; left: inherit; margin: 0px;}
    .sustainability-wrp-home .sustain-btm-wrp .inner-sus-btm-wrp .sus-home-sldr .swiper-button-prev{ right: 55px; left: inherit; margin: 0px;}

    .header-full-wrp .dropdown-full-wrp{ padding: 45px 0px 20px; overflow-y: auto;}
    .header-full-wrp .dropdown-full-wrp .spacer-drop{ display: none;}
    .header-full-wrp .dropdown-full-wrp .drop-ttle{ margin-top: 30px; font-size: 22px;}
    .header-full-wrp .dropdown-full-wrp .close-drop{ right: 10px;}
    .header-full-wrp .dropdown-full-wrp .drop-ttle2{ font-size: 18px;}

    body .viewport{ padding-bottom: 0px;}
    .swipe-card{ display: none;}
    .border-gradient-y::after {display: none;}
    .border-gradient-y {border-bottom: 2px solid #044664; width: 95%; margin-top: 10px; margin-bottom: 10px;}
.diamond_pic_cvr .caption-wrp p span {font-size: 14px;}
.diamond_pic_cvr .caption-wrp p {font-size: 22px;}
.diamond_pic_cvr .caption-wrp {bottom: 0;right: 10px;}
#Shri-jindal .Shri-jindal-left {padding: 10px;}
#Shri-jindal .Shri-jindal-right {padding: 20px;}
#Shri-jindal .Shri-jindal-right h2,.home-title {font-size: 46px;line-height: 50px;}
.fade-line { display: none; }
#we-are-jsw {padding: 30px 0px; height: auto;  padding-bottom: 0px; }
#we-are-jsw .hilights .hilightsLeft .infos {
margin-bottom: 30px;
}
#we-are-jsw .hilights .hilightsRight {padding: 60px 25px;padding-top: 20px;}
#chairperson .chairpersonSlider {
padding-left: 0%;
}
#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName {
position: relative;
right: 0px;
bottom: 0px;
padding: 20px;
}

#chairperson .swiper-button-next, #chairperson .swiper-button-prev {
top: 90px;
}
#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName h2,#chairperson .chairpersonSlider .chairpersonBox .chairpersonimg .chairpersonName p { color: #000; }

#chairperson .chairpersonSlider .chairpersonBox .chairpersonDesc {padding: 40px 20px;}

#chairperson .chairpersonSlider .chairpersonBox .home-title {
line-height: 40px;
font-size: 36px;
margin-bottom: 20px;
}
#we-are-jsw .hilights .hilightsRight .infos {
margin-bottom: 30px;
padding-top: 20px;

}

#we-are-jsw .we-are-jsw-bg img {
object-fit: cover;
height: 50%;
}
#chairperson {
padding: 0px 0px;
margin-top: 0px;
}

#industries {padding: 30px 0px;}
#kpi .tab-content { width: 100%; }
#kpi .kpiInner {
padding: 14px;
}

#kpi .tabs-container nav ul li {padding: 9px;    font-size: 18px;}
#kpi .tabs-container nav ul li.active:after {top: 23px;right: 10px;border-top: 5px solid #fff;}

#kpi {
padding-bottom: 30px;
margin-top: 0px;
}
#future .futureleft .cricle-vet1,#future .futureleft .line-vet{ display: none; }
#future .cricle-vet2 {
position: absolute;
right: -90px;
top: -130px;
pointer-events: none;
width: 230px;
}
#future .futureleft p {
padding-right: 0px;
}
.home-title br { display: none; }

#future .futureright {
margin-top: 30px;
}
#alinging .alingingLeft {
width: 100%;
margin: auto;
padding: 20px;
}
#alinging .alinging-bg { height: auto; background-size: cover; }

#alinging .alingingRight {
margin: 30px auto;
max-width: 100%;
}
#creating-val .creating-right {
margin-top: 0px;
}

#creating-val .creating-right ul li .commbtn {
position: relative;
top: 0px;
right:20px;
}

#creating-val .creating-right ul li {padding: 40px 20px;}
#propeling .propelingLeft {padding: 20px;}
#propeling .propelingRight .propelingSlider {
width: 100%;
}


#propeling .propelingRight .propelingBox {height: 220px;}
#propeling .swiper-button-prev {right: 44px; left: inherit; }
#propeling .swiper-button-next,#propeling .swiper-button-prev {top: 30px;}

#Homesustainability {margin-top: 0px;padding: 30px 0px;}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxLeft .home-title {
font-size: 36px;
line-height: 38px;
}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight { background-color: #002361; }
#Homesustainability .susSlider .swiper-slide .susBox {padding: 28px;}
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight .diamond2 { display: none; }
#Homesustainability .susSlider .swiper-slide .susBox .susBoxRight p {position: relative; padding: 20px;}
#Homesustainability .susBoxLeft { margin-bottom: 20px; }

#downloadCenter {padding: 20px 0px;background-size: cover;}
#downloadCenter .mt-5 {
margin-top: 0rem !important;
}

#downloadCenter .pl-60 {
padding-left: 0px;
}

#downloadCenter .white-br-r {
border-right: none;
} 
#downloadCenter .download-bt {padding-bottom: 30px;height: auto;}

#we-are-jsw .hilights .hilightsRight .blue-ser-b {
    border-right: none;
}

}