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


    .factory-card .fact-card-lhs img{
        height: 550px;
     }
    




}



 .customize-support .factory-card .fact-card-lhs{
     background-image: none !important;
     }


.image-container img{
    max-width: 100% ;
    max-height: 100% ;
    height: 100%;
    object-fit: contain;
    z-index: 1;
}

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

.abt-cmp-pro-block .container-custom {

width: 92%;

background-color: #fff;

}

}


.vis-mis-wrp {
    z-index: 100 !important;
        margin-top: -114px;
}   
.factory-card .fact-card-lhs {
    height: 534px;
}


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



.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card{ width: 465px;left: 20px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card h2{ font-size: 38px; line-height: 40px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card p{ font-size: 18px; line-height: 24px;}

.common-ttle{ font-size: 36px; line-height: 38px;}

.common-sub-desc{ font-size: 16px; line-height: 24px;}

.hec-wrp .tab_content .caption-card { width: 485px;padding-left: 20px;}

.hec-wrp .tab_content {padding: 250px 0px 0px;}

.pj-wrp .pj-rhs {padding: 180px 50px 40px 30px;}

.pj-wrp .pj-rhs h2{ padding-top: 50px;}

.pj-wrp .pj-rhs .name{margin-left: -215px;}

.pj-wrp .pj-lhs{height: 700px;}

.project-wrp .proj-lhs{ margin-right: 60px;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2{font-size: 50px;}

.gbbs-wrp .gbbs-rhs h2{ font-size: 36px; line-height: 38px;}

.pj-wrp .pj-rhs h2{ font-size: 36px; line-height: 38px;}

.sustainable-wrp .smll-ttle {font-size: 32px;line-height: 38px;}

.banner-main-wrp .custom-pagi-wrp{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide{ height: 110px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span{ height: 400px;}


.abt-cmp-pro-block .container-custom{ width: 96.5%;}
.core-value-wrp .custom-container{ width: 96.5%;}

.inner-banner-block h1{ font-size: 50px; line-height: 55px;}
.inner-banner-block h2{ font-size: 50px; line-height: 55px;}



.offerings-grid .off-card-desc{padding: 40px 40px 75px 40px;}

.offerings-grid .off-card-desc .bt-dec{ font-size: 20px;}

.offerings-grid .off-card-desc .common-cta{ font-size: 11px;}

.offerings-grid .off-card-pic{ height: 570px;}

.offerings-grid .off-card-desc .common-ttle{ font-size: 38px; line-height: 48px;}

.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h2{ font-size: 36px; line-height: 50px;}
.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h1{ font-size: 36px; line-height: 50px;}

.factory-card .fact-card-lhs img{ height: 500px;}
.factory-card .fact-card-lhs img{ height: 475px;}
.factory-card{ margin-top: -475px;}
.abt-cmp-pro-block .container-custom .spacer-655-wrp {height: 450px;}


.abt-cmp-pro-block.copr-overview-card {
margin-top: -140px;
}

.abt-cmp-pro-block.brnd-vid-sec {
margin-top: -140px;
}

.ConcreelHDSection .container-custom {
margin-top: -140px;
}

.press-inner-wrp .container-custom {
margin-top: -140px;
}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ width: 800px;}


.soc-wrp .container-1360-wrp{ height: auto;}

.inner-banner-block.banner-bg-inner.sustainability-bg{     background-position: top right 40%;}
.info-numb h2 {font-size: 45px;}

}



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



.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card{ width: 465px;left: 20px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card h2{ font-size: 38px; line-height: 40px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card p{ font-size: 18px; line-height: 24px;}

.common-ttle{ font-size: 36px; line-height: 38px;}

.common-sub-desc{ font-size: 16px; line-height: 24px;}

.hec-wrp .tab_content .caption-card { width: 485px;padding-left: 20px;}

.hec-wrp .tab_content {padding: 250px 0px 0px;}

.pj-wrp .pj-rhs {padding: 180px 50px 40px 30px;}

.pj-wrp .pj-rhs h2{ padding-top: 50px;}

.pj-wrp .pj-rhs .name{margin-left: -215px;}

.pj-wrp .pj-lhs{height: 700px;}

.project-wrp .proj-lhs{ margin-right: 60px; width: 415px;}

.project-wrp .proj-rhs .pro-sldr .pro-progress{ margin-left: 0%;}


.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h2{ font-size: 42px; line-height: 46px;}
.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h1{ font-size: 42px; line-height: 46px;}


.banner-main-wrp .custom-pagi-wrp{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper{ height: 110px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide{ height: 110px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span{ height: 400px;}



.abt-cmp-pro-block .container-custom{ width: 100%;}

.core-value-wrp .custom-container{ width: 100%;}

.inner-banner-block h1{ font-size: 50px; line-height: 55px;}
.inner-banner-block h2{ font-size: 50px; line-height: 55px;}



.offerings-grid .off-card-desc{padding: 40px 40px 75px 40px;}

.offerings-grid .off-card-desc .bt-dec{ font-size: 20px;}

.offerings-grid .off-card-desc .common-cta{ font-size: 11px;}

.offerings-grid .off-card-pic{ height: 570px;}

.offerings-grid .off-card-desc .common-ttle{ font-size: 38px; line-height: 48px;}

.inner-banner-block p{ font-size: 18px; line-height: 26px;}



.core-value-wrp .custom-container .cv-card{ width: 100%;}



.info-numb h2{ font-size: 42px;}


.cap-wrp .cap-rhs-wrp .info-numb-card h2{font-size: 50px;}

.gbbs-wrp .gbbs-rhs h2{ font-size: 36px; line-height: 38px;}

.pj-wrp .pj-rhs h2{ font-size: 36px; line-height: 38px;}

.sustainable-wrp .smll-ttle {font-size: 32px;line-height: 38px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a{ height: 365px;}

.factory-card .fact-card-rhs .cvr { width: 535px; margin: 0px 40px;}
.factory-card .fact-card-lhs img {width: 100%;height: 450px;}

.abt-cmp-pro-block .container-custom .spacer-655-wrp {
height: 400px;
}

.factory-card{margin-top: -420px;}


.core-value-wrp .custom-container {
padding: 50px 50px 50px 50px;
}

.inner-banner-block.banner-bg-inner{ background-position: center;}

.inner-banner-block.banner-bg-inner.sustainability-bg{     background-position: top right 35%;}

.Interventionareas .CSRTabsContainer p{ font-size: 16px;}

#Learning-engagement .Learning-engagement-Box a span h3{ font-size: 20px;}


.abt-cmp-pro-block.copr-overview-card {
margin-top: -150px;
}

.abt-cmp-pro-block.brnd-vid-sec {
margin-top: -150px;
}

.ConcreelHDSection .container-custom {
margin-top: -150px;
}

.press-inner-wrp .container-custom {
margin-top: -150px;
}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ width: 800px;}

.journey-block .left-content .yr-fixed, .journey-block .left-content .circle-card, .journey-block .left-content div.yrs-card {top: 55%;}
.leadership-tabs-full .container-custom .bod-card a::before {top: 210px;}


}


/* ipad air top*/

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape) {
    .leadership-tabs-full .container-custom .bod-card a:hover::before {top: 175px;}
.abt-cmp-pro-block .container-custom{ width: 100%;}
.abt-cmp-pro-block .container-custom .comp-pro-lhs{ padding: 15px 15px 15px;}
.journey-block .left-content .yr-fixed{ font-size: 150px;}
.journey-block .left-content div.yrs-card{ font-size: 150px;left: 63%;}
.leader-block .leader-lhs {width: 100%;float: right;padding-left: 20px;}
.leader-block .leader-rhs{padding: 150px 30px 30px;}
.leader-block .leader-rhs .cvr-block{ width: 100%;}
.fi-block .fi-card{padding: 65px 30px;}

.inner-banner-block h2{ font-size: 48px; line-height: 48px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 148px;}
.info-numb h2{ font-size: 46px;}
.info-numb h2 span{ font-size: 32px;}

.factory-card .fact-card-rhs .cvr {width: 100%;margin: 0px 0px;padding: 0px 30px;}
.factory-card .fact-card-lhs img { height: 520px;}
.abt-cmp-pro-block .container-custom .spacer-655-wrp {height: 0px;}
.factory-card{ margin-top: 0px; background-color: #fff;}
.vis-mis-wrp{ margin-top: 0px;}
.core-value-wrp .custom-container{padding: 50px 15px 50px 15px; width: 100%;}
.core-value-wrp .custom-container .cv-card{ width: 100%;}

.leadership-tabs-full .container-custom{padding: 50px 20px 0px !important;}
.bod-modal .bod-in-pic-card .cvr {width: 100%;float: none;margin-right: 0px;padding: 0px 20px;}
.bod-modal .bod-in-desc-card {max-width: 100%;margin: 100px 20px 30px 0px;}
.bod-modal .close{ right: 30px;}

.abt-cmp-pro-block.brnd-vid-sec .container-custom {padding: 50px 20px 50px;}
.campaing-stories-full .cs-sldr .cs-card-pic-wrp{ background-position: top center;}

.rd-wrp .sub-ttle {
font-size: 26px;
}

.modalpop {
    width: 100%;
    min-width: 100%;
}

.abt-cmp-pro-block.copr-overview-card .container-custom{padding: 50px 20px;}
.rd-card-xd .swiper-container {padding: 0px 0px 60px;}

.ProjectSection .projectBox .HoverBox p{ font-size: 14px; line-height: 24px;}
.offerings-grid .off-card-desc{ padding: 20px;}

#AdvantagesSection .container {
width: 1000px;
max-width: 100%;
transform: scale(0.85);
}

.common-ttle-24{ font-size: 18px;}

#AdvantagesSection {
margin-top: 0px;
position: relative;
}

.ConcreelHDSection .app-card p{ font-size: 14px;}

.productHd .featureArrow{ right: 30px;}

.serv-page-full-cvr .services-main .container-custom {
padding: 20px 20px 0px !important;

}

.serv-page-full-cvr .tab-container-bx1 .custom-container{width: 100%;}
.common-ttle-36{ font-size: 28px; line-height: 38px;}
.ServicesNew .serv-page-full-cvr .serv-card-grid #faq .card .card-header .btn-header-link{ font-size: 18px;}
.ServicesNew .serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc h2{ font-size: 18px; line-height: 24px;}

.ServicesNew .serv-page-full-cvr .serv-card-grid{ padding: 0px 0px;}

.ServicesNew #tab2 .custom-container {height: auto !important;}

.serv-page-full-cvr .zap-pic-wrp {width: 100%;text-align: right;margin-top: 0px;margin-bottom: 50px;}

.ServicesNew .serv-page-full-cvr .tab-container-bx1 .custom-container{ height: auto;}

.sustain-over-card .container-custom {
padding: 20px 20px;
}

.Interventionareas .CSRTabsContainer p{ font-size: 13px;}

.lae-main-wrp .container-custom {
padding: 20px 20px 20px 20px !important;
}

.dft-wrp .dft-rhs{ padding: 15px;}

.ctf-wrp .container .ctaf-prev{ right: 55px; left: inherit;}
.ctf-wrp .container .ctaf-next{ left: inherit; right: 0px;}
.ctf-wrp .container .ctaf-next, .ctf-wrp .container .ctaf-prev{ top:50px;}

.ctf-wrp {padding-bottom: 50px;}

.wov-wrp .ProductportfolioBox{ margin-top: 20px;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-card .itn-desc h2{ font-size: 18px; line-height: 26px;}

.OpportunitiesBox2 {min-height: 380px;}
#Opportunities .JobResultList {padding-right: 200px;}
#Opportunities .search {width: 70%;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide .itn-card {
padding-right: 0px;
}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide {
width: 29.33% !important;
display: inline-table;
margin: 15px 0px;
}


.press-inner-wrp .mpw-wrp .swiper-wrapper .mpw-card{ width: 33.1% !important;}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ transform: translate(-50%, 0%) scale(0.7);}

.pft-wrp .pft-pro-sldr{ width: 850px;}

.pft-wrp .pft-next{margin-right: -500px;}
.pft-wrp .pft-prev{margin-left: -500px;}

.hero-club-wrp{ background-position: top center;}
.hif-wrp .hif-sldr .swiper-slide{ padding: 30px;}
.hif-wrp .hif-sldr .swiper-slide .hif-rhs {padding: 0px 20px 20px 20px;}


}


/* ipad air */

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
    
    .leadership-tabs-full .container-custom .bod-card a:hover::before {top: 175px;}
    

/* menu css */

.header-full-wrp .top-links{ display: none;}



.header-full-wrp .main-nav .mobile-logo-inner {

display: block; border-bottom: 1px solid rgba(51, 51, 51, 0.15); padding-bottom: 15px;

}

.modalpop {
    width: 100%;
    min-width: 100%;
}


.header-full-wrp .main-nav{ display: block;

position: fixed !important;

background-color: #fff;

width: 100%;

top: 0px;

left: initial;

right: -100%;

margin-top: 0px;

height: 100vh; padding: 15px 20px;}
.header-full-wrp .main-nav.open-nav{ display: block; right: 0px;}

#close-menu{ float: right; margin-top: 5px;}
.header-full-wrp .main-nav ul.main-nav-links{ display: block;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop{ margin: 0px;}

.header-full-wrp .main-nav ul.main-nav-links{ margin-top: 30px; padding: 0px 15px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 100%; color: #333; text-transform: uppercase; font-weight: 600;padding: 8px 10px; background-image: url(../images/arrw-mobile-chev-right.svg); background-repeat: no-repeat; background-position: right 10px center;}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr {

border-top: none;
}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr::before {
background-image: none;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card{

 position: fixed; width: 100%; height: 90vh; background-color: #fff; top:74px; left: initial; right:-100%; z-index: 1; display: block; overflow-y: scroll; padding-bottom: 30px;

}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.slide-left-card{right: 0px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card{ padding: 60px 30px 0px;box-shadow: none; background-color: #fff; width: 100%; height: auto; top: 0px; left: 0px; z-index: 1; position: relative;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card::before{ content: ''; width: 40px; height: 40px; background-image: url(../images/back-mobile-cta.svg); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; position: absolute; top:10px; left:30px;}





.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1{ box-shadow: none; width: 100%; padding: 0px 30px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li{ padding: 0px 0px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2{ margin-top: 0px; padding-top: 0px;display: none; padding-left: 10px;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act .drop-lvl2{ display: none;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2{ box-shadow: none; right: 0px; position: relative; }

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 .drop-lvl3{

box-shadow: none; right: 0px; position: relative; padding: 0px 0px 0px 10px; display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act a.link-cvr-lvl2{ background-color: #fff;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li a{ padding: 7px 10px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.link-cvr-lvl2{ padding: 7px 10px; background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 { background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 {



background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;



}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ background-color: transparent;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2:hover{ background-image: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.mob-act1{ background-color: #F4F5F6;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.mob-act2{ background-color: #F4F5F6 !important;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2.slideup1{ display: block;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2 li a{ border-bottom: 1px solid #e4e4e4;}



.header-full-wrp{ border-bottom: 1px solid rgba(255,255,255,0.5);}

.header-full-wrp #logo{ width: 150px; display: inline-block;}

.header-full-wrp #ham-menu{ display: block; float: right;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.mob-drop-card{ right: 0%;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.respo-drop-card {left: initial;right: -100%;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.inv-drop-card {left: initial;right: -100%;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.career-drop-card {
left: initial; right: -100%;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 100%;font-size: 18px; font-weight: 700;color: #333;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.act .lnks-anchr {
color: #333;
border-top: none !important;
border-bottom: 1px solid #D20A11 !important;
font-weight: 600;
}

.header-full-wrp .main-nav ul li a{ width: 100%;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.mob-drop-card {
right: 0% !important;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.first-lnk a.lnks-anchr{ background-image: none;}

.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr {
color: #333 !important;
border-top: 1px solid rgba(0, 0, 0, 0.0);
}

.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr::before{ background-image: none;}

/* menu css */

.abt-cmp-pro-block .container-custom{ width: 100%;}
.abt-cmp-pro-block .container-custom .comp-pro-lhs{ padding: 15px;}

.abt-cmp-pro-block .container-custom .comp-pro-lhs .info-numb h2{ font-size: 60px;}
.journey-block .right-content {padding: 20px 20px 20px;text-align: center;}
.leader-block .leader-rhs{ padding: 30px;}

.abt-cmp-pro-block .container-custom .comp-pro-rhs {width: 100%;height: 600px;
background-image: url(../images/abt-company-prf-pic.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}

.leader-block .leader-lhs {
width: 100%;
float: none;
padding: 0px 15px;
text-align: center;
}

.leader-block .leader-lhs .leader-pic-card {
text-align: center;
margin-top: 30px;
}

.leader-block .leader-rhs .cvr-block {
width: 100%;
}

.fi-block .fi-card {
width: 100%;
padding: 20px;
height: auto;
background-color: #fff;
}


.journey-block .left-content .circle-card {
width: 300px;
height: 300px;
position: absolute;
top: 30%;
left: 60%;
}

.journey-block .left-content .circle-card svg {
width: 300px;
height: 300px;
}

.journey-block .left-content .yr-fixed{ font-size: 120px;}
.journey-block .left-content div.yrs-card{ font-size: 120px;}


.info-numb h2{ font-size: 36px;}
.info-numb h2 span{ font-size: 24px;}
.factory-card .fact-card-rhs .cvr {width: 100%;margin: 0px 0px;padding: 20px 30px;}
.factory-card .fact-card-lhs img{ height: 520px;}
.abt-cmp-pro-block .container-custom .spacer-655-wrp {height: 0px;}
.factory-card{ margin-top: 0px; background-color: #fff;}
.vis-mis-wrp{ margin-top: 0px;}
.core-value-wrp .custom-container{padding: 50px 15px 50px 15px; width: 100%;}
.core-value-wrp .custom-container .cv-card{ width: 100%;}
.vis-mis-wrp .visco-card.pos-top{ margin-left: 0px;}
.vis-mis-wrp .visco-card{ width: 100%;}
.vis-mis-wrp .visco-card.pos-right{ float: none;}

.journey-block .right-content .journey-card .cvr h6{ font-size: 48px; font-weight: 700; color: #D20A11;}
.leadership-tabs-full .container-custom{padding: 50px 20px 0px !important;}
.bod-modal .bod-in-pic-card .cvr {width: 100%;float: none;margin-right: 0px;padding: 0px 20px;}
.bod-modal .bod-in-desc-card {max-width: 100%;margin: 100px 20px 30px 0px;}
.bod-modal .close{ right: 30px;}

.abt-cmp-pro-block.brnd-vid-sec .container-custom {padding: 50px 20px 50px;}
.campaing-stories-full .cs-sldr .cs-card-pic-wrp{ background-position: top center;}

.abt-cmp-pro-block.copr-overview-card .container-custom{padding: 50px 20px;}
.rd-card-xd .swiper-container {padding: 0px 0px 60px;}

.offerings-grid .off-card-desc{ padding: 20px;}

.pro-cement-card .container-custom {padding: 20px 20px 20px;}

#AdvantagesSection .container {
width: 1000px;
max-width: 100%;
transform: scale(0.65);
}

#AdvantagesSection::before{ display: none;}

.common-ttle-24{ font-size: 14px;}

#AdvantagesSection {
margin-top: 0px;
position: relative;
}

.ConcreelHDSection .app-card p{ font-size: 14px;}

#AwardsSection .awardsBox a{ font-size: 14px;}
.productHd.app-hd .featureArrow{ right: 30px;}
.productHd .featureArrow{ right: 30px;}

.serv-page-full-cvr .services-main .container-custom {
padding: 20px 20px 0px !important;

}

.serv-page-full-cvr .tab-container-bx1 .custom-container{width: 100%;}
.common-ttle-36{ font-size: 28px; line-height: 38px;}
.ServicesNew .serv-page-full-cvr .serv-card-grid #faq .card .card-header .btn-header-link{ font-size: 18px;}
.ServicesNew .serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc h2{ font-size: 18px; line-height: 24px;}

.ServicesNew .serv-page-full-cvr .serv-card-grid{ padding: 0px 0px;}
.ServicesNew #tab2 .custom-container {height: auto !important;}

.serv-page-full-cvr .zap-pic-wrp {width: 100%;text-align: right;margin-top: 0px;margin-bottom: 50px;}
.ServicesNew .serv-page-full-cvr .tab-container-bx1 .custom-container{ height: auto;}

.sustain-over-card .container-custom {
padding: 20px 20px;
}



.AccessCompliance .op-lnks{ font-size: 16px; line-height: 24px;}

.sustain-pro-info-numb .info-numb {padding-right: 30px;}
.text-center br{ display: none;}
.oc-wrp .oc-card{ height: auto;}
.sustain-over-card .eos-card{ padding: 0px 0px;}
.maa-main-wrp .maa-rhs{ padding-right: 0px;}

.Interventionareas .CSRTabsContainer .nav-tabs li{ width: 20%;}

.Interventionareas .CSRTabsContainer .CSRInnerRight {padding: 0px 0px;padding-right: 0px;}
.FootballAcademy { margin-top: 0px;}

.Interventionareas .CSRTabsContainer p{ font-size: 14px;}

.productHd .featureSlider {height: 250px;}

.RaisingTeam .featureArrow {
top: 60px;
}


.lae-main-wrp .container-custom {
padding: 20px 20px 20px 20px !important;
}

.dft-wrp .dft-rhs{ padding: 15px;}

.ctf-wrp .container .ctaf-prev{ right: 55px; left: inherit;}
.ctf-wrp .container .ctaf-next{ left: inherit; right: 0px;}
.ctf-wrp .container .ctaf-next, .ctf-wrp .container .ctaf-prev{ top:50px;}

.ctf-wrp {padding-bottom: 50px;}

.coa-wrp .coa-rhs {
max-width: 100%;
margin: 30px auto 0px;
}

.lae-main-wrp .kb-card{ height: auto;}

.wov-wrp .ProductportfolioBox{ margin-top: 20px;}

#Opportunities .col-sm-6 {
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
#Opportunities .search { width: 90%; }
#Opportunities .JobResultList {padding-right: 190px;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide{ width: 30%;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide{ width: 47% !important;    margin: 10px 0px;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide .itn-card {
padding-right: 0px;}

.press-inner-wrp .mpw-wrp .swiper-wrapper .mpw-card{ width: 49.7% !important;}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ transform: translate(-50%, 0%) scale(0.5);}
.soc-wrp{ height: 65vh;}

.pft-wrp .pft-pro-sldr{ width: 650px;}

.pft-wrp .common-feat-wrp{ width: 700px;bottom: 150px;}

.pft-wrp .pft-next{margin-right: -375px;}
.pft-wrp .pft-prev{margin-left: -375px;}

.smd-wrp .smd-sldr .swiper-slide .smd-rhs{ height: auto; padding: 20px; margin: 0px;}
.smd-wrp .smd-sldr .swiper-slide .smd-lhs img{ width: 100%;}

.smd-wrp .smd-sldr {margin-top: 0px;padding-top: 50px;}
.smd-wrp .smd-sldr .smd-next, .smd-wrp .smd-sldr .smd-prev{ top:50px;}
.ttmr-wrp .ttmr-grid-main .ttmr-desc h2{ font-size: 30px; line-height: 40px;}

.ttmr-wrp .ttmr-grid-main .ttmr-desc {
padding: 0px 0px 0px 0px;
}

.inner-banner-block.engineers-bnr{ background-position: top right;}
.hif-wrp .hif-sldr .swiper-slide{ padding: 20px;}
.hif-wrp .hif-sldr .swiper-slide .hif-rhs {padding: 0px 0px 0px 0px;}
.hero-club-wrp .common-ttle{ color: #fff;}
.hero-club-wrp{ height: auto;}

.inner-banner-block.contractors-bnr{ background-position: top right;}
.ccv-wrp .ccv-rhs {width: 100%;margin: 0%;padding: 20px;}



}


/* ipad mini landscape */

@media (max-width: 1024px) and (orientation: landscape) {
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card h2 {font-size: 30px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card {  min-height: 415px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li a{ font-size: 13px;}
.header-full-wrp .main-nav ul li a { width: 150px !important;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li {padding: 5px 0px 5px 10px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 {background-size: 13px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr {font-size: 14px;width: 120px !important;}
.footer-wrp .ftr-nav ul li ul li a {font-size: 11px;margin: 0 8px;}
.banner-main-wrp #slide-video::before {height: 100vh;}
.banner-main-wrp #slide-video {height: 350px;}
.banner-main-wrp .slider .bnr-slide-bg { height: 500px;}
}


/* Medium */

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

        .productHd .container-custom {
        padding: 0px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
.AwardsBox img {
width:100%;
}


.modalpop {
    width: 100%;
    min-width: 100%;
}


.header-full-wrp .top-links ul li {margin: 0px 10px;}

.header-full-wrp .main-nav ul li a{ font-size: 13px;width: 89px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card{left: 20px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide{line-height: 1.1;}

.common-pd-tb{ padding-top: 30px; padding-bottom: 30px;}

.cap-wrp .cap-lhs-wrp {padding: 0px 0px 0px 0px;}

.common-ttle{ font-size: 42px; line-height: 42px;}

.common-sub-desc{ font-size: 16px; line-height: 24px;}

.cap-wrp .cap-rhs-wrp .info-numb-card{ width: 100%;}

.cap-wrp .cap-rhs-wrp .info-numb-card p{ font-size: 16px; line-height: 1.2;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2 span.unit{ font-size: 26px;}

.hec-wrp {height: calc(80vh - 0px);}

.hec-wrp .tab_content { padding: 210px 0px 0px;height: 100%;display: none;background-position: right 40% top 0px;background-repeat: no-repeat;background-size: cover;}

.hec-wrp .tab_content .caption-card {width: 575px;padding: 20px;background-color: rgba(255,255,255,0.8);}

.pj-wrp .pj-rhs { padding: 180px 0px 0px 0px;}

.pj-wrp .pj-lhs{background-position: center top;}

.pj-wrp .pj-rhs .name{ margin-left: -180px;}

.pj-wrp .pj-rhs h2{ font-size: 36px;}

.project-wrp .proj-lhs {width: 100%;float: right;margin-right: 0px; padding: 0px 20px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span{ height: 335px;}

.project-wrp .proj-rhs .pro-sldr .pro-progress{ display: none;}

.sustainable-wrp .sus-sldr .swiper-slide{ height: 275px; padding: 0px;}

.sustainable-wrp .sus-sldr .swiper-slide .sus-card p{ font-size: 20px; line-height: 1.3;left: 15px;bottom: 15px;}

.sustainable-wrp .sus-sldr{ height: 350px;}

.career-wrp .career-pic-wrp .career-caption-card{ bottom: 50px;}

.career-wrp {width: 100%;padding-top: 30px;padding-bottom: 0px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card { width: 100%;height: 250px;display: block;padding: 30px 15px 0px; background-color: #21398f;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.desc{ font-size: 18px; line-height: 24px; color: #fff;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.date{ font-size: 16px; color: #fff;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-prev{right: 65px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-next{ right: 15px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-prev{right: 65px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-next{ right: 15px;}

.footer-wrp .ftr-nav ul li a {font-size: 13px; margin: 0px 8px;}



.cap-wrp .cap-rhs-wrp .info-numb-card h2{ font-size: 48px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a{ height: 365px;}

.gbbs-wrp .gbbs-lhs{ background-position: top center;}

.banner-main-wrp .slider .bnr-slide-bg{ background-position: top center;}
.inner-banner-block.banner-bg-inner{ background-position: top center;}



.abt-cmp-pro-block .container-custom{ width: 100%;}
.abt-cmp-pro-block .container-custom .comp-pro-lhs{ padding: 15px 15px 15px;}
.journey-block .left-content .yr-fixed{ font-size: 150px;}
.journey-block .left-content div.yrs-card{ font-size: 150px;left: 63%;}
.leader-block .leader-lhs {width: 100%;float: right;padding-left: 20px;}
.leader-block .leader-rhs{padding: 150px 30px 30px;}
.leader-block .leader-rhs .cvr-block{ width: 100%;}
.fi-block .fi-card{padding: 65px 30px;}


.inner-banner-block h2{ font-size: 48px; line-height: 48px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 122px;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr {font-size: 14px;}
#FacilitiesSection .container-custom {
padding: 50px 0px 0px !important;
}
.info-numb h2{ font-size: 36px;}
.info-numb h2 span{ font-size: 24px;}

.factory-card .fact-card-rhs .cvr {width: 100%;margin: 0px 0px;padding: 0px 30px;}
.factory-card .fact-card-lhs img{ height: 520px;}
.abt-cmp-pro-block .container-custom .spacer-655-wrp {height: 0px;}
.factory-card{ margin-top: 0px; background-color: #fff;}
.vis-mis-wrp{ margin-top: 0px;}
.core-value-wrp .custom-container{padding: 50px 15px 50px 15px; width: 100%;}
.core-value-wrp .custom-container .cv-card{ width: 100%;}

.journey-block .left-content .yr-fixed{ left: 20%;}

.leadership-tabs-full .container-custom{padding: 50px 20px 0px !important;}
.bod-modal .bod-in-pic-card .cvr {width: 100%;float: none;margin-right: 0px;padding: 0px 20px;}
.bod-modal .bod-in-desc-card {max-width: 100%;margin: 100px 20px 30px 0px;}
.bod-modal .close{ right: 30px;}

.abt-cmp-pro-block.brnd-vid-sec .container-custom {padding: 50px 20px 50px;}
.campaing-stories-full .cs-sldr .cs-card-pic-wrp{ background-position: top center;}

.rd-wrp .sub-ttle {
font-size: 26px;
}

.abt-cmp-pro-block.copr-overview-card .container-custom{padding: 50px 20px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0px;}
.rd-card-xd .swiper-container {padding: 0px 0px 60px;}

.ProjectSection .projectBox .HoverBox p{ font-size: 14px; line-height: 24px;}

.offerings-grid .off-card-desc{ padding: 20px;}

.pro-cement-card .container-custom {padding: 20px 20px 20px;}

#AdvantagesSection .container {
width: 1000px;
max-width: 100%;
transform: scale(0.85);
}

.common-ttle-24{ font-size: 18px;}

#AdvantagesSection {
margin-top: 0px;
position: relative;
}

.ConcreelHDSection .app-card p{ font-size: 14px;}

.productHd .featureArrow{ right: 30px;}

.serv-page-full-cvr .services-main .container-custom {
padding: 20px 20px 0px !important;

}

.serv-page-full-cvr .tab-container-bx1 .custom-container{width: 100%;}
.common-ttle-36{ font-size: 28px; line-height: 38px;}
.ServicesNew .serv-page-full-cvr .serv-card-grid #faq .card .card-header .btn-header-link{ font-size: 18px;}
.ServicesNew .serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc h2{ font-size: 18px; line-height: 24px;}

.ServicesNew .serv-page-full-cvr .serv-card-grid{ padding: 0px 0px;}

.ServicesNew #tab2 .custom-container {height: auto !important;}

.serv-page-full-cvr .zap-pic-wrp {width: 100%;text-align: right;margin-top: 0px;margin-bottom: 50px;}
.ServicesNew .serv-page-full-cvr .tab-container-bx1 .custom-container{ height: auto;}

.sustain-over-card .container-custom {
padding: 20px 20px;
}

.Interventionareas .CSRTabsContainer p{ font-size: 13px;}

.lae-main-wrp .container-custom {
padding: 20px 20px 20px 20px !important;
}

.dft-wrp .dft-rhs{ padding: 15px;}

.ctf-wrp .container .ctaf-prev{ right: 55px; left: inherit;}
.ctf-wrp .container .ctaf-next{ left: inherit; right: 0px;}
.ctf-wrp .container .ctaf-next, .ctf-wrp .container .ctaf-prev{ top:50px;}

.ctf-wrp {padding-bottom: 50px;}

.wov-wrp .ProductportfolioBox{ margin-top: 20px;}

.OpportunitiesBox2 {min-height: 380px;}
#Opportunities .JobResultList {padding-right: 200px;}
#Opportunities .search {width: 70%;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide .itn-card {
padding-right: 0px;
}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide {
width: 29.33% !important;
display: inline-table;
margin: 15px 0px;
}

.press-inner-wrp .mpw-wrp .swiper-wrapper .mpw-card{ width: 33.1% !important;}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ transform: translate(-50%, 0%) scale(0.7);}

.pft-wrp .pft-pro-sldr{ width: 850px;}

.pft-wrp .pft-next{margin-right: -500px;}
.pft-wrp .pft-prev{margin-left: -500px;}


}


.inner-banner-block.banner-bg-inner.product-banner .common-cta {
    color: #fff;
}

.inner-banner-block.banner-bg-inner.product-banner .pro-cta {
    color: black ;
}
.inner-banner-block.banner-bg-inner.product-banner .pro-cta:hover {
    color: rgb(255, 255, 255) ;
}


.inner-banner-block.banner-bg-inner.product-banner p {
    max-width: 850px;
}
/* Small */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

      .productHd .container-custom {
        padding: 0px;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .cementitious .no-navgative-val2 .container-custom {
    margin-top: -24px !important;
}

.AwardsBox img {
width:100%;
}

.modalpop {
    width: 100%;
    min-width: 100%;
}

.no-navgative-val3 .container-custom {
margin-top: 0px !important;
}
/* menu css */

.header-full-wrp .top-links{ display: none;}



.header-full-wrp .main-nav .mobile-logo-inner {

display: block; border-bottom: 1px solid rgba(51, 51, 51, 0.15); padding-bottom: 15px;

}



.header-full-wrp .main-nav{ display: block;

position: fixed !important;

background-color: #fff;

width: 100%;

top: 0px;

left: initial;

right: -100%;

margin-top: 0px;

height: 100vh; padding: 15px 20px;}



.header-full-wrp .main-nav.open-nav{ display: block; right: 0px;}



#close-menu{ float: right; margin-top: 5px;}



.header-full-wrp .main-nav ul.main-nav-links{ display: block;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop{ margin: 0px;}

.header-full-wrp .main-nav ul.main-nav-links{ margin-top: 30px; padding: 0px 15px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 100%; color: #333; text-transform: uppercase; font-weight: 600;padding: 15px 10px; background-image: url(../images/arrw-mobile-chev-right.svg); background-repeat: no-repeat; background-position: right 10px center;}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr {

border-top: none;
}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr::before {
background-image: none;
}

.header-full-wrp .main-nav .mobileNav {
display: block;
visibility: visible;
}
.header-full-wrp .main-nav .mobileTollFree {
display: block;
visibility: visible;
}
.header-full-wrp .main-nav .mobileTollFree a {font-size: 20px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card{



position: fixed;

width: 100%;

height: 90vh;

background-color: #fff;

top:74px;

left: initial;

right:-100%;

z-index: 1;

display: block;

overflow-y: scroll;

padding-bottom: 30px;

}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.slide-left-card{right: 0px;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card{ padding: 60px 30px 0px;box-shadow: none;

background-color: #fff;

width: 100%;

height: auto;
min-height: auto;
top: 0px;

left: 0px;

z-index: 1; position: relative;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card::before{ content: ''; width: 40px; height: 40px; background-image: url(../images/back-mobile-cta.svg); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; position: absolute; top:10px; left:30px;}





.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1{ box-shadow: none; width: 100%; padding: 0px 30px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li{ padding: 0px 0px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2{ margin-top: 0px; padding-top: 0px;display: none; padding-left: 10px;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act .drop-lvl2{ display: none;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2{ box-shadow: none; right: 0px; position: relative; }

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 .drop-lvl3{

box-shadow: none; right: 0px; position: relative; padding: 0px 0px 0px 10px; display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act a.link-cvr-lvl2{ background-color: #fff;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li a{ padding: 7px 10px;     font-size: 18px;}

#FacilitiesSection .facilitiesTabsBanner .bannerBox h2 {font-size: 26px; line-height: 36px;}
#FacilitiesSection .facilitiesTabsBanner .bannerBox .UnitBox h3 {font-size: 22px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.link-cvr-lvl2{ padding: 7px 10px; background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 { background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 {



background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;



}

#footer-logo img { width: 110px; }
.footer-wrp .subsidry-txt {font-size: 13px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ background-color: transparent;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2:hover{ background-image: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.mob-act1{ background-color: #F4F5F6;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.mob-act2{ background-color: #F4F5F6 !important;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2.slideup1{ display: block;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2 li a{ border-bottom: 1px solid #e4e4e4;}



.header-full-wrp{ border-bottom: 1px solid rgba(255,255,255,0.5);}

.header-full-wrp #logo{ width: 150px; display: inline-block;}

.header-full-wrp #ham-menu{ display: block; float: right;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.mob-drop-card{ right: 0%;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.respo-drop-card {left: initial;right: -100%;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.inv-drop-card {left: initial;right: -100%;}
.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.career-drop-card {
left: initial; right: -100%;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 100%;font-size: 18px; font-weight: 700;color: #333;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.act .lnks-anchr {
color: #333;
border-top: none !important;
border-bottom: 1px solid #D20A11 !important;
font-weight: 600;
}

.header-full-wrp .main-nav ul li a{ width: 100%;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.mob-drop-card {
right: 0% !important;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.first-lnk a.lnks-anchr{ background-image: none;}


.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr {
color: #333 !important;
border-top: 1px solid rgba(0, 0, 0, 0.0);
}

.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr::before{ background-image: none;}

/* menu css */


.header-full-wrp .top-links ul li {margin: 0px 10px;}

.header-full-wrp .main-nav ul li a{ font-size: 13px;width: 100% !important;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card{left: 20px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide{line-height: 1.1;}

.common-pd-tb{ padding-top: 30px; padding-bottom: 30px;}

.cap-wrp .cap-lhs-wrp {padding: 0px 0px 0px 0px;}

.common-ttle{ font-size: 36px; line-height: 42px;}

.common-sub-desc{ font-size: 18px; line-height: 30px;}

.cap-wrp .cap-rhs-wrp .info-numb-card{ width: 100%; min-height: 105px;}

.cap-wrp .cap-rhs-wrp .info-numb-card p{ font-size: 12px; line-height: 1.2;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2 span.unit{ font-size: 16px;}

.hec-wrp {height: calc(60vh - 0px);}

.hec-wrp .tab_content { padding: 210px 0px 0px;height: 100%;display: none;background-position: right 40% top 0px;background-repeat: no-repeat;background-size: cover;}

.hec-wrp .tab_content .caption-card {width: 575px;padding: 20px;background-color: rgba(255,255,255,0.8);}

.pj-wrp .pj-rhs { padding: 180px 0px 0px 0px;}

.pj-wrp .pj-lhs{background-position: center top;}

.pj-wrp .pj-rhs .name{ margin-left: -184px;}

.pj-wrp .pj-rhs h2{ font-size: 30px;line-height: 1.2;}

.project-wrp .proj-lhs {width: 100%;float: right;margin-right: 0px; padding: 0px 20px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span{ height: 335px;}

.project-wrp .proj-rhs .pro-sldr .pro-progress{ display: none;}

.sustainable-wrp .sus-sldr .swiper-slide{ height: 275px; padding: 0px;}

.sustainable-wrp .sus-sldr .swiper-slide .sus-card p{ font-size: 16px; line-height: 1.4;left: 15px;bottom: 15px;}

.sustainable-wrp .sus-sldr{ height: 350px;}

.career-wrp .career-pic-wrp .career-caption-card{ bottom: 50px;}

.career-wrp {width: 100%;padding-top: 30px;padding-bottom: 0px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card { width: 100%;height: 250px;display: block;padding: 30px 15px 0px; background-color: #21398f;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.desc{ font-size: 18px; line-height: 24px; color: #fff;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.date{ font-size: 16px; color: #fff;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-prev{right: 65px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-next{ right: 15px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-prev{right: 65px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-next{ right: 15px;}

.footer-wrp .ftr-nav ul li a {font-size: 13px; margin: 0px 8px;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2{ font-size: 40px;}

.gbbs-wrp .gbbs-rhs{ padding: 0px;}

.gbbs-wrp .gbbs-lhs{ height: 510px; background-position: top center;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a{ height: 365px;}




.header-full-wrp .top-links ul li a{ font-size: 11px;}
.gbbs-wrp .gbbs-rhs h2 {font-size: 32px;line-height: 42px;}

.banner-main-wrp .slider .bnr-slide-bg{ background-position: top center;}
.inner-banner-block.banner-bg-inner{ background-position: top center;}

.abt-cmp-pro-block .container-custom{ width: 100%;}
.abt-cmp-pro-block .container-custom .comp-pro-lhs{ padding: 15px;}

.abt-cmp-pro-block .container-custom .comp-pro-lhs .info-numb h2{ font-size: 60px;}
.journey-block .right-content {padding: 20px 20px 20px;text-align: center;}
.leader-block .leader-rhs{ padding: 30px;}

.abt-cmp-pro-block .container-custom .comp-pro-rhs {width: 100%;height: 600px;
background-image: url(../images/abt-company-prf-pic.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}

.leader-block .leader-lhs {
width: 100%;
float: none;
padding: 0px 15px;
text-align: center;
}

.leader-block .leader-lhs .leader-pic-card {
text-align: center;
margin-top: 30px;
}

.leader-block .leader-rhs .cvr-block {
width: 100%;
}

.fi-block .fi-card {
width: 100%;
padding: 20px;
height: auto;
background-color: #fff;
}


.info-numb h2{ font-size: 36px;}
.info-numb h2 span{ font-size: 24px;}
.factory-card .fact-card-rhs .cvr {width: 100%;margin: 0px 0px;padding: 20px 30px;}
.factory-card .fact-card-lhs img{ height: 520px;}
.abt-cmp-pro-block .container-custom .spacer-655-wrp {height: 0px;}
.factory-card{ margin-top: 0px; background-color: #fff;}
.vis-mis-wrp{ margin-top: 0px;}
.core-value-wrp .custom-container{padding: 50px 15px 50px 15px; width: 100%;}
.core-value-wrp .custom-container .cv-card{ width: 100%;}
.vis-mis-wrp .visco-card.pos-top{ margin-left: 0px;}
.vis-mis-wrp .visco-card{ width: 100%;}
.vis-mis-wrp .visco-card.pos-right{ float: none;}

.journey-block .right-content .journey-card .cvr h6{ font-size: 48px; font-weight: 700; color: #D20A11;}

.leadership-tabs-full .container-custom{padding: 50px 20px 0px !important;}

.bod-modal .bod-in-pic-card .cvr {width: 100%;float: none;margin-right: 0px;padding: 0px 20px;}
.bod-modal .bod-in-desc-card {max-width: 100%;margin: 100px 20px 30px 0px;}
.bod-modal .close{ right: 0px; top: 0;}

.abt-cmp-pro-block.brnd-vid-sec .container-custom {padding: 50px 20px 50px;}
.campaing-stories-full .cs-sldr .cs-card-pic-wrp{ background-position: top center;}

.abt-cmp-pro-block.copr-overview-card .container-custom{padding: 50px 20px;}
.rd-card-xd .swiper-container {padding: 0px 0px 60px;}

.offerings-grid .off-card-desc{ padding: 20px;}

.pro-cement-card .container-custom {padding: 20px 20px 20px;}
.pro-cement-card .wah-full-wrp .wah-grid-card{ margin-top: 30px;}

#AdvantagesSection .container {
width: 1000px;
max-width: 100%;
transform: scale(0.65);
}

#AdvantagesSection::before{ display: none;}

.common-ttle-24{ font-size: 14px;}

#AdvantagesSection {
margin-top: 0px;
position: relative;
}

.ConcreelHDSection .app-card p{ font-size: 14px;}

#AwardsSection .awardsBox a{ font-size: 14px;}
.productHd.app-hd .featureArrow{ right: 30px;}

.productHd .featureArrow{ right: 30px;}

.serv-page-full-cvr .services-main .container-custom {
padding: 20px 20px 0px !important;

}

.serv-page-full-cvr .tab-container-bx1 .custom-container{width: 100%;}
.common-ttle-36{ font-size: 28px; line-height: 38px;}
.ServicesNew .serv-page-full-cvr .serv-card-grid #faq .card .card-header .btn-header-link{ font-size: 18px;}
.ServicesNew .serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc h2{ font-size: 18px; line-height: 24px;}

.ServicesNew .serv-page-full-cvr .serv-card-grid{ padding: 0px 0px;}

.ServicesNew #tab2 .custom-container {height: auto !important;}

.serv-page-full-cvr .zap-pic-wrp {width: 100%;text-align: right;margin-top: 0px;margin-bottom: 50px;}
.ServicesNew .serv-page-full-cvr .tab-container-bx1 .custom-container{ height: auto;}


.sustain-over-card .container-custom {
padding: 20px 20px;
}

.AccessCompliance .op-lnks{ font-size: 16px; line-height: 24px;}

.sustain-pro-info-numb .info-numb {padding-right: 30px;}
.text-center br{ display: none;}
.oc-wrp .oc-card{ height: auto;}
.sustain-over-card .eos-card{ padding: 0px 0px;}
.maa-main-wrp .maa-rhs{ padding-right: 0px;}

.Interventionareas .CSRTabsContainer .nav-tabs li{ width: 20%;}

.Interventionareas .CSRTabsContainer .CSRInnerRight {padding: 0px 0px;padding-right: 0px;}
.FootballAcademy { margin-top: 0px;}

.Interventionareas .CSRTabsContainer p{ font-size: 14px;}

.productHd .featureSlider {height: 250px;}

.RaisingTeam .featureArrow {
top: 60px;
}

.lae-main-wrp .container-custom {
padding: 20px 20px 20px 20px !important;
}

.dft-wrp .dft-rhs{ padding: 15px;}

.ctf-wrp .container .ctaf-prev{ right: 55px; left: inherit;}
.ctf-wrp .container .ctaf-next{ left: inherit; right: 0px;}
.ctf-wrp .container .ctaf-next, .ctf-wrp .container .ctaf-prev{ top:50px;}

.ctf-wrp {padding-bottom: 50px;}

.coa-wrp .coa-rhs {
max-width: 100%;
margin: 30px auto 0px;
}

.lae-main-wrp .kb-card{ height: auto;}

.wov-wrp .ProductportfolioBox{ margin-top: 20px;}

#Opportunities .col-sm-6 {
-ms-flex: 0 0 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
#Opportunities .search { width: 90%; }
#Opportunities .JobResultList {padding-right: 190px;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide{ width: 47% !important;    margin: 10px 0px;}

.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide .itn-card {
padding-right: 0px;}

.press-inner-wrp .mpw-wrp .swiper-wrapper .mpw-card{ width: 49.7% !important;}

.soc-wrp .container-1360-wrp .soc-cntr-pic{ transform: translate(-50%, 0%) scale(0.5);}

.soc-wrp{ height: 65vh;}

.pft-wrp .pft-pro-sldr{ width: 650px;}

.pft-wrp .common-feat-wrp{ width: 700px; bottom: 150px;}

.pft-wrp .pft-next{margin-right: -375px;}
.pft-wrp .pft-prev{margin-left: -375px;}

.smd-wrp .smd-sldr .swiper-slide .smd-rhs{ height: auto; padding: 20px; margin: 0px;}
.smd-wrp .smd-sldr .swiper-slide .smd-lhs img{ width: 100%;}

.smd-wrp .smd-sldr {margin-top: 0px;padding-top: 50px;}
.smd-wrp .smd-sldr .smd-next, .smd-wrp .smd-sldr .smd-prev{ top:50px;}

.ttmr-wrp .ttmr-grid-main .ttmr-desc h2{ font-size: 30px; line-height: 40px;}

.inner-banner-block{ background-position: top right;}
.hif-wrp .hif-sldr .swiper-slide{ padding: 20px;}

.ttmr-wrp .ttmr-grid-main .ttmr-desc {
padding: 0px 0px 0px 0px;
}


.inner-banner-block.engineers-bnr{ background-position: top right;}
.hif-wrp .hif-sldr .swiper-slide{ padding: 20px;}
.hif-wrp .hif-sldr .swiper-slide .hif-rhs {padding: 0px 0px 0px 0px;}
.hero-club-wrp .common-ttle{ color: #fff;}
.hero-club-wrp{ height: auto;}


.inner-banner-block.contractors-bnr{ background-position: top right;}
.ccv-wrp .ccv-rhs {width: 100%;margin: 0%;padding: 20px;}



}





/* Extra small */

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


.container-custom { padding: 20px !important; }



    .nxt-table-block tr td{ padding: 3px; font-size: 11px;}
    .nxt-table-block tr th{ padding: 3px; font-size: 12px;}


.no-navgative-val3 .container-custom {
margin-top: 0px !important;
}

.header-full-wrp .top-links{ display: none;}



.header-full-wrp .main-nav .mobile-logo-inner {

display: block; border-bottom: 1px solid rgba(51, 51, 51, 0.15); padding-bottom: 15px;

}

.modalpop {
    width: 100%;
    min-width: 100%;
}

.header-full-wrp .main-nav{ display: block;

position: fixed !important;

background-color: #fff;

width: 100%;

top: 0px;

left: initial;

right: -100%;

margin-top: 0px;

height: 100vh; padding: 15px 20px;}



.header-full-wrp .main-nav.open-nav{ display: block; right: 0px;}



#close-menu{ float: right; margin-top: 5px;}



.header-full-wrp .main-nav ul.main-nav-links{ display: block;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop{ margin: 0px;}

.header-full-wrp .main-nav ul.main-nav-links{ margin-top: 30px; padding: 0px 15px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ width: 100%; color: #333; text-transform: uppercase; font-weight: 600;padding: 8px 10px; background-image: url(../images/arrw-mobile-chev-right.svg); background-repeat: no-repeat; background-position: right 10px center;}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr {

border-top: none;
}

body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr::before {
background-image: none;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card{



position: fixed;

width: 100%;

height: 90vh;

background-color: #fff;

top:74px;

left: initial;

right:-100%;

z-index: 1;

display: block;

overflow-y: scroll;

padding-bottom: 30px;

}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.slide-left-card{right: 0px;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card{ padding: 60px 30px 0px;box-shadow: none;

background-color: #fff;

width: 100%;

/* height: auto; */
min-height: auto;

top: 0px;

left: 0px;

z-index: 1; position: relative;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-cap-card::before{ content: ''; width: 40px; height: 40px; background-image: url(../images/back-mobile-cta.svg); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; position: absolute; top:10px; left:30px;}





.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1{ box-shadow: none; width: 100%; padding: 0px 30px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li{ padding: 0px 0px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2{ margin-top: 0px; padding-top: 0px;display: none; padding-left: 10px;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act .drop-lvl2{ display: none;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2{ box-shadow: none; right: 0px; position: relative; }

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 .drop-lvl3{

box-shadow: none; right: 0px; position: relative; padding: 0px 0px 0px 10px; display: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2.act a.link-cvr-lvl2{ background-color: #fff;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li a{ padding: 7px 10px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.link-cvr-lvl2{ padding: 7px 10px; background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 { background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 {



background-image: url(../images/down-arrw-mob.svg); background-position: right 10px center; background-repeat: no-repeat;



}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3.cvr-lvl3.act2{ background-color: transparent;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2:hover{ background-image: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop a.mob-act1{ background-color: #F4F5F6;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 a.mob-act2{ background-color: #F4F5F6 !important;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2.slideup1{ display: block;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2.cvr-lvl2 .drop-lvl2 li a{ border-bottom: 1px solid #e4e4e4;}



.header-full-wrp{ border-bottom: 1px solid rgba(255,255,255,0.5);}

.header-full-wrp #logo{ width: 150px; display: inline-block;}

.header-full-wrp #ham-menu{ display: block; float: right;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card{width: 100%; padding: 0px 20px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card h2{font-size: 30px; line-height: 30px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card p{ font-size: 18px; line-height: 24px;}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide .container-1360-wrp .caption-card a{ font-size: 14px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide .thimb-pop-card{ display: none;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr{ height: auto; margin-left: 0px; padding-left: 10px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper{ height: auto; display: table;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide{ height: calc((100% - 30px) / 2); width: 45% !important; display: inline-table; padding: 20px 15px;

border-right: none;font-size: 15px;text-align: center; background-color: rgba(0,0,0,0.3); height: 70px; margin: 10px 5px 10px; border-top: 2px solid rgba(0,0,0,0.3);}

.banner-main-wrp .custom-pagi-wrp{ border-top: none; height: auto;    bottom: 10px;}

.banner-main-wrp .custom-pagi-wrp .bnr-pagi-sldr .swiper-wrapper .swiper-slide-thumb-active{background-color: rgba(0,0,0,0.6); border-top: 2px solid #D20A11;}



.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide.bnr-bg1{background-image: url(../images/bnr1-mob.webp);}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide.bnr-bg2{background-image: url(../images/bnr2-mob.webp);}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide.bnr-bg3{background-image: url(../images/bnr1-mob.webp);}

.banner-main-wrp .banner-sldr .swiper-wrapper .swiper-slide.bnr-bg4{background-image: url(../images/bnr2-mob.webp);}





.common-pd-tb{ padding-top: 30px; padding-bottom: 30px;}

.cap-wrp .cap-lhs-wrp{ padding: 0px;}

.common-ttle{ font-size: 28px; line-height: 30px;}
.leader-block .leader-rhs .cvr-block .name{ font-size: 32px;}

.common-ttle br{ display: none;}

.common-sub-desc{font-size: 16px; line-height: 24px;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2{ font-size: 46px;}

.cap-wrp .cap-rhs-wrp .info-numb-card p{ font-size: 14px;}

.cap-wrp .cap-rhs-wrp .info-numb-card{ width: 100%; min-height: 100px; margin-bottom: 0px; margin-top: 20px;}

.cap-wrp .cap-rhs-wrp .info-numb-card h2 span.unit{ font-size: 22px;}



.hec-wrp{ height: auto; margin-bottom: 0px;}

.hec-wrp ul.tabs {margin: 0 auto !important;padding: 0;float: none;list-style: none;height: auto;width: 100%; position: relative;top: 0px;left: 0%;margin-left: 0px;z-index: 10; display: flex;}

.hec-wrp ul.tabs li{ width: 33.33%;padding: 10px 11px;height: auto;line-height: 1.2;text-align: center;font-weight: 700;font-size: 13px; background-color: #f4f5f6;}


.hec-wrp ul.tabs{ background-color: #f4f5f6;}


.hec-wrp .tab_content .caption-card{ width: 100%;}

.hec-wrp .tab_content {padding: 20px 20px 0px;background-color: #F4F5F6;background-position:bottom center;height: 700px;background-size: contain;}

.hec-wrp .tab_content.hec-bg1{ background-image: url(../images/hec-mobile1.webp);}

.hec-wrp .tab_content.hec-bg2{ background-image: url(../images/hec-mobile2.webp);}

.hec-wrp .tab_content.hec-bg3{ background-image: url(../images/hec-mobile3.webp);}

.hec-wrp .tab_content.hec-bg4{ background-image: url(../images/hec-mobile4.webp);}



.common-cta::before{ width: 50px;}

.common-cta{ display: block; margin: 10px 0px;}



.pj-wrp .pj-lhs{ width: 239px; height: 328px; background-image: url(../images/parth-mobile-bg.webp); margin: 0 auto; margin-bottom: 100px;}

.pj-wrp .pj-lhs .name {font-size: 32px;line-height: 1;font-weight: 700;color: #333;width: 100%;margin-top: 0px;position: relative;right: 0px;top: 345px; text-align: center;}

.pj-wrp .pj-lhs .name span.yin {color: #333;}
.pj-wrp .pj-lhs .name span.desg{ text-align: center;}


.pj-wrp .pj-rhs {padding: 30px 0px 0px 0px; text-align: center;}

.pj-wrp .pj-rhs h2{ background-position: top center; font-size: 24px; line-height: 1.4;}

.pj-wrp .pj-rhs .common-cta{ display: inline-block; margin-right: 15px;}

.pj-wrp .pj-rhs .name{ font-size: 24px; margin-left: 0px; width: 100%; text-align: center;}

.pj-wrp .pj-rhs .name span.yin{ color: #333;}

.pj-wrp .pj-rhs .name span.desg br{ display: none;}

.pj-wrp .pj-rhs .name span.desg{ font-size: 14px; text-align: center;}

.pj-wrp{ padding: 30px 0px;}


.sustainable-wrp .text-center .common-cta{ width: 195px !important; margin: 10px auto !important;}


.project-wrp{ padding: 30px 15px;}

.project-wrp .proj-lhs {width: 100%;float: none;margin-right: 0px;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span p{ font-size: 13px;}

.project-wrp .proj-rhs .pro-sldr {width: 100%;padding-bottom: 70px;padding-top: 50px;}

.project-wrp .proj-rhs .pro-sldr .pro-next, .project-wrp .proj-rhs .pro-sldr .pro-prev{top:30px;}

.project-wrp .proj-rhs .pro-sldr .pro-next{ left: initial; right: 15px;}

.project-wrp .proj-rhs .pro-sldr .pro-prev{left: initial; right: 70px;}

.project-wrp .proj-rhs .pro-sldr .pro-progress{ margin-left: 0%; width: 100%;}



.project-wrp .proj-rhs .pro-sldr .swiper-slide span.pro-card1{background-image: url(../images/pro-mob1.webp);}

.project-wrp .proj-rhs .pro-sldr .swiper-slide span.pro-card2{background-image: url(../images/pro-mob2.webp);}



.sustainable-wrp .container-950-wrp{ padding: 0px 15px;}

.sustainable-wrp .sus-sldr{ height: 250px; padding: 50px 0px 0px; margin-top: 0px;}

.sustainable-wrp .sus-sldr .swiper-slide{ height: 200px; padding: 0px;}

.sustainable-wrp .sus-sldr .swiper-slide .sus-card p{ font-size: 18px; line-height: 1.2;}

.sustainable-wrp .sus-sldr .sus-next, .sustainable-wrp .sus-sldr .sus-prev {width: 36px;height: 22px;top: 20px; bottom: initial; background-size: cover;}



.sustainable-wrp .sus-sldr .swiper-slide.sus-bg1 {background-image: url(../images/sus1-mob.webp);}

.sustainable-wrp .sus-sldr .swiper-slide.sus-bg2 {background-image: url(../images/sus2-mob.webp);}

.sustainable-wrp .sus-sldr .swiper-slide.sus-bg3 {background-image: url(../images/sus3-mob.webp);}



.sustainable-wrp .sus-sldr .swiper-slide .sus-card p{ left: 20px;top: 55%;}

.career-wrp {width: 100%;padding-top: 0px;padding-bottom: 30px;}

.career-wrp .career-pic-wrp {background-image: url(../images/careers-pic-mob.webp);}

.career-wrp .career-pic-wrp .career-caption-card {width: 100%;background-color: #fff;padding: 20px 0px 0px; position: relative;right: 0px;bottom: 0px;text-align: center;     top: 200px;}

.career-wrp .career-pic-wrp .career-caption-card a{ display: inline-block;}

.career-wrp .career-pic-wrp{ margin-top: 20px; height: 370px;}

.career-wrp{ text-align: center;}



.media-wrp { padding: 30px 0px;}

.media-wrp .common-ttle{ padding: 0px 15px;}



.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card{ background-color: #21398f;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.desc{ color: #fff;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .media-card p.date{ color: #fff;}

/* .media-wrp .media-tabs-cvr .tab_content2 .swiper-container {padding: 50px 0px 0px;} */
.news-sldr1 .swiper-button-prev {
    left: 37%;
}
.news-sldr1 .swiper-button-next {
    right: 37%;
}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-next{right: 15px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-prev{ right: 65px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-next{right: 15px;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-prev{ right: 65px;}



.footer-wrp{ padding-top: 20px; text-align: center;}

.footer-wrp .ftr-nav ul{ display: flex !important; flex-wrap: wrap; margin-bottom: 20px;}

.footer-wrp .ftr-nav ul li{ width: 50%; float: left; margin: 5px 0px;}

.footer-wrp .copy-card .copy-linkscard{ text-align: center;justify-content: center !important;}

.footer-wrp .ftr-nav .social-links{ justify-content: center !important; display: block !important; clear: both; margin-top: 20px;}

.footer-wrp .ftr-nav .social-links a {margin: 10px 4px 0px; display: inline-block;}



.project-wrp .proj-rhs .pro-sldr .swiper-slide span{ height: 230px;}



.project-wrp .proj-rhs .pro-sldr .swiper-slide a{ height: auto;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a p{ font-size: 13px;}



.sustainable-wrp{ padding: 30px 15px;}



.sustainable-wrp .sus-sldr .sus-next, .sustainable-wrp .sus-sldr .sus-prev{ display: block;}

.sustainable-wrp .sus-sldr .sus-next{ right: 0px; margin-right: 0px;}

.sustainable-wrp .sus-sldr .sus-prev{ left: inherit;margin-left: 0px;right: 45px;}



.hec-wrp .tab_content .caption-card br{ display: none;}

.hec-wrp .tab_content .caption-card a.common-cta{ margin: 10px 0px 0px; display: block;}

.pj-wrp .pj-rhs a.common-cta{ margin-top: 10px;}

.pj-wrp .pj-rhs h2{ margin-bottom: 20px;}



.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-next, .media-wrp .media-tabs-cvr .tab_content2 .swiper-container .press-prev{ display: block;}

.media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-next, .media-wrp .media-tabs-cvr .tab_content2 .swiper-container .news-prev{ display: block;}





.banner-main-wrp .slick-slide .container-1360-wrp .caption-card{width: 100%; padding: 0px 20px; left: 0px; top: 35%;}

.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h2{font-size: 20px; line-height: 26px;}
.banner-main-wrp .slick-slide .container-1360-wrp .caption-card h1{font-size: 30px; line-height: 30px;}

.banner-main-wrp .slick-slide .container-1360-wrp .caption-card p{ font-size: 16px; line-height: 20px;}

.banner-main-wrp .slick-slide .container-1360-wrp .caption-card a{ font-size: 14px;}

.banner-main-wrp .slider .bnr-slide-bg{ background-position: top center;}

.banner-main-wrp .progressBarContainer {position: absolute;bottom: 0px;width: 100%;left: 0%;margin-left: 0px;}

.banner-main-wrp .progressBarContainer div.pbc{ width: 44%;margin: 10px 10px;height: 70px;padding: 10px 15px;}

.banner-main-wrp .progressBarContainer div.pbc h3{ font-size: 16px;}



.banner-main-wrp .band2 div.pbc{ width: 50% !important;margin: 10px 10px;height: 70px !important;padding: 10px 15px;}



.inner-banner-block{ padding-top: 100px; height: 600px;}

.inner-banner-block.no-banner {height: 350px !important;}

.inner-banner-block h2{ font-size: 32px; line-height: 36px;}

.abt-cmp-pro-block .container-custom{ width: 100%; padding-bottom: 20px;}

.abt-cmp-pro-block .container-custom .comp-pro-lhs{ padding: 20px;}

.abt-cmp-pro-block .container-custom .comp-pro-rhs{ height: 400px; background-size: cover;}

.abt-cmp-pro-block .container-custom .comp-pro-lhs p{ font-size: 18px; line-height: 26px;}

.journey-block .right-content {padding: 20px;}

.journey-block .right-content .journey-card{ padding-top: 0px;}

.leader-block .leader-lhs {width: 100%;float: none;padding: 0px 15px;}

.leader-block .leader-rhs{ padding: 20px 15px;}

.leader-block .leader-rhs .cvr-block{ width: 100%;}

.leader-block .leader-rhs .cvr-block .desc{ font-size: 18px; line-height: 26px;}

.abt-cmp-pro-block{ margin-top: 30px;}

.brand-block .brand-rhs p{ font-size: 18px; line-height: 26px; padding-top: 10px;}

.brand-block{ height: auto;}

.fi-block .fi-card{ height: auto; padding: 20px; margin-top: 30px;}

.fi-block{ padding-top: 0px;}

.fi-block .fi-card p{ font-size: 18px; line-height: 26px;}



.inner-banner-block.banner-bg-inner {height: 750px !important;background-position: top center;}
.inner-banner-block.banner-bg-inner.tvc-banner {height: 100px !important;}

.abt-cmp-pro-block.copr-overview-card .container-custom{ padding: 20px;}

.abt-cmp-pro-block.copr-overview-card .container-custom .sec-ttle{ font-size: 30px; line-height: 40px; padding: 0px;}

.vis-mis-wrp .desc-vis-mis{ padding: 20px;}

.vis-mis-wrp .desc-vis-mis h2{ font-size: 42px;}



.offerings-grid {padding: 30px 0px 30px;}

.offerings-grid .off-card-desc{ padding: 20px;}

.offerings-grid .off-card-pic{ height: 370px;}

.inner-banner-block p{ font-size: 14px; line-height: 20px;}



.services-bg{ height: 400px !important;}

.serv-page-full-cvr .services-main{ margin-top: 0px;}

.serv-page-full-cvr .services-main .container-custom{ padding: 0px 0px !important;}

.serv-page-full-cvr .tab-container-bx1 .custom-container {padding: 20px 15px 0px !important;width: 100%;background-color: #F6F6F6;height: auto;}

.serv-page-full-cvr .zap-pic-wrp {width: 100%;text-align: left;margin-top: 0px;margin-bottom: 0px;}

.serv-page-full-cvr .tab-container-bx1 .bx-desc{ padding-right: 0px;}

.serv-page-full-cvr .tab-container-bx1 .bx-head br{ display: none;}

.serv-page-full-cvr .tab-container-bx1 .bx-head{ font-size: 30px; line-height: 36px; margin-bottom: 20px;}

.serv-page-full-cvr .serv-card-grid {height: auto;padding: 20px; margin-top: 20px;}

.serv-page-full-cvr .serv-card-grid h2{ font-size: 30px; line-height: 36px; height: auto; margin-bottom: 20px;}

.serv-page-full-cvr .serv-9-grid {width: 100%;margin-top: 20px;}

.serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc::before{ display: none;}

.serv-page-full-cvr .tab_container{ margin-bottom: 20px;}

.zonal-wrp-serv{ padding: 0px 20px 20px;}

.zonal-wrp-serv .zonal-grid-cvr{ height: auto;  border: none;}

.zonal-wrp-serv .zonal-grid-cvr .zonal-bx{ background-color: #213A8F; background-image: none; margin-top: 20px;}

.zonal-wrp-serv .zonal-grid-cvr .zonal-bx h2{ color: #fff;}



.contact-jsw-wrp{ padding: 30px 0px; background-image: none; background-color: #213A8F; text-align: center;}

.contact-jsw-wrp a{ padding: 0px 0px 50px;background-size: 80px;background-position: bottom center;}

.contact-jsw-wrp a h2 br{ display: none;}

.contact-jsw-wrp a h2{ font-size: 36px; line-height: 46px;}



.itn-main-wrp{ margin-top: 0px !important;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-card{ padding-right: 0px;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-next, .itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-prev{ bottom: initial; top:30px;}

.itn-main-wrp .itn-wrp-sldr{ margin-top: 0px;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr{ padding-top: 60px; margin-top: -60px;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-next{ right: 0px; left: initial;}

.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-prev{ left: initial; right: 55px;}

.media-press-wrp{ padding: 30px 0px;}

.media-press-wrp .mpw-wrp .mpw-card{ min-height: 350px;}

.media-press-wrp a.common-cta{ display: initial;}

.awards-media-wrp{ padding: 30px 0px;}

.awards-media-wrp .award-lhs{ padding: 0px 0px 100px;}

.awards-media-wrp .award-rhs .swiper-wrapper .swiper-slide:nth-child(even){ margin-top: 0px;}

.awards-media-wrp .award-rhs{ height: auto;padding: 30px 0px;}

.awards-media-wrp .award-rhs .swiper-wrapper .swiper-slide .award-bx{ text-align: center;}

.awards-media-wrp .award-lhs a.common-cta{ margin-top: 30px;}

.awards-media-wrp .award-lhs .awrd-next, .awards-media-wrp .award-lhs .awrd-prev{ bottom: 20px;}

.awards-media-wrp .award-lhs .awrd-prev{ left: initial; right: 55px;}

.awards-media-wrp .award-lhs .awrd-next{ left: initial; right: 0px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1.menupad{padding:30px 30px 0 30px;}


.gbbs-wrp{ padding-bottom: 30px;}

.gbbs-wrp .gbbs-rhs{ padding: 20px 0px 0px;}

.gbbs-wrp .gbbs-lhs{ height: auto; background-position: top center;}

.abt-cmp-pro-block .container-custom .comp-pro-lhs .info-numb h2{ font-size: 52px;}

.fi-block .fi-card .spacer-top-50{ height: 20px;}

.fi-block .fi-card .fact-grid-cvr{ width: 100%;}

.fi-block .fi-card .fact-grid-cvr .fgc-rhs{ padding: 15px;}

.fi-block .fi-card .fact-grid-cvr .fgc-rhs h2{ font-size: 18px;}

.fi-block .fi-card .fact-grid-cvr .fgc-rhs h2 br{ display: none;}

.fi-block .fi-card .fact-grid-cvr .fgc-rhs p{ font-size: 12px;}

.contact-jsw-wrp2{ padding: 30px 0px;}

.contact-jsw-wrp2 a.crss-lnks{ font-size: 20px; line-height: 28px; margin: 10px 0px;}

.contact-jsw-wrp2 h2{ font-size: 16px;}



.journey-block .right-content .journey-card .cvr{ margin: 0px 0px 30px;}



body.dark-link .header-full-wrp .main-nav .main-nav-links .links-drop .lnks-anchr::before{ background-image: none;}

body.white-link .header-full-wrp .main-nav .main-nav-links .links-drop .lnks-anchr::before{ background-image: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.mob-drop-card{ 
    right: 0%;
}



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

.abt-cmp-pro-block .container-custom .comp-pro-lhs h6{ font-size: 16px;}

/* KINJAL */

.ServicesNew .serv-page-full-cvr .tab-container-bx1 .custom-container { height: auto; }

.tab_content { padding:15px !important; }

.offset-5  { margin-left:0%; }

.common-ttle-36 {font-size: 28px; line-height: 35px;}

.ServicesNew .serv-page-full-cvr .serv-card-grid {padding: 0px 0px;}

.serv-page-full-cvr .serv-card-grid ul li { padding: 8px 5px !important; }

.serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc {padding: 10px;}

.serv-page-full-cvr .serv-9-grid .grid-cvr .grid-desc {height: auto; margin-bottom: 30px;}

.zap-pic-wrp { margin-bottom: 30px !important; }

.serv-page-full-cvr .serv-9-grid h2 {font-size: 28px; line-height: 36px;}

#ZoneSection .pointer-title .slant-whiteline { display: none; }

#ZoneSection .pointer-title { position: relative; left:0 !important; top: 0 !important; margin-bottom: 30px; }

.zonetesting img { width: 100%; }



#ZoneSection.zonal-wrp-serv {

padding: 20px !important;

}



#ZoneSection .pointer-title.zone3 {margin-left:0px;}

.grey-bor-right .common-ttle-24 { margin-bottom: 15px; }

.serv-page-full-cvr .tab_drawer_heading { background:#213A8F url(../images/white-arrwo.png) no-repeat 95% center; padding: 16px 20px; font-size: 26px; }

.serv-page-full-cvr .d_active {background:#D20A11 url(../images/arrow-white2.png) no-repeat 95% center; }

.ServicesNew #tab2 .custom-container { height: auto !important; }



.inner-banner-block h2 br { display: none; }





#lifeatJSW {

height: auto;

margin-bottom: 0;

}



#Learning-engagement .Learning-engagement-Box a span p { position: relative; left:0px; bottom:0px; margin-top:15px; }

#Learning-engagement .Learning-engagement-Box a span.height-330 {

height: auto;

}

.offset-1 {

margin-left:0%;

}



#Opportunities .OpportunitiesBox { margin-bottom: 30px; }



#Opportunities .OpportunitiesBox { margin-bottom: 30px; }

#SustainSection .inner-banner-block { height: auto; padding-bottom: 90px; }



.AnnualReport {margin-top: 20px; width:100%; height:auto; background: #21398f; padding-bottom: 20px; text-align: center;}

.AnnualReport .AnnualReportBt {padding-top: 10px;}

.CSRBox { margin-bottom: 25px; }



#FacilitiesSection .swiper-wrapper {

display: flex;

padding-bottom: 90px;

/*  overflow: hidden; */

}

#FacilitiesSection .facilitiesDesc .countNo { bottom:10px; right:20px; }

#FacilitiesSection .facilitiesDesc {height: 250px; padding: 30px;}

#FacilitiesSection .swiper  {overflow: hidden;}

#FacilitiesSection .facilitiesPic { height: 400px; }

#FacilitiesSection .facilitiesPic img { object-fit: fill; height: 400px; }

#FacilitiesSection [class^="swiper-button-"] {

display: block;

}



#FacilitiesSection .swiper-button-prev:after,#FacilitiesSection .swiper-button-next:after {font-size: 0px;}

#FacilitiesSection .swiper-button-next {right: 30px;}

#FacilitiesSection .swiper-button-prev {left: 30px;}

#FacilitiesSection .swiper-pagination { display: block; }



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.respo-drop-card{ left: initial;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.inv-drop-card{ left: initial;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.career-drop-card{left:initial;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.facilities-drop-card{ left: initial;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card.projects-drop-card{ left: initial;}



.header-full-wrp .main-nav ul.main-nav-links li.first-lnk a.lnks-anchr{ background-image: none;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3:hover{ background-image: none;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 .drop-lvl3 li a{ background-image: none;}



.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li:hover{ background-color: transparent;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop .mega-menu-card .drop-lvl1 li.cvr-lvl2 .drop-lvl2 li.cvr-lvl3 .drop-lvl3 li a:hover{ color: #888888;}



.info-numb h2{ font-size: 36px;}

.info-numb h2 span{font-size: 24px;}

.info-numb p{ font-size: 16px;}

.corp-pro-info-numb{ margin: 20px 0 !important; justify-content: space-between !important;}
.corp-pro-info-numb .info-numb{ padding: 10px 0;} 

.factory-card{ margin-top: 0px;}

.abt-cmp-pro-block .container-custom .spacer-655-wrp{ height: 0px;}

.factory-card .fact-card-lhs img{ height: 300px; background-position: center;}

.factory-card .fact-card-rhs .cvr {width: 100%;margin: 0px 0px;padding: 20px 15px;}

.factory-card .fact-card-rhs {width: 100%;height: auto;background-color: #fff;}

.vis-mis-wrp {width: 100%;padding: 30px 0px 30px; z-index: 99 !important;margin-top: 0px;}

.vis-mis-wrp .visco-card.pos-right { float: none;margin-right: 0px;width: 100%;}

.vis-mis-wrp .visco-card.pos-top {padding-top: 20px;margin-left: 0px;width: 100%; border-top: 1px solid rgba(196, 196, 196, 0.3);}

.core-value-wrp .custom-container {width: 100%;padding: 20px 15px;background-color: #fff;}

.vis-mis-wrp .visco-card{ text-align: center; padding: 0px 50px;}

.vis-mis-wrp .visco-card svg{ width: 100px !important; height: auto;}

.vis-mis-wrp .visco-card h2{ margin-top: 10px;}





.awards-media-wrp .award-rhs .swiper-wrapper .award-bx p.mob{ display: none;}

.awards-media-wrp .award-rhs .swiper-wrapper .award-bx.abd-card .desk{ display: block;}

.media-press-wrp .mpw-wrp {margin-top: 0px; padding-top: 50px;}

.media-press-wrp .mpw-wrp .press-next, .media-press-wrp .mpw-wrp .press-prev{ display: block; top:20px; bottom: initial;}

.media-press-wrp .mpw-wrp .press-next{ left: initial; right: 0px;}

.media-press-wrp .mpw-wrp .press-prev{ left: initial; right: 65px;}

.insta-wrp-main .insta-wrp-sldr .insta-card-bx{ text-align: center;}

.abt-cmp-pro-block.copr-overview-card {margin-top: 0px;}

.leadership-tabs-full .container-custom{padding: 0px 0px 0px !important;}

.leadership-tabs-full .container-custom .tab_content {padding: 0px !important;}

.leadership-tabs-full .container-custom .bod-card{ text-align: center;}

.leadership-tabs-full .container-custom .bod-card .desc-card a.common-cta{ width: 142px; margin: 10px auto;}



.bod-modal .close{top: -5px;right: 5px;}

.bod-modal .bod-in-pic-card .cvr {width: 280px;float: none;margin: 0px auto;}

.bod-modal .bod-in-pic-card {padding: 60px 0px 20px;}

.bod-modal .bod-in-desc-card {max-width: 677px;margin: 20px 20px 0px;}





.journey-lp-sec .container-custom .fake-spacer{ display: none;}

.journey-lp-sec .container-custom .content-container{ margin-top: 0px;}

.journey-lp-sec .container-custom{ width: 100%;}

.journey-lp-sec .container-custom .right-content{ padding: 0px 0px;}

.journey-lp-sec{ padding-top: 0px;}

.journey-lp-sec .container-custom .right-content .journey-card {padding-top: 30px;}

.journey-lp-sec .right-content .journey-card .cvr{ margin: 0px 0px 5px;}



.gbbs-wrp .gbbs-rhs h2{ font-size: 34px; line-height: 40px;}

.sustainable-wrp .smll-ttle{ font-size: 34px; line-height: 40px;}



.abt-cmp-pro-block.brnd-vid-sec {margin-top: -30px;}

.abt-cmp-pro-block.brnd-vid-sec .container-custom {padding: 20px 20px 20px !important;}

/* .corpo-full section.in-sec{ padding: 30px 0px 20px !important;} */

.brnd-vid-sec{ padding-bottom: 0px !important;}

.campaing-stories-full .cs-sldr .swiper-slide{ display: block;}

.campaing-stories-full .cs-sldr .cs-card-pic-wrp{ width: 100%; height: 200px;}

.campaing-stories-full .cs-sldr .cs-card{ width: 100%; height: auto; padding: 15px;}.factory-card .fact-card-lhs

.campaing-stories-full .cs-sldr .cs-card h2{ font-size: 24px; line-height: 30px;}

.campaing-stories-full .cs-sldr{ padding-bottom: 0px;}

.campaing-stories-full .cs-next, .campaing-stories-full .cs-prev{top:30px}

.campaing-stories-full .cs-next{ left: initial; right: 0px;}

.campaing-stories-full .cs-prev{ left: initial; right: 55px;}



.sustain-pro-info-numb .info-numb{ padding-right: 0px;}

.sustain-pro-info-numb .info-numb h2 {font-size: 26px;}

.sustain-pro-info-numb .info-numb h2 span{ font-size: 18px;}

.sustain-pro-info-numb .info-numb p{ font-size: 16px; line-height: 1.2;}

.sss-wrp .sss-desc-card h2,.sustain-content-wrp .sus-cont-desc h2{ font-size: 24px; line-height: 30px;}



.journey2-block .container-custom{ padding: 30px 0px; margin-top: 0px;}

.journey2-block .container-custom #timeline{ height: auto; width: 300px; background: none;}

.journey2-block .container-custom #dates{ width: 100%;}

.journey2-block .container-custom #issues li{ width: 300px; height: auto; text-align: center; float: left;}

.journey2-block .container-custom #issues{ height: auto; padding: 20px 0px 0px;}

.journey2-block .container-custom #issues li img{ float: none; margin: 0px auto 30px; width: 280px;}

.journey2-block .container-custom #issues li p{ font-size: 20px; line-height: 30px; text-align: center; margin-right: 0px;}

.journey2-block .container-custom #issues li h1{ text-align: center;}

.journey2-block .container-custom #next, .journey2-block .container-custom #prev{ top:300px;}

.journey2-block .container-custom #dates li{ width: 145px;}



.pro-cement-card .container-custom{ padding: 30px 0px;}

.pro-cement-card .wah-full-wrp .wah-grid-card .ttle{ background-size: 52px; font-size: 26px; line-height: 32px;padding-left: 65px;}

.pro-cement-card .wah-full-wrp .wah-grid-card.gap-btm{ margin-bottom: 0px;}

.pro-cement-card .wah-full-wrp .wah-grid-card{ margin-top: 30px;}

.pro-cement-card{ background-color: #fff; margin-top: 0px;}

.product-grid-full .probx-cement-bx .product-card-desc span {position: relative; left: 0px;bottom: 0px;width: 100%;margin-bottom: 0px;}

.product-grid-full .probx-cement-bx .product-card-desc{ margin-top: 20px;}

.faq-main-full #faq .card .card-header .btn-header-link{padding: 20px 50px 20px 20px;    font-size: 20px;}

.faq-main-full ul.faq-list li{ font-size: 18px;}

.faq-main-full p{ font-size: 18px; line-height: 24px;}



.our-network-full .netwoks-rhs {

position: relative;

width: 611px;

height: 411px;

transform: scale(0.5) translate(-43%, -40%);}



#serv-test .zonetesting {

width: 100%;

height: auto;

margin: 0 auto;

position: relative;

}



.pulse{ position: relative; top:0px; left: 0px; right: 0px; width: 100%; height: auto;     border-radius: 0px;

background: transparent;

cursor: pointer;

box-shadow: none;

animation: none; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #e4e4e4;}

#serv-test .zonetesting .zone-card.south-zone1,#serv-test .zonetesting .zone-card.west-zone1{ top:0px; left:0px;}

#serv-test .zonetesting .zone-card.east-zone1{top:0px; right: 0px;}

#serv-test .zonetesting .zone-card .tooltip-inner{ display: none;}

#serv-test .zonetesting .zone-card .addrs-bar{ width: 100%; position: relative; opacity: 1 !important; top: inherit !important; left: inherit !important; right: inherit !important;}



.orw-wrp .orw-desc {margin: 0px auto 0px;padding: 20px;}

.orw-wrp .orw-desc h2 { margin: 0px 0px 20px;}

.sustain-over-card .container-custom {padding: 20px 20px;}

.sustain-over-card .eos-card {width: 100%;padding: 0px 0px 0px 0px;margin-top: 50px;}

.sustain-over-card .spacer-100{ display: none;}

.oc-wrp .oc-card{ height: auto;}

.maa-main-wrp .maa-lhs {padding-right: 0px;}

.maa-main-wrp .maa-rhs {margin-top: 50px;padding-right: 0px;}

.maa-main-wrp .maa-rhs .op-lnks{padding: 15px 80px 15px 20px;font-size: 18px;line-height: 24px;}

.sustain-over-card{ margin-top: 0px;}

.sss-wrp .ssis-desc {padding: 20px 0px;}



.rd-wrp .logo-desc{ padding: 20px 0px !important;}



.press-inner-wrp .mpw-wrp .swiper-wrapper {

display: flex;}



.press-inner-wrp .mpw-wrp .swiper-wrapper .mpw-card{ display: block !important; width: 100% !important;}



.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper {

display: flex;

}



.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .swiper-wrapper .swiper-slide {

width: 100%;

display: block;

margin: 0px 0px;

}



.news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-next, .news-inner-full.itn-main-wrp .itn-wrp-sldr .itn-sldr .itn-prev {

display: block;

}



.itn-main-wrp .itn-wrp-sldr .itn-sldr {

padding-bottom: 40px;

}



/*  */

#FacilitiesSection .facilitiesTabsBanner .bannerBox { position: relative; }

#FacilitiesSection .tabs-to-dropdown .dropdown-toggle, #FacilitiesSection .tabs-to-dropdown .dropdown-item { color: #D20A11; font-size: 15px; width: 100%;  }



#FacilitiesSection .Keydetails .KeydetailsList {

padding-right: 0px;

}
#FacilitiesSection ul.tabs { display: inline-block; width: 100%;  }
#FacilitiesSection ul.tabs li {width: 50%; font-size: 16px;}

.journey2-block .container-custom #dates{ display: none;}

.rd-card-xd .swiper-container {
padding: 60px 0px 30px;
}

.rd-card-xd .rd-button-next, .rd-card-xd .rd-button-prev {
display: block;
}

.rd-card-xd .featureArrow {
position: absolute;
bottom: initial;
top:20px;
right: 50%;
margin-right: -70px;
width: 140px;
}

.rd-pop img {
max-width: 80%;
margin-bottom: 20px;
}

.container-xd-card .common-sub2-desc{ font-size: 24px; line-height: 34px;}

#AdvantagesSection::before,#AdvantagesSection .AdvantagesPicBox .pointer-title p br { display: none; }
#AdvantagesSection .AdvantagesPicBox .pointer-title { position: relative; left:0px !important; top:0px !important; width: 100%; border-bottom: solid 1px #bababa; }
#AdvantagesSection .AdvantagesPicBox .pointer-title .line-slant { display: none; }
#AdvantagesSection .AdvantagesPicBox,#AdvantagesSection .AdvantagesPicBox img { width: 100%; }
#AdvantagesSection .AdvantagesPicBox .pointer-title p.Expad { padding-left: 0px !important; }
#AdvantagesSection .AdvantagesPicBox img { margin-bottom: 30px; display: block; }
.OtherBox { margin-bottom: 30px; }
.concreel-hd-bg { height: auto !important; padding-bottom: 50px; }
.productHd .featureArrow {width: 140px; 
    /* top: 120px;  */
    top: -27px;
     right: 30px;}

.portland-fold-1 .featureArrow {width: 140px; top: -35px;  right: 30px;}
.productHd .container-custom { padding: 0px; padding-top: 30px !important; padding-bottom: 30px !important;}
/* .featureSlider {margin-top: 90px !important;} */
.featureSlider {margin-top: 0 !important;}

#AdvantagesSection .common-cta{ display: inline-block;}

.lead-footer{ text-align: center !important;}
.social-links.justify-content-end{ justify-content: center !important;}

/* Kinajl */
.ConcreelHDSection .container-custom { margin-top: 0px; }
#AdvantagesSection {margin-top: 0;}
.productHd .featureSlider {
height: auto;
}

.productHd.app-hd .featureArrow {
top: 112px;
right: 20px;
width: 36%;
margin: auto;
}

.appsldr { margin-top: 90px; }

#AwardsSection {
margin-top: 0;
padding-bottom: 20px;
}

.ConcreelHDSection #faq .card .card-header .btn-header-link,.ConcreelHDSection #faq22 .card .card-header .btn-header-link {font-size: 18px; padding-right: 70px;}
#AdvantagesSection .AdvantagesPicBox .pointer-title p {font-size: 20px;}

.CompCem-bg,.Portland-Slag-Cement-bg,.opc-Cement-bg,.Ground-Slag-Cement-bg,.Screened-Slag-bg,.Duraflor-bg,.krysta_leakproof-bg,.Enduro-Plast-bg {height: auto !important; padding-bottom: 60px;}

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide1{ background-image: url(../images/bnr1-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide11{ background-image: url(../images/bnr11-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide2{ background-image: url(../images/bnr2-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide3{ background-image: url(../images/bnr3-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide33{ background-image: url(../images/bnr33-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide4{ background-image: url(../images/bnr4-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide44{ background-image: url(../images/bnr44-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide55{ background-image: url(../images/bnr55-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide66{ background-image: url(../images/bnr66-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide77{ background-image: url(../images/bnr77-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide88{ background-image: url(../images/BangaloreHIghway.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide99{ background-image: url(../images/sustainanalytics-mobile.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-sustain{ background-image: url(../images/new-sustain-mobile.webp);}
.banner-main-wrp .slider .bnr-slide-bg.company-xbg{ background-image: url(../images/company-update-mob.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-new-proj{ background-image: url(../images/projects-new-mob.webp);}

.banner-main-wrp .slider .bnr-slide-bg.bnr-aug-15-22{ background-image: url(../images/mobile-banner-aug-15-22.webp);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-aug-15-opt2{ background-image: url(../images/independence-bnr-mob.webp);}

.hec-wrp .tab_content .caption-card .cta-grid a.common-cta {margin-top: 15px;display: inline-block;}
.hec-wrp .tab_content .caption-card .cta-grid{ margin-top: 5px;}


.fi-block .fi-card .innov-grid-card h2{ font-size: 24px; line-height: 28px;}
.journey-block .right-content .journey-card{ text-align: center;}
.brand-block .brand-rhs .clm-card{ margin: 7px 0px;}

.lit-main-full .lit-card p{ font-size: 16px;}

#FacilitiesSection .container-custom {padding: 0px 0px 0px !important;}

body.dark-link .header-full-wrp .main-nav .main-nav-links .links-drop .lnks-anchr {
color: #333 !important;
border-top: none;
}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.act .lnks-anchr {
border-top: none !important;
border-bottom: 1px solid #D20A11 !important;

}

/* body.dark-link .header-full-wrp.scrolled .main-nav .main-nav-links .links-drop .lnks-anchr{} */
.tabs-to-dropdown .nav-wrapper .dropdown { width: 100%; }

.journey-block .right-content .journey-card .cvr h6{color: #D20A11; font-size: 24px; font-weight: 700;}

#FacilitiesSection .tabs-to-dropdown .nav-wrapper a{ font-size: 14px;}
#FacilitiesSection .tabs-to-dropdown .dropdown-menu{ width: 92vw;}
#FacilitiesSection .tabs-to-dropdown .nav-wrapper{ padding: 15px 0px;}
#FacilitiesSection .tab_content {padding: 0px !important; margin-top: 40px;}
#FacilitiesSection .tabs-to-dropdown .tab-content .container-fluid {padding-top: 20px;padding-bottom: 20px;}
#FacilitiesSection .facilitiesTabsBanner .bannerBox{ bottom: 0px; }
#FacilitiesSection .facilitiesTabsBanner .bannerBox h2 {font-size: 32px;line-height: 42px;padding: 20px 0px;}
#FacilitiesSection .facilitiesTabsBanner .bannerBox .UnitBox h3{ font-size: 24px;}
#FacilitiesSection .facilitiesTabsBanner .bannerBox .UnitBox{ display: block; height: auto; padding: 10px 15px 15px;}
#FacilitiesSection .Keydetails {padding-top: 40px;}
.Productportfolio .col{ flex-basis: inherit;}
#FacilitiesSection .Productportfolio .ProductportfolioBox{ font-size: 16px; line-height: 24px; margin-bottom: 10px; padding: 10px;}
#FacilitiesSection .Keydetails .KeydetailsList ul li{ font-size: 16px; line-height: 20px;}
#FacilitiesSection .Marketsserved {margin-top: 40px;}
#FacilitiesSection .Marketsserved .MarketsservedList li{ font-size: 20px;}
.Interventionareas .CSRTabsContainer p{ font-size: 14px;}
.Interventionareas .CSRTabsContainer .nav-tabs li {text-align: center;width: 50%;margin: 5px 0px;}
.Interventionareas .common-ttle-36{ margin-bottom: 0px !important;}
.Interventionareas .CSRTabsContainer .CSRInnerRight {padding: 20px 0px;padding-right: 0px;}
.Interventionareas .CSRTabsContainer {padding: 20px 15px 0px;}
.Interventionareas .CSRTabsContainer .nav-tabs{ margin-bottom: 20px;}
.Interventionareas .CSRTabsContainer .nav-tabs{ padding-bottom: 20px;}


.soc-wrp .container-1360-wrp .soc-cntr-pic {
width: 300px;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 65%) scale(1);
}

.soc-wrp{ height: 400px;}

.pft-wrp .common-feat-wrp {
width: 100%;
position: relative;
bottom: 0px;
left: 0%;
transform: translate(0%, 0%);
z-index: 1;
text-align: center;
padding: 0px 15px;
}

.pft-wrp .common-feat-wrp  .feat-card{ margin-top: 30px;}

.pft-wrp .pft-pro-sldr{ width: 100%; height: auto; background-image: none;}

.pft-pro-card{ text-align: center;}

.pft-wrp{ background-position: top -735px center;}

.pft-wrp .pft-next, .pft-wrp .pft-prev{top:30%;}

.pft-wrp .pft-prev{ margin-left: -150px;}
.pft-wrp .pft-next{ margin-right: -150px;}

.smd-wrp .smd-sldr .swiper-slide .smd-rhs{ margin-left: 0px; padding: 20px; height: 450px;}
.smd-wrp .smd-sldr .swiper-slide .smd-rhs .pop-smd-bx{ padding: 40px 20px 20px ;}

.smd-wrp .smd-sldr .swiper-slide .smd-rhs .pop-smd-bx .smd-close {
position: absolute;
right: 10px;
top: 10px;}

.smd-wrp .smd-sldr .swiper-slide .smd-rhs .pop-smd-bx .desc-cvr{ height: 360px;}


.hero-club-wrp{ height: auto; background-image: none; background-color: #21398f;}
.hero-club-wrp .jhc-rhs{ padding: 0px;}
.hero-club-wrp .common-ttle{ color: #fff; text-align: center;}
.hero-club-wrp img{ margin-bottom: 25px;}
.dnld-rhs{ text-align: center;}

.quick-tip-wrp .qt-card p {font-size: 18px;line-height: 24px; text-align: center;}

.ccv-wrp .ccv-rhs {width: 100%;margin: 0%;padding: 20px;}
.ccv-wrp .ccv-rhs a{ font-size: 15px; width: 100%;    background-size: 50px;}
.ccv-wrp .ccv-rhs a span{ font-size: 24px;}

.sor-wrp .sor-sldr .sor-next, .sor-wrp .sor-sldr .sor-prev{ display: block;}
.hif-wrp .hif-sldr{ height: auto; padding: 50px 0px 0px;}
.hif-wrp .hif-sldr .swiper-slide{ padding: 15px;}
.hif-wrp .hif-sldr .swiper-slide .hif-rhs{ padding: 20px 0px;}
.hif-wrp .blue-wrp{ top: 0%;left: 50%;transform: translate(-50%, 50%);}
.hif-lhs{ width: 100%; margin: 0 auto;}
.hif-wrp .hif-next{ right: 0px;}
.hif-wrp .hif-prev{ left: 0px;}


.header-full-wrp .main-nav .mobileNav {
display: block;
visibility: visible;
}
.mobileTollFree { display: block !important; visibility: visible !important; }

#SustainSection #CSR .CSRBox a .CSRBoxDesc {
padding-right: 30px;
}
#SustainSection #CSR .CSRBox a .CSRBoxDesc p {line-height: 15px; font-size: 10px;}


.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr::before {
background-image: none;
}

.header-full-wrp.scrolled .main-nav ul.main-nav-links li.links-drop a.lnks-anchr{ border-top: none;}

.lae-main-wrp .container-custom{ padding: 20px !important;}
.lae-main-wrp .kb-card{ height: auto;}
.lae-main-wrp .ijr-card{height: auto;}
.common-ttle-36 br{ display: none;}
.wov-wrp .ProductportfolioBox{ margin-top: 15px;}

.ctf-wrp .container-1360-wrp .white-patch-wrp{ display: none;}
.ctf-sldr { padding-top: 50px;}
.ctf-wrp .container .ctaf-next, .ctf-wrp .container .ctaf-prev{top:130px;}
.ctf-wrp .container .ctaf-next{ right: 0px;}
.ctf-wrp .container .ctaf-prev{ left: initial; right:55px;}
.ctf-wrp .container .ctf-btm-grid .ctf-lhs h2{ font-size: 20px; line-height: 28px; margin-bottom: 15px;}
.harmony-wrp #faq .card .card-header .btn-header-link{ font-size: 16px; line-height: 1;    padding: 20px 50px 20px 20px;}

.harmony-wrp #faq .common-sub-desc{ font-size: 16px; line-height: 24px;}
.harmony-wrp ul li{ font-size: 16px; line-height: 24px;}

.maa-main-wrp .maa-rhs .overScroll .op-lnks{padding: 15px 75px 15px 15px; font-size: 18px;line-height: 26px;}
.maa-main-wrp .maa-rhs .overScroll{ height: 450px;}

.media-wrp .media-tabs-cvr ul.tabs2 { width: 100% !important; height: auto;}
.media-wrp .media-tabs-cvr ul.tabs2 li{ text-align: center; font-size: 16px; height: auto; line-height: 1.2; width: 50%; padding: 10px 10px;}

.header-full-wrp .main-nav ul.main-nav-links li.links-drop.act .lnks-anchr {
color: #333;
font-weight: 600;
}

.inner-banner-block.Portland-Slag-Cement-bg h2{ color: #fff !important;}
.inner-banner-block.Portland-Slag-Cement-bg h6{ color: #fff !important;}
.inner-banner-block.Portland-Slag-Cement-bg p{ color: #fff !important;}
/* .inner-banner-block.Portland-Slag-Cement-bg a{ color: #fff !important;} */
.Screened-Slag-bg h2, .Screened-Slag-bg h6 {
color: #fff !important;
}

.Screened-Slag-bg p {
color: #fff;
}

/* .Screened-Slag-bg a.common-cta {
color: #fff;
} */

.inner-banner-block.coporate-bg{ background-image: url(../images/corpo-mobile.jpg);}
.inner-banner-block.journey-bg{ background-image: url(../images/journey-mobile-bg.jpg);}
.inner-banner-block.leadership-bg{ background-image: url(../images/leadership-mobile-bg.jpg);}
.inner-banner-block.facilities-bg{ background-image: url(../images/facilities-mob-bg.jpg);}
.inner-banner-block.rd-bg{ background-image: url(../images/rd-mobile-bg.jpg);}
.inner-banner-block.projects-banners-bg{ background-image: url(../images/projects-mobile-bg.jpg);}
.inner-banner-block.cement-bnr-bg{ background-image: url(../images/cement-mobile-bg.jpg);}
.inner-banner-block.concreel-hd-bg{ background-image: url(../images/concreel-mobile-bg.jpg);}
.inner-banner-block.CompCem-bg{ background-image: url(../images/compcem-mobile-bg.jpg);}
.inner-banner-block.power-pro-Cement-bg{ background-image: url(../images/power-pro-mobile-bg.jpg);}
.inner-banner-block.Portland-Slag-Cement-bg{ background-image: url(../images/portland-slag-mobile-bg.jpg);}
.inner-banner-block.opc-Cement-bg{ background-image: url(../images/opc-mobile-bg.jpg);}
.inner-banner-block.Ground-Slag-Cement-bg{ background-image: url(../images/ggbs-mobile-bg.jpg);}
.inner-banner-block.Screened-Slag-bg{ background-image: url(../images/screened-mobile-bg.jpg);}
.inner-banner-block.krysta_leakproof-bg{ background-image: url(../images/krysta-mobile-bg.jpg);}
.inner-banner-block.cement-bnr-bg{ background-image: url(../images/cement-mobile-bg.jpg);}
.inner-banner-block.Duraflor-bg{ background-image: url(../images/duraflor-mobile-bg.jpg);}
.inner-banner-block.Enduro-Plast-bg{ background-image: url(../images/enduro-mobile-bg.jpg);}
.inner-banner-block.rcm-bg{ background-image: url(../images/rcm-mobile-bg.jpg);}
.inner-banner-block.CSR-bg{ background-image: url(../images/csr-mobile-bg.jpg);}
.inner-banner-block.life-at-bg{background-image: url(../images/life-at-mobile-bg.jpg);}
.inner-banner-block.learning-bg{ background-image: url(../images/learning-mobile-bg.jpg);}
.inner-banner-block.press-bnr{ background-image: url(../images/press-mobile-bg.jpg);}
.inner-banner-block.contact-us-bg{ background-image: url(../images/contact-mobile-bg.jpg);}
.inner-banner-block.homr-builders-bnr{ background-image: url(../images/home-build-mobile-bg.jpg); background-position: top center; min-height: auto;}
.inner-banner-block.engineers-bnr{background-image: url(../images/engineers-mobile-bg.jpg); background-position: top center; min-height: auto;}
.inner-banner-block.contractors-bnr{ background-image: url(../images/contractors-mobile-banner.png); background-position: top center; min-height: auto;}


.HeadDepartment { overflow: scroll; width: 95%; margin: auto; }
#Opportunities .btn {font-size: 14px; padding: 14px 20px;}
#Opportunities .search input { width: 100%; margin-bottom: 11px; font-size: 14px; }
#Opportunities .search { text-align: center; }
#Opportunities .JobResultList { padding-right: 0px; }
#Opportunities .time {
position: relative;
right: 0;
top: 0;
margin-bottom: 12px;
}

.no-navgative-val3 {margin-top: 0px !important;}

.fi-block .fi-card.r-d-abt-grid{ padding-top: 240px;}

.vis-mis-wrp .visco-card .common-sub-desc {
font-size: 20px;
line-height: 30px;
}


/*  */

/* .plaster-bnr-bg {
background-image: url(../images/mobile-plaster-landing-bnr.jpg);
}

.additivies-bnr-bg {
background-image: url(../images/mobile-additivies-landing-bnr.jpg);
}

.aggregates-bnr-bg {
background-image: url(../images/mobile-aggregates-landing-bnr.jpg);
}

.cem-bnr-bg {
background-image: url(../images/cem-landing-bnr.jpg);
} */

.ProjectSection .projectBox h6{ left: 20px; padding-right: 70px; font-size: 18px;}

.ProjectSection .projectBox .HoverBox{ overflow-y: scroll; padding: 20px 20px 80px 20px; }

.ProjectSection .projectBox:hover h6{ display: none;}
.ProjectSection .projectBox .HoverBox p{ line-height: 24px;}

.core-value-wrp.tune-wrp-cvr .custom-container {
padding: 20px;
}

.project-wrp .proj-rhs .pro-sldr .proNav{     top: 0px;right: 0px}

.ProjectSection .projectBox .HoverBox .info-nx .big-numb {
display: block;
font-size: 30px;
line-height: 30px;
}


#GGB-Application-box .featureArrow{
top: 91px;
}

#marquee-clients-bx .featureArrow {
top: 100px;
}

#concreelApplications .featureArrow,#ApplicationsSlider .featureArrow { top: 170px; }

#PowerProPage #ApplicationsSlider .featureArrow {
top: inherit;
top: 120px;
}
#PowerProPage .RightpaddingClear .featureArrow {
top: inherit;
top: 400px;
}

#ApplicationsSlider .container-custom {
margin-top: 0px !important;
padding-top:30px !important;
}


.AwardsBox {
margin-bottom: 30px;
text-align: center;
}

.bwp-pop-card .bwp-rhs{

border-left: 1px solid #000 !important;
border-top: none;

}

.inner-banner-block.banner-bg-inner.sustainability-bg{

background-image: url(../images/sustain-mobile.jpg); background-position: center bottom;

}

.Ground-Slag-Cement-bg {
padding-top: 100px !important;
}

.inner-banner-block.banner-bg-inner h2.common-ttle-24 {
font-size: 15px;
line-height: 20px;

}

.inner-banner-block{ position: relative;}

.banner-main-wrp .slick-slide .container-1360-wrp .bnr-logo-card {
width: 120px;
height: 135px;
background-image: url(../images/bnr-logo.webp);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
position: absolute;
top: initial;
left: 5%;
bottom: 100px;
transform: translate(0%, -25%);
padding-top: 60px;
}

.banner-main-wrp .slick-slide .container-1360-wrp .bnr-logo-card a {
text-transform: uppercase;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 700;
padding-left: 60px;
position: relative;
width: 225px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.chart-card{ width: 320px; height: 300px !important; position: relative;}


.lead-header {
width: 100%;
background-color: #fff;
padding: 5px 0px;
text-align: center;
}

.lead-logo{ max-width: 150px;}
.lead-header .leadr-top-links{margin: 0px 0px 10px;}
.lead-header .leadr-top-links ul{ display: block; width: 100%;}
.lead-header .leadr-top-links ul li.toll-cvr{ display: block; width: 100%;}
.lead-header .leadr-top-links ul li.toll-cvr a.toll-numb{  margin: 0px 0px 5px; border: none; display: inline-block;}
.lead-header .leadr-top-links ul li{ display: inline;}

.inner-banner-block.lead-gen-bnr{ padding-top: 320px !important; height: auto; background-size: contain; background-image: url(../images/lead-bnr-new-mob.jpg);}
.inner-banner-block.lead-gen-bnr .lead-form-card{ position: relative;top:0px; padding: 20px;}

.low-pro-rhs.text-right{ text-align: center !important;}
.low-pro-rhs.text-right br{ display: none;}

.low-pro-rhs{ text-align: center;}
.low-pro-rhs br{ display: none;}

.inner-banner-block.low-carbon-bnr {
background-image: url(../images/carbon-mob-bnr.jpg);
background-position: bottom center;

}

.inner-banner-block.dealers-bnr{

background-image: url(../images/dealer-mob-bnr.jpg);
background-position: bottom center;
}

.ce-wrp .ce-next, .ce-wrp .ce-prev{top:65%;}

.dae-club-wrp .dea-desc-wrp{padding: 2rem 0rem 2rem;}

.qr-card-cnt{ text-align: center; margin-top: 2rem;}
.ddsa-ttle-wrp{ margin-top: 2rem;}

.inner-banner-block.low-carbon-bnr{ height: 400px !important;}

.ihb-logo-wrp{width: 100%; border-radius: 0px;}
.ihb-logo-wrp .ihb-card-bnr{ width: 100%; padding: 10px 15px;}

.dsrt-cvr { padding: 0px 15px;}
.dsrt-cvr .text-center{ text-align: left !important;}
.dsrt-cvr .col-md-12{ padding: 0px 0px !important;}

#trueModal .fancybox-close-small{ position: fixed; top:30px; right: 10px;}
#trueModal{ padding: 20px 50px 20px 20px;}

#benefits .mb-5 {
    margin-bottom: 50px !important;
}
#benefits .AbenefitsPicBox { height: auto; }
#benefits .AbenefitsPicBox .pointer-title {
    display: block;
    position: relative;
    text-align: center;
    left: 0px !important;
    top: 0px !important;
    width: 100%;
    border: 1px solid #e4e4e4;
    margin: 10px 0px;
    padding: 10px;
}

#benefits .AbenefitsPicBox .pointer-title:nth-child(1) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(2) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(3) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(4) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(5) p, #benefits .AbenefitsPicBox .pointer-title:nth-child(6) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(7) p,#benefits .AbenefitsPicBox .pointer-title:nth-child(8) p {
    transform: translate(0px, 0px);
}

#benefits .AbenefitsPicBox .pointer-title p br{ display: none;}

#benefits .AbenefitsPicBox .pointer-title p{ margin-top: 20px;}

#benefits .AbenefitsPicBox .pointer-title .line-slant img.desk-pic{ display: none;}
#benefits .AbenefitsPicBox .pointer-title .line-slant img.mob-pic{ display: block; margin: 0 auto; max-width: 180px;}

.inner-banner-block.lead-gen-bnr .lead-form-card, .inner-banner-block.green-crete-gen-bnr .lead-form-card, .inner-banner-block.concreel-hd-kerla-bnr .lead-form-card { position: relative; top: 0px; }

#benefits .AbenefitsPicBox .pointer-title p img{ display: none;}

.inner-banner-block.green-crete-gen-bnr {
    padding-top: 320px !important;
    height: auto;
    background-size: cover;
    background-image: url(../images/mob-greencrete-landing-banner.jpg);
}

.inner-banner-block.concreel-hd-kerla-bnr {
    padding-top: 320px !important;
    height: auto;
    background-size: cover;
    background-image: url(../images/mob-jsw-concreel-bnr.jpg);
}

#benefits {
    margin-top: 0px;
    position: relative;
}

#benefits .common-ttle-36 {font-size: 50px;}

#benefits .blueline1,#benefits .blueline2 { display: none !important; }

.banner-main-wrp::before{ display: none;}


.inner-banner-block.dealership-new-bnr {
    padding-top: 320px !important;
    height: auto;
    background-size: cover;
    background-image: url(../images/mob-dealer-new-bnr.jpg);
}

.inner-banner-block.dealership-karnataka-bnr {
    padding-top: 320px !important;
    height: auto;
    background-size: cover;
    background-image: url(../images/mob-karnataka-dealer-new-bnr.jpg);
}

.inner-banner-block.lead-gen-bnr .lead-form-card, .inner-banner-block.dealership-new-bnr .lead-form-card{top: 0px;}
.deal-new-mid-wrp{ margin-top: 600px; padding: 30px 0px;}
.deal-new-mid-wrp .common-ttle{ font-size: 28px; line-height: 32px;}
.deal-new-mid-wrp .deal-card-new{ border-radius: 20px;padding: 90px 20px 20px 20px; min-height: auto;}
.deal-new-mid-wrp .deal-card-new h2{ font-size: 24px; line-height: 28px;}
.deal-new-mid-wrp .deal-card-new ul{ display: block;}
.deal-new-mid-wrp .deal-card-new ul li{ width: 100%;}

.banner-main-wrp #slide-video .desk-vid{ display: none;}
.banner-main-wrp #slide-video .mob-vid{ display: block; width: 100%; object-fit: cover;}
.leadership-tabs-full .container-custom .bod-card a:hover::before {right: 60px;}


}


@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide1 {
background-image: url(../images/bnr1.jpg);
}

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide11 {
background-image: url(../images/bnr11.jpg);
}


.banner-main-wrp .slider .bnr-slide-bg.bnr-slide2 {
background-image: url(../images/bnr2.jpg);
}

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide3 {
background-image: url(../images/bnr3.jpg);
}

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide33 {
background-image: url(../images/bnr33.jpg);
}

.banner-main-wrp .slider .bnr-slide-bg.bnr-slide44 {
    background-image: url(../images/bnr44.jpg);
    }

    .banner-main-wrp .slider .bnr-slide-bg.bnr-slide55 {
        background-image: url(../images/bnr55.jpg);
        }

        .banner-main-wrp .slider .bnr-slide-bg.bnr-slide66 {
            background-image: url(../images/bnr66.jpg);
            }

            .banner-main-wrp .slider .bnr-slide-bg.bnr-slide77 {
                background-image: url(../images/bnr77.jpg);
                }

                .banner-main-wrp .slider .bnr-slide-bg.bnr-slide88 {
                    background-image: url(../images/BangaloreHIghway.jpg);
                    }

                    .banner-main-wrp .slider .bnr-slide-bg.bnr-slide99 {
                        background-image: url(../images/sustainanalytics-desktop.jpg);
                        }
                        .banner-main-wrp .slider .bnr-slide-bg.bnr-sustain {
                            background-image: url(../images/new-sustain-desktop.jpg);
                            }
                            .banner-main-wrp .slider .bnr-slide-bg.bnr-new-proj {
                                background-image: url(../images/projects-new-desk.jpg);
                                }

                        .banner-main-wrp .slider .bnr-slide-bg.bnr-sustain {
                            background-image: url(../images/new-sustain-desktop.jpg);
                            }

                        .banner-main-wrp .slider .bnr-slide-bg.company-xbg {
                            background-image: url(../images/company-update-desk.jpg);
                            }

                .banner-main-wrp .slider .bnr-slide-bg.bnr-aug-15-opt2 {
                    background-image: url(../images/independence-bnr-desk.jpg);
                    }

                .banner-main-wrp .progressBarContainer div.thum-15-aug-22 {
                    background-image: url(../images/mobile-banner-aug-15-22.jpg);
                    }

                    .banner-main-wrp .progressBarContainer div.thum-15-aug-opt2 {
                        background-image: url(../images/independence-bnr-mob.jpg);
                        }


.banner-main-wrp .slider .bnr-slide-bg.bnr-slide4 {
background-image: url(../images/bnr4.jpg);
}

.banner-main-wrp .progressBarContainer div.pbc1 {
background-image: url(../images/bnr-thumb1.jpg);
}

.banner-main-wrp .progressBarContainer div.pbc2 {
background-image: url(../images/bnr-thumb2.jpg);
}

.banner-main-wrp .progressBarContainer div.pbc3 {
background-image: url(../images/bnr-thumb3.jpg);
}

.banner-main-wrp .progressBarContainer div.pbc4 {
background-image: url(../images/bnr-thumb4.jpg);
}

.banner-main-wrp .progressBarContainer div.pbc44 {
    background-image: url(../images/bnr-thumb44.jpg);
    }

    .banner-main-wrp .progressBarContainer div.pbc55 {
        background-image: url(../images/bnr-thumb55.jpg);
        }

        .banner-main-wrp .progressBarContainer div.pbc66 {
            background-image: url(../images/bnr-thumb66.jpg);
            }

            .banner-main-wrp .progressBarContainer div.pbc77 {
                background-image: url(../images/bnr-thumb77.jpg);
                }
                .banner-main-wrp .progressBarContainer div.pbc88 {
                    background-image: url(../images/bnr-thumb88.jpg);
                    }
                    .banner-main-wrp .progressBarContainer div.pbc99 {
                        background-image: url(../images/bnr-thumb99.jpg);
                        }
                    .banner-main-wrp .progressBarContainer div.thumb-bnr-new-proj {
                        background-image: url(../images/projects-new-thumb.jpg);
                        }
    

                    .banner-main-wrp .progressBarContainer div.thumb-tvc4new {
                        background-image: url(../images/thumb-sus.jpg);
                        }


                        .banner-main-wrp .progressBarContainer div.thumb-new-sustain {
                            background-image: url(../images/new-sustain-thumb.jpg);
                            }
    

                        .banner-main-wrp .progressBarContainer div.thumb-tvc22 {
                            background-image: url(../images/sm-thumb);
                            }
    

                            .banner-main-wrp .progressBarContainer div.thumb-tvc22-new {
                                background-image: url(../images/projects-thumb-new.jpg);
                                }

                                .banner-main-wrp .progressBarContainer div.company-thumb {
                                    background-image: url(../images/company-thumb.jpg);
                                    }
        

                .banner-main-wrp .progressBarContainer div.thum-15-aug-22 {
                    background-image: url(../images/bnr-thumb-aug-15-22.jpg);
                    }

                    .banner-main-wrp .progressBarContainer div.thum-15-aug-opt2 {
                        background-image: url(../images/independence-bnr-thumb.jpg);
                        }

.hec-wrp .tab_content.hec-bg1 {
background-image: url(../images/hec-bg1.jpg);
}

.hec-wrp .tab_content.hec-bg2 {
background-image: url(../images/hec-bg2.jpg);
}

.hec-wrp .tab_content.hec-bg3 {
background-image: url(../images/hec-bg3.jpg);
}

.hec-wrp .tab_content.hec-bg4 {
    background-image: url(../images/hec-bg4.jpg);
}

.pj-wrp .pj-lhs{

background-image: url(../images/parth-jindal.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card1 {
background-image: url(../images/pro1.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card2 {
background-image: url(../images/pro2.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card14 {
background-image: url(../images/pro14.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card15 {
background-image: url(../images/pro15.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card18 {
background-image: url(../images/hme-project-bangalore-airport.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card20 {
background-image: url(../images/hme-projects-shobha-developers.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card19 {
background-image: url(../images/hme-project-bangalore-mysore-expressway.jpg);
}

.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card18{ background-image: url(../images/hme-project-bangalore-airport.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card19{ background-image: url(../images/hme-project-bangalore-mysore-expressway.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card20{ background-image: url(../images/hme-projects-shobha-developers.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card22{ background-image: url(../images/BengaluruMetroPhase2.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card23{ background-image: url(../images/MumbaiTransharbourSeaLink.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card24{ background-image: url(../images/MumbaiCoastalRoad.jpg);}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a.pro-card25{ background-image: url(../images/PuneMaharashtra.jpg);}

.career-wrp .career-pic-wrp{

background-image: url(../images/careers-pic.jpg);

}

.gbbs-wrp .gbbs-lhs {
background-image: url(../images/gbbe-pic-truck.jpg);
}

/* .banner-main-wrp .slider .bnr-slide-bg.bnr-slide1{ background-image: url(../images/bnr1-mob.jpg);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide11{ background-image: url(../images/bnr11-mob.jpg);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide2{ background-image: url(../images/bnr2-mob.jpg);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide3{ background-image: url(../images/bnr3-mob.jpg);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide33{ background-image: url(../images/bnr33-mob.jpg);}
.banner-main-wrp .slider .bnr-slide-bg.bnr-slide4{ background-image: url(../images/bnr4-mob.jpg);} */


.banner-main-wrp .slick-slide .container-1360-wrp .bnr-logo-card{background-image: url(../images/bnr-logo.png);}

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

.hec-wrp .tab_content.hec-bg1{ background-image: url(../images/hec-mobile1.jpg);}

.hec-wrp .tab_content.hec-bg2{ background-image: url(../images/hec-mobile2.jpg);}

.hec-wrp .tab_content.hec-bg3{ background-image: url(../images/hec-mobile3.jpg);}

.hec-wrp .tab_content.hec-bg4{ background-image: url(../images/hec-mobile4.jpg);}

.banner-main-wrp .progressBarContainer div.thum-15-aug-22 {
    background-image: url(../images/bnr-thumb-aug-15-22.jpg);
    }

    .banner-main-wrp .progressBarContainer div.thum-15-aug-opt2 {
        background-image: url(../images/independence-bnr-thumb.jpg);
        }

        .banner-main-wrp .slider .bnr-slide-bg.bnr-aug-15-opt2 {
            background-image: url(../images/independence-bnr-mob.jpg);
            }
}


}} 


/* M-Edits */
.bg-lg-white{ background: #ffffff;}
.bg-lg-gray{ background: #F6F6F6;}
.bg-lg-blue{ background: #2852A5;}
.bg-lg-blue .common-ttle, .bg-lg-blue .common-cta{ color: #ffffff;}
.bg-lg-blue .common-cta:after{ background: #ffffff;}
.btn-grid{ display: flex; flex-direction: row; align-items: center; gap: 25px;}
.btn-grid .common-cta::before{ top: 8px;}
.bg-cover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;} 
.breadcrumb-cust a, .breadcrumb-cust .separator{ color: #454545;}
.breadcrumb-cust a:hover{ color: #D50000;}
.breadcrumb-cust span{ color: #D50000;}
.product-det-banner .container-1360-wrp{ position: relative;}
.product-det-banner .container-1360-wrp h1, .product-det-banner .container-1360-wrp h6{ color: #ffffff; font-weight:700;}
.product-det-banner .container-1360-wrp p{color: #FFF;}
.product-det-banner .common-cta:after{background-color: #FFF;}
.product-det-banner .download-btn{margin-right: 24px;}
.product-det-banner{ position: relative; }
.inner-banner-block.product-det-banner h1 { font-size: 40px; padding: 10px 0;}
.product-det-banner figure{ position: absolute; left: 0; top:0; width: 100%; height: 650px; margin: 0;} 
.download-btn{ display: inline-block; min-width: 250px; font-size: 20px; color: #ffffff; font-weight: 700; text-align: center; background: #D50000; padding: 15px 20px; border-radius: 5px; transition: all 0.1s ease-out;}
.download-btn span{ display: flex; flex-direction: row; align-items: center; justify-content:space-between;}
.download-btn span svg{ margin-left: 10px; transition: all 0.2s ease-out;}
.product-det-banner .white-link{color: #FFF;}
.download-btn:hover{ background: #ffffff; color: #D50000; text-decoration: none;}
.download-btn:hover svg path{ fill: #D50000;}
.product-banner .common-cta{color: #fff;} 
.cap-wrp .cap-rhs-wrp .info-numb-card p{ padding-top: 10px;}  

.call-btn{ display: inline-block; min-width: 250px; font-size: 20px; color: #ffffff; font-weight: 700; text-align: center; background: #2852A5; padding: 15px 20px; margin-top: 30px; border-radius: 5px; transition: all 0.1s ease-out;}
.call-btn span{ display: flex; flex-direction: row; align-items: center; justify-content:space-between;}
.call-btn span svg{ margin-left: 10px; transition: all 0.2s ease-out;}
.call-btn:hover{ background: #ffffff; color: #2852A5; text-decoration: none;}
.call-btn:hover svg path{ fill: #2852A5;}


/* .key-features p{ font-size: 20px; color: #454545; line-height: 1.3; font-weight: 400; } */
.key-features-list{ padding: 30px 50px; background: #ffffff; border: 1px solid #E5E5E5; box-shadow: 5px 10px 30px -10px #00000073; list-style: none;}
.key-features-list li{ display: flex; align-items: center; font-size: 16px; color: #454545; line-height: 1.3; font-weight: 400; padding: 15px 0; border-top: #EBE6E6 1px solid;}
.key-features-list li span{ display: inline-block; flex: 0 0 190px; width: 190px; font-size: 24px; color: #D50000; line-height: 1; font-weight: 700; }
.key-features-list li:first-child{ border-top: none;}

.blend-and-composition{ background: #2852A5;}
.blend-and-composition .common-ttle, .blend-and-composition p{ color: #ffffff;}
.blend-and-composition .common-ttle{ margin-bottom: 15px;}
.blend-tab-con{ padding: 40px 0 0;}
.blend-and-composition ul{ display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0; margin: 0;}
.blend-and-composition li{ padding: 40px 30px; background: #1A49A7; cursor: pointer; transition: all 0.2s ease-out;}
.blend-and-composition li:hover,.blend-and-composition li.active{ background: #ffffff;}
.blend-and-composition li:hover h3, .blend-and-composition li.active h3, .blend-and-composition li:hover p, .blend-and-composition li.active p{ color: #333333;}
.blend-and-composition h3{ font-size: 28px; color:#ffffff; font-weight: 700; line-height: 1; padding-bottom: 10px; margin: 0;}
/* .blend-and-composition p{ font-size: 20px; color:#ffffff; line-height: 1; font-weight: 400; margin: 0;} */
.blend-det{ display: none; flex-direction: column; justify-content: flex-end; position: relative; height: 100%; padding: 30px; }
.blend-det figure{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.blend-det .overlay{ position: absolute; left: 0; bottom: 0; width: 100%; height: 45%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 54.81%);}
.blend-det p{ position: relative;}
#det-tab-01{ display: flex;}

/* .why-choose .desc{ font-size: 22px; color: #333333; font-weight: 400; line-height: 1.3;} */
.feature-grid { border-top: 1px solid #C7BBBB; border-left: 1px solid #C7BBBB; }
.feature-cell { border-right: 1px solid #C7BBBB; border-bottom: 1px solid #C7BBBB; padding: 2.25rem 2rem; }
.feature-icon { color: #D50000; margin-bottom: 1.25rem; }
.feature-icon svg { width: 34px; height: 34px; }
.feature-title { font-size: 1.1rem; font-weight: 700; color: #333333; margin-bottom: 0.65rem; }
.feature-text { font-size: 0.95rem; line-height: 1.5; color: #333333; margin-bottom: 0; }

.grid-con{ margin-top: 30px; }
.feature-grid { width: 100%; margin: 0 auto; border-top: 1px solid #C7BBBB; border-left: 1px solid #C7BBBB; }
.feature-cell { border-right: 1px solid #C7BBBB; border-bottom: 1px solid #C7BBBB; padding: 2.25rem 2rem; }
.feature-icon { color: #D50000; margin-bottom: 1.25rem; }
.feature-icon svg { width: 34px; height: 34px; }
.feature-title { font-size: 1.1rem; font-weight: 700; color: #333333; margin-bottom: 0.65rem; }
.feature-text { font-size: 0.95rem; line-height: 1.5; color: #333333; margin-bottom: 0; }

.blog-card-con{ padding-top: 20px; }
.blog-card { background: var(--card-bg); height: 100%; display: flex; flex-direction: column; } 
.blog-card-img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }  
.blog-card-body { display:flex; flex-direction: column; justify-content: space-between; padding: 20px 25px; display: flex; flex-direction: column; flex: 1; background: #F4F4F4; } 
.blog-meta { display: flex; align-items: center; justify-content: space-between; font-size: 0.85rem; color: #333333; margin-bottom: 1rem; } 
.blog-meta .read-time { display: flex; align-items: center; gap: 0.35rem; } 
.blog-meta .read-time svg { width: 15px; height: 15px; } 
.blog-title { font-size: 20px; font-weight: 700; color: #333333; line-height: 1.4; margin-bottom: 20px; }
.blog-card-body .common-cta{ color: #D50000;}
.blog-card-body .common-cta:after{ background: #2852A5;}
.blog-card-con .swiper-wrapper { align-items: stretch; } 
.blog-card-con .swiper-slide { height: auto !important; display: flex; } 
.blog-card-con .swiper-slide > * { width: 100%; height: 100%; }
.blog-card-con .slide-nav-controller{ position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 115px; height: 45px; margin: 10px 0 0;} 

.applications{ background: #F4F4F4;}
/* .applications p{ font-size: 20px; color: #333333;} */
.app-tab-panel{ position: relative;}
.applications .tab-slider{ position: relative; width: 100%; padding:20px 0 0; border-bottom: 1px solid #C8C8C8;}
.applications ul{ list-style: none; margin: 0; padding: 0;}
.applications .tab-slider .tb-li{ position: relative; justify-content: center; font-size: 22px; color: #333333; line-height: 1; font-weight: 700; padding: 10px 0; cursor: pointer; }
.applications .tab-slider .tb-li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #D50000; transform: scaleX(0); transition: all 0.2s ease-out; opacity: 0;}
.applications .tab-slider .tb-li:hover, .applications .tab-slider .tb-li.swiper-slide-active{ color: #D50000; }
.applications .tab-slider .tb-li:hover:after, .applications .tab-slider .tb-li.swiper-slide-active:after{ transform: scaleX(1); opacity: 1;}
.applications .app-det-con{ padding: 30px 0 0;}
.applications .app-det-con img{ width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }   
.applications .app-det-con h3{ font-size: 26px; color: #333333; line-height: 1; font-weight: 700; margin-bottom: 30px;}
.applications .app-det-con li{ position: relative; font-size: 16px; color: #333; line-height: 1; margin-bottom: 20px; padding-left: 25px; font-weight: 400;} 
.applications .app-det-con li:before{ content: ''; position: absolute; left: 0; top: 9px; width:6px; height: 6px; border-radius: 50px; background: #D50000;}

.applications .slide-nav-controller{ position: absolute; width: 130px; top: -55px; left: auto; right: 0px; height: 45px;} 
.applications .swiper-button-next, .applications .swiper-button-prev{ width: 47px; height: 33px; top: 0; margin: 0; background-size: cover; background-repeat: no-repeat; }
.applications .swiper-button-next svg, .applications .swiper-button-prev svg{ display: none;}
.applications .swiper-button-next:after, .applications .swiper-button-prev:after{ display: none;}
.applications .swiper-button-next{ right:0; }
.applications .swiper-button-prev{ left: 0; }


.cement-solutions{ background: #2852A5; overflow: hidden; }
.cement-solutions .common-ttle, .cement-solutions p{ color: #ffffff;}
.cement-solutions .common-ttle{ margin-bottom: 15px;}
.cement-solutions .card-blurb figure{ position: relative; width: 100%; aspect-ratio: 16 / 11; display: block; margin: 0; } 
.cement-solutions .card-blurb .cr-det{ padding: 30px; background: #ffffff;}
.cement-solutions .card-blurb h3, .cement-solutions .card-blurb p{ color: #333333;}
.cement-solutions .card-blurb h3{ font-size: 20px; line-height: 1; font-weight: 700; padding-bottom: 10px;}
/* .cement-solutions .card-blurb p{ font-size: 16px; line-height: 1.2; margin-bottom: 30px;}  */
.cement-solutions .swiper-button-next, .cement-solutions .swiper-button-prev{ position: relative; left: 0; right: 0; top: 0; bottom: 0;}
.cement-solutions .slide-nav-controller{ display: flex; flex-direction: row; align-items: center; gap: 20px; padding-top: 100px;}
.cement-solutions .intro .common-cta{ color: #ffffff; margin-top: 30px;}
.cement-solutions .intro .common-cta:after{ background: #ffffff;}

.build-stronger{ position: relative; text-align: center;}
.build-stronger figure{ position: relative; width: 100%; aspect-ratio: 16 / 3; display: block; margin: 0; }
.build-stronger .container-1360-wrp{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.build-stronger p{ font-size: 20px; }
.build-stronger .btn-grid{ display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 25px;}

/* blog details */
.meta-row{ display:flex; flex-wrap:wrap; align-items:center; gap:50px; margin-top:22px; }
.meta-item{ display:flex; align-items:center; gap:10px; color: #ffffff; font-size:16px; font-weight:400; }
.meta-item svg{ width:20px; height:20px; flex-shrink:0; }

.blog-detail{ padding: 0 0 100px; }
.blog-detail-panel{ position: relative; width: 65%; /*  padding-right: 35%; */}
.blog-detail-panel .blog-detail{ position: relative; padding: 0px 0 30px;}
.blog-detail .container-1360-wrp{ display: flex; flex-direction: row-reverse; justify-content: space-between;}
.blog-detail-panel .blog-detail:first-child{ padding-top: 0;}
.blog-detail h4{ font-size: 28px; color: #000000; line-height: 1.2; font-weight: 400; padding-bottom: 20px;}
.blog-detail h4 a{ color: #000000; border-bottom: #000 1px solid; text-decoration: none;}
.blog-detail h4 a:hover{ color: #5a5858; border-bottom: #5a5858 1px solid;}
.blog-detail p{ font-size: 16px; color: #333; line-height: 1.3; font-weight: 400; margin: 0; padding-bottom: 20px;}
.blog-detail p:last-child{ padding-bottom: 0;}
.blog-detail p a{ color: #000000; border-bottom: #000 1px solid; text-decoration: none;}
.blog-detail p a:hover{ color: #5a5858; border-bottom: #5a5858 1px solid;}
.blog-detail .pin-spacer { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.other-blogs{ overflow: hidden;}
.social-link-list{ display: flex; flex-direction: row; justify-content: space-between; gap: 10px; margin-top: 20px;}
.social-link-list a{ display: block; width: 25%; text-align: center; padding: 10px 0; background: #ffffff; border-radius: 6px;  transition: all 0.2s ease-out;}
.social-link-list a:hover{ box-shadow: 0px 0px 5px 0px #000000;}
.social-link-list.for-mob{ display: none; padding-bottom: 20px;}
.social-link-list.for-mob a{ background: #F6F6F6;} 

.tbl-content{ width: 30%; height: auto!important; max-height: none!important; z-index: 1; }
.content-panel{ width: 100%; padding: 30px 30px 0; border-radius: 10px;  background: #ffffff;}
.content-panel h5{ font-size: 22px; color: #000000; line-height: 1; font-weight: 700;}
.content-panel ul{ list-style: none; padding: 0; margin: 20px 0 0;}
.content-panel li{ position: relative; font-size: 16px; color: #000000; line-height: 1.1; font-weight: 400; padding: 10px 30px 10px 0; cursor: pointer; transition: all 0.2s ease-out;}
.content-panel li::after{ content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 9px; background: url(../images/arrow-gray.svg) no-repeat center center; background-size: cover;}
.content-panel li:hover{ padding-left: 10px; background: #F6F6F6; border-radius: 10px;}
.content-panel li:hover:after{ right: 10px;}
 
 
/* ---- Pinned journey section ---- */ 
.journey-track{ position: relative; background: #f4f4f4 !important; } 
.journey{ height: 100vh; width: 100%; display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; } 
.journey-track .container-1360-wrp{ position: absolute; left: 50%; top: 10%; transform: translateX(-50%);} 
/* year numeral, ringed by a circular scroll-progress track */
.year-stage{ position: relative; display:flex; align-items:center;  justify-content:flex-end; padding: 2rem; } 
.year-index{ display: none; position: absolute; top: 2.4rem; left: 2.4rem; font-size: 0.7rem; color: #333333; letter-spacing: 0.14em;  } 
.year-circle{ position: relative; width: clamp(260px, 30vw, 400px); height: clamp(260px, 30vw, 400px); display:flex; align-items:center; justify-content:center; } 
.year-circle svg{ position: absolute; top:0; left:0; width: 100%; height: 100%; transform: rotate(-90deg); } 
.ring-bg{ fill: none; stroke: #dcdcdc; stroke-width: 1; } 
.ring-progress{ fill: none; stroke: #D50000; stroke-width: 1; stroke-linecap: round; } 
.ring-dot{ display: none; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #333333; border: 1px solid var(--stone); transform: translate(-50%, -50%); transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } 
.ring-dot.active{ background: var(--ochre); border-color: var(--ochre); box-shadow: 0 0 0 4px rgba(201,154,58,0.18); } 
/* each year's numeral lives in the HTML already; only one is shown at a time */
.year-num-item{ display: none; position: absolute; left: -35%; top: 50%; transform: translateY(-50%)!important; font-weight: 600;
font-size: 180px; color: #D50000; line-height: 1; } 
.year-num-item.active{ display: block; } 
.year-num-item .accent{ color: #D50000; } 
/* info panel — one block of real markup per year, toggled by class */
.info-stage{ position: relative; display:flex; align-items:center; padding: 3rem 4rem 3rem 3rem; } 
.info-panel{ display: none; max-width: 460px; }
.info-panel img{ border-radius: 20px; box-shadow: 2px 5px 14px -4px rgba(0, 0, 0, 0.75);}
.info-panel.active{ display: block; }
/* .info-panel img{ max-width: 70%;}   */
.info-title{  font-weight: 500; font-size: 20px; color: #000; margin: 20px 0; line-height: 1.15; } 
.info-desc{ color: #333333; font-size: 22px; line-height: 1.3; margin-bottom: 12px; } 
.info-stats{ display:flex; gap: 2.2rem; border-top: 1px solid #333333; padding-top: 1.2rem; } 
.stat-num{ font-size: 1.4rem; color: #333333; } 
.stat-label{ font-size: 0.62rem; letter-spacing: 0.1em; text-transform: uppercase; color: #333333; margin-top: 0.25rem; } 
.progress-caption{ display: none!important; position: absolute; bottom: 2.4rem; left: 2.4rem; right: 2.4rem; display:flex; justify-content: space-between; font-size: 0.65rem; letter-spacing: 0.1em; color: #333333; text-transform: uppercase; grid-column: 1 / -1; } 
.outro p{ margin: 0 auto; }  

.not-found-404{ overflow-x:hidden;}
.not-found-404 .page-not-found{ padding: 13% 0 5%;}

.project-wrp .proj-rhs .pro-sldr .swiper-slide img{ width: 100%; height: auto; object-fit: cover; display: block; }
@media screen and (max-width: 1680px) {
    .build-stronger figure{ aspect-ratio: 16 / 4;}
    .info-desc{font-size: 20px;}
}
@media screen and (max-width: 1440px) {
    .blend-and-composition li{ padding: 30px 20px;}
    .blend-and-composition h3{ font-size: 24px;}
    /* .blend-and-composition li p{ font-size: 16px;} */
    .blend-det p{ font-size: 16px;}
    .applications .tab-slider .tb-li{ font-size: 18px;}
    .applications .app-det-con h3{ font-size: 22px;}
    .applications .app-det-con li{ font-size: 18px;}
    .applications .app-det-con li:before{ top: 7px;}
}
@media screen and (max-width: 1100px) {
    .applications .tab-slider .tb-li{ font-size: 16px;}
    .build-stronger figure{ aspect-ratio: 16 / 6;}
    .year-num-item{ font-size: 14vw;}
}
@media screen and (max-width: 1023px) {
    .nav-search.icon-search-mob { display: block!important; position: absolute; right: 80px;  top: 8px; }
    .project-wrp .proj-lhs{ width: calc(100% - 50px);}
    .blend-det{ display: none!important;}
    .applications .app-det-con img{ aspect-ratio: 1;}
    .applications .slide-nav-controller{ top: -25px;}
    .solution-slider{ padding-top: 30px;}
    .left-spacing{ padding: 30px 15px!important;}
    .content-panel{ display: none;}
    .blog-detail{ background: #ffffff;}
    .blog-detail h4{ font-size: 24px; padding-bottom: 10px;}
    .blog-detail p{ font-size: 18px;}
    .blog-detail-panel{ width: 100%;}
    .blog-detail .container-1360-wrp{ display: block;}
    .blog-detail .pin-spacer{ display: none!important;}
    .social-link-list.for-mob{ display: flex;} 
    .project-wrp .proj-rhs .pro-sldr .swiper-slide a{ height: auto;}
    .info-numb h2{ font-size: 46px;}
    .abt-cmp-pro-block .container-custom{ width: 100%; background-color: #fff;}
    .inner-banner-block { position: relative; }
    .abt-cmp-pro-block.copr-overview-card { margin-top: 0px; }
    .factory-card .fact-card-rhs .cvr{ width: 100%; margin: 0; padding: 30px 20px 50px;}
    .vis-mis-wrp{ margin-top: 0;}
    .vis-mis-wrp .visco-card{ width: 100%; max-width: 400px; float: none!important; text-align: center; margin: 0 auto!important;}
    .leadership-tabs-full .container-custom .bod-card{ overflow: visible; padding-bottom: 80px; margin-top:0;}
    .leadership-tabs-full .container-custom .bod-card a::before{ top: auto; bottom: -60px;  right: auto; left: 50%; transform: translateX(-50%);}
    .leadership-tabs-full .container-custom .bod-card a:hover::before{ right: auto; left: 50%; transform: translateX(-50%); }
    .core-value-wrp.tune-wrp-cvr .custom-container { padding: 50px 20px; }
    .campaing-stories-full .cs-sldr .swiper-slide{ flex-direction: column;}
    .campaing-stories-full .cs-sldr .cs-card-pic-wrp img, .campaing-stories-full .cs-sldr .cs-card{ width: 100%; height: auto;}
    .campaing-stories-full .cs-sldr .cs-card:hover{ background: #ffffff;}
    .campaing-stories-full .cs-sldr .cs-card:hover h2, .campaing-stories-full .cs-sldr .cs-card:hover p, .campaing-stories-full .cs-sldr .cs-card:hover a{ color: #333333; }
    .inner-banner-block h1 br{ display: none; }
} 

@media screen and (max-width: 991px) {
    #AdvantagesSection .AdvantagesPicBox .pointer-title { position: relative; left: 0px !important; top: 0px !important; width: 100%; border-bottom: solid 1px #bababa;}
    #AdvantagesSection .AdvantagesPicBox img { margin-bottom: 30px; display: block;
    }
     #AdvantagesSection .AdvantagesPicBox, #AdvantagesSection .AdvantagesPicBox img {width: 100%; }
     #AdvantagesSection .AdvantagesPicBox .pointer-title .line-slant { display: none; }
    #AdvantagesSection .AdvantagesPicBox .pointer-title p.Expad { padding-left: 0px !important;}
}
@media screen and (max-width: 767px) {
      .product-det-banner figure{ position: relative; left: auto; top:auto; width: 100%; height: auto; margin: 0; padding-bottom:50vh;} 
.inner-banner-block.product-det-banner {padding-top:0; height:auto;}
.product-det-banner .bg-cover{ object-position:center bottom;}
.product-det-banner .white-link{color: #FFF; margin: 32px 0px;} 
.product-det-banner .container-1360-wrp p{color: #000;}
.product-det-banner .container-1360-wrp h1, .product-det-banner .container-1360-wrp h6{ color:#FFF;}
.product-det-banner .container-1360-wrp{padding-top: 30px; background: #2852A5; padding-bottom: 30px;}
    .breadcrumb-blog{ padding-top: 5rem !important; }

    #FacilitiesSection .Productportfolio { margin-top: 50px !important; }
    .info-desc{font-size: 18px;}
    .btn-grid{ flex-direction: column; align-items: flex-start; gap: 15px; }
    .project-wrp .proj-lhs{ width: 100%;}
    .key-features{ position:relative; background: #ffffff;}
    .build-stronger figure{ aspect-ratio: 0; height: 60vh;}
    .build-stronger .container-1360-wrp{ width: 100%;}
    .build-stronger .btn-grid{ flex-direction: column; gap: 0;}
    .applications .app-det-con h3{ padding-top: 30px;}
    .meta-row{ gap: 20px;}
    .meta-item{ font-size: 14px;}
    .meta-item svg{ width: 16px;}
    .journey-track .container-1360-wrp{ position: relative; left: auto; top: auto; transform: translate(0);} 
    .journey{ display: block; height: auto; min-height: auto;}
    .journey-track{ padding: 50px 0;}
    .year-stage{ display: none;}
    .info-stage{ display: block; padding: 20px 20px 30px;}
    .info-panel{ display: block!important; max-width: 100%; padding-bottom: 30px;}
    .info-panel:last-child{ padding-bottom: 0;}
    .info-panel img{ width: 100%; max-width: none;}
} 
@media screen and (max-width: 575px) {
    .key-features-list{ padding: 10px 20px;}
    .key-features-list li{ flex-direction: column; align-items: flex-start;}
    .key-features-list li span{ flex: auto; padding-bottom: 10px;}
    .feature-cell{ padding: 20px;}
    .applications .slide-nav-controller{ position: relative; right: auto; top: auto;}
    #FacilitiesSection .projectBox img{ aspect-ratio: 16 / 16; object-fit: cover;}
    .ProjectSection .projectBox .HoverBox { padding: 20px 20px 20px 20px;}
    .factory-card .fact-card-lhs{ height: 300px;}
    .inner-banner-block p{ line-height: 24px!important;}
}
@media (max-width: 520px){
    
    .info-stats{ gap: 1.4rem; }
    .info-desc{ margin-bottom: 1.1rem; }
    .footer-wrp .copy-card .copy-linkscard{ flex-direction: column; color: transparent;}
    .footer-wrp .copy-card .copy-linkscard a{ margin: 5px 10px; }
    .footer-wrp .copy-card .copy-linkscard span{ display: none;}
}


.inner-banner-block.banner-bg-inner .container-1360-wrp{
    position: relative;
}

.container-custom {
    padding: 50px ;
}
 .inner-banner-block.no-banner {
    h2, h6 {
    color: #000000;
}
 }

 .gbbs-wrp .gbbs-lhs img{
    max-width: 100%;

 }
 #FacilitiesSection .project-inner-detail{
     overflow: hidden;
    overflow-y: scroll;
    height: 100%;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #ffffff13; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.header-full-wrp .main-nav ul.main-nav-links{
    justify-content: center;
}
.project-wrp .proj-rhs .pro-sldr .swiper-slide a{
    height: auto;
}

.faqs-con{ background: #ffffff; }
.faq-bnr-bg { height: 600px !important; background-image: url(../images/banner-faqs-bg.jpg); background-repeat: no-repeat; background-position: top left;
    background-size: cover; }
.faq-bnr-bg  p { color: #fff; }
.faqs-page .faq-main-full #faq .card{ padding: 20px 30px; margin-bottom: 20px; background:#F4F4F4; border-radius: 0; }  
.faqs-page .faq-main-full #faq .card .card-header .btn-header-link{ padding: 10px 0; background: #F4F4F4 url(../images/active-arrw.svg) no-repeat 98% center; border:none; outline:none; box-shadow:none }
.faqs-page .faq-main-full #faq .card .card-header .btn-header-link.collapsed{ background: #F4F4F4 url(../images/accord-arrw.svg) no-repeat 98% center;}
.faqs-page .faq-main-full #faq .card .collapse, .faqs-page .faq-main-full #faq .card .collapse.show { background: transparent!important; }
.faqs-page .card-body{ margin-top: 30px!important; background: #ffffff; }
.faqs-page .faq-main-full ul.faq-list li a{ color: #333; }
.faqs-page .custom-container{ width: 100%; max-width: 1360px; margin: 0 auto; padding: 50px 20px; } 
.faqs-page .abt-cmp-pro-block.copr-overview-card .container-custom{ width: 100%; }


@media (min-width: 320px) and (max-width: 767px) {
    .faqs-page .faq-main-full #faq .card .card-header .btn-header-link{  padding: 12px 50px 12px 0;}
}