/* Large desktops and laptops */



@media only screen and (min-width : 1367px) {
    
    nav ul li {
  padding: 25px 26px; /* Added contact us in menu changed from 22px to 26px */

}


nav ul li.hassubnav {
   
   padding: 25px 26px; /* Added contact us in menu changed from 22px to 26px */
}
    header.sticky nav .mainnav ul.dnav li {
    padding: 15px 26px;   /* Added contact us in menu changed from 22px to 26px */
}   
    
    .sustainabilitypartner p { font-size: 1.7em}
    .logoandlink .link { padding:60px 20px 0 0}
.logoandlink .link a { font-size: 1.6em; }
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicboxwrapper {
    width: 200px;
}
    .careersinnersection .eihlcontent p { font-size: 1.8em; padding-bottom: 15px}
    .csr .successstory .content h3 { height: 70px}
    .corevalueswrapper {
        height: 720px   
    }
    .corevalueswrapper .ehsinfographicwrapper {
        width: 1280px   
    }
    .corevalueswrapper .ehsinfographiccircle {
        width: 380px;
        height: 380px;
    }
    .corevalueswrapper .ehsinfographicbox p {
        font-size: 1.7em;   
    }
    .corevalueswrapper .ehsinfographicbox h4 {
        font-size: 2em   
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper .icon {
        width: 70px;   
    }
    .corevalueswrapper .ehsinfographiccircle h3 {
        font-size: 3.4em;
        top: 125px;
        width: 150px
    }
    .corevalueswrapper .ehsinfographicboxwrapper {
           width: 300px
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue {
    top: 80px;
    right: 50px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue .ehsinfographicpointer {
    top: 41%;
    left: -128px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue .icon {
    top: 30%;
    left: -90px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange {
    top: 80px;
    left: 150px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicpointer {
    top:51%;
    left: 298px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .icon {
    top: 35%;
    left: 215px;
    width: 65px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple {
    top: 360px;
    right: 100px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple .ehsinfographicpointer {
    top: -60px;
    left: -130px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple .icon {
    top: -30px;
    left: -95px;
    width: 65px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink {
    top: 340px;
    left: 100px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.green {
    top: 460px;
    left: 488px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .ehsinfographicpointer {
    top: -40px;
    left: 398px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .icon {
    top: -25px;
    left: 320px;
    width: 50px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.green .icon {
    
    left: 39%;
    width: 55px;
    
}
    .tnc p span.no {
   width: 3%; 
}
.tnc p span.desc {
  width: 97%; 
}
    .sustainabilityintro p {
        font-size: 1.8em   
    }
    .successstory .content {
    padding: 25px
}
.successstory .content h3 {
    font-size: 2em;
   
}

.successstory .content p {
    font-size: 1.8em;
    
}
.successstory .content a {
   
    font-size: 1.5em;
    
}

    .ourtalentwrapper .col-sm-3 {
    padding: 0 30px 60px   
}
   
    .newsdetailtitledate h1, .newsdetailscontent h2 {
   
    font-size: 2.4em;
   
}
.newsdetailtitledate span.date {
    
    font-size: 1.8em;
 
}
.newsdetailscontent p {
   font-size: 1.6em
}

    .latestnewstop .content {
      padding: 50px;

}

.latestnewstop .content span.date {
   
    font-size: 1.8em;
   
}
.latestnewstop .content p {
   
    font-size: 2.4em;
    
}

    .sendresume p { font-size: 1.7em}
    .careerscarowrapper {
    padding: 30px 15px   
}
    .careerspage .intro { margin-top: 15px}
    .container { max-width: 1367px}
    .hero .heroSlider .owl-nav, .hero .heroSlider .owl-dots { max-width: 1327px}
    .historySlider .owl-item .item h3 { font-size: 2.4em}
    .historycontent { left: 260px; width: 450px }
    .historycontent span.title { font-size: 3.6em}
    .historycontentinner { height: 335px; padding: 40px 45px 40px 45px}
    .aboutetgintro p, .business-section.bg-grey-inner p.intro, .ourtalent .intro p, .careerspage .intro p { font-size: 1.8em}
    .business-section.bg-grey-inner p.intro, .ourtalent .intro p { padding-bottom: 40px}
    .historycontentinner p { font-size: 1.7em}
    .aboutinbtn .inbtn { font-size: 1.6em; padding: 15px 20px}
    .ourhistorywrapper h2, .corpvideo h2 { font-size: 3.2em}
    /*nav ul li, nav ul li.hassubnav { padding: 0 25px}*/
    nav ul li a { font-size: 1.6em}
    nav ul li.hassubnav span.arrow { right: -12px}
    nav ul li ul.subNav { padding: 25px 20px 10px}
    nav ul li ul.subNav li { padding-bottom: 20px}
    .footerlinks li {

    
    font-size: 1.6em;
    padding-left: 25px;
   

}
    .footerdisclaimerlinks li { font-size: 1.4em; padding-left: 20px}
    .business-section .business-slider .owl-item .item p { font-size: 2em}
    .getintouchformcontainer { max-width: 965px}
    
    
    .eihlcontent p, .company .content p { font-size: 1.6em}
    .eihlcontent h2 { font-size: 3em; padding-bottom: 5px}
    .eihllogolinks { padding-top: 10px}
    .company .content h3 { font-size: 2.8em}
    .business-section p.intro { font-size: 1.8em}
    
     .newsitem .data p { font-size: 1.6em}
    .globalfootprintintro p, .news p.intro { font-size: 1.8em}
    .globalfootprintcontent p { font-size: 1.5em}
    
    .ehscontent {
    padding-top: 35px   
}
    .ehscontent h3 {
    font-size: 2.8em   
}
.ehscontent p {
    text-align: justify;
    padding-top: 15px;
    font-size: 1.8em;
    line-height: 1.6
}
    
}






@media only screen and (min-width : 1200px) {
    .mainnav p { display: none}
    .careerinfographic {
    position: relative;
    left: -60px;
}
    header.sticky nav ul li.hassubnav span.arrow {
    top: 23px;
    
}
    header.sticky nav ul li ul.subNav {
    top: 50px;   
}
    header.sticky nav .mainnav ul.dnav li {
    padding: 15px 18px;   /* Added contact us in menu changed from 22px to 15px */
}   
    header.sticky nav .mainnav ul.dnav li ul.subNav li {
        padding: 0 0 15px   
    }
    .beyond-section .owl-item:first-child .beyondinner {
    border-left: 1px solid #c2c2c2;
}
    nav .mainnav { display: flex!important; }
    nav .mainnav ul.dnav { float: left; width: 100%;display: flex!important; }
    nav .mainnav .socail-icons { margin-top: 0}
    nav ul li.hassubnav:hover span.arrow::after {
    border-top: 5px solid #bb0000;
}
nav ul li.hassubnav:hover a, nav ul li.hassubnav:hover ul.subNav li a:hover  {
    color: #bb0000   
}
nav ul li.hassubnav:hover ul.subNav li a {
 position: relative;
    left: 0;
     -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
nav ul li.hassubnav:hover ul.subNav li a:hover {
  left: 5px
}
    nav ul li.hassubnav:hover ul.subNav li a {
    color: #fff   
}
    nav ul li:hover ul.subNav {
    display: block;
    -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
    nav ul li ul.subNav li a:hover { 
    text-decoration: none
}
    nav ul li a:hover {
 color: #bb0000   
}

nav ul li a span:before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #bb0000;
}
    nav ul li a:hover span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
nav ul li, ul.socail-icons li {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
nav ul li:nth-child(1) {
    -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
nav ul li:nth-child(2) {
    -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
nav ul li:nth-child(3) {
    -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
nav ul li:nth-child(4) {
    -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
nav ul li:nth-child(5) {
    -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
nav ul li:nth-child(6) {
    -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
nav ul li:nth-child(7) {
    -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
nav ul li:nth-child(8) {
    -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
ul.socail-icons li:nth-child(1) {
   
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
ul.socail-icons li:nth-child(2) {
  
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
ul.socail-icons li:nth-child(3) {
   
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
    .menublackoverlay { display: none!important}
}
@media only screen and (max-width : 1365px) {
    .tnc p span.no {
   width: 4%; 
}
.tnc p span.desc {
  width: 96%; 
}
    .eihlcontent .csr {
    padding: 0;
        margin: -8px
}
.eihlcontent .csr h2, .careersinnersection .eihlcontent .csr h2 {
    padding: 0 0 10px;
    font-size: 2.2em
}
    .eihlcontent .csr p {
    
    font-size: 1.5em
}
    .hero .heroSlider .slideItem {
  height: 500px;
  padding: 0;
  overflow: visible;
        background: none!important;
}
    .hero .heroSlider .slideItem .owlimg-hide {
        width: 100%;
        display: block;
        position: absolute;
        top:0;
        left: 0;
        z-index: -1
    }
    .hero .caption {
        padding-top: 35px;
        padding-left: 140px
    }
    
    .hero .heroSlider .owl-dots {
        top: 320px;
        left: 180px;
        max-width: 1035px
    }
    .hero .heroSlider .owl-nav {
        top: 325px;
        left: 300px;
         max-width: 1035px
    }
    
    .hero h2.heading, .hero h1 {
        font-size: 4.5em;   
    }
    .hero p {
        font-size: 2em;   
    }
    .hero a.readmorelink {
        font-size: 1.6em;   
    }
    .career {background: url(../images/career.jpg) no-repeat -300px 0 #f6f6f6}
}
@media only screen and (max-width : 1199px) {
    .sustainabilitypartnersinner { width: 98%}
    .ehscontent {
    padding-top: 0   
}
    
.ehscontent p {
   
    font-size: 1.5em;
    line-height: 1.6
}
    .tnc { padding-top: 50px}
    .backtonewsdiv { padding-top: 45px}
    header .logo, header.sticky .logo { width: 75px}
    header, header.sticky { height: 50px; padding: 0 0 0}
    .sustainabilityinfographicwrapper {
    width: 1004px;
    }
    .sustainabilityinfographicimage {
        margin: 0   
    }
    .sustainabilityinfographicno {
        left: 27.5%   
    }
    .sustainabilityinfographic {
     background-position: 34.4% 0;
    }
    .sustainabilityinfographic::before, .sustainabilityinfographic::after {
        left: 34%;   
    }
    .sustainabilityinfographicwrapper h3 {
        left: 30%   
    }
    .sustainabilityinfographicno::before {
        width: 130px;
        left: -120px;
    }
    .sustainabilityinfographic-etgprioritywrapper img {
    
    margin-left: 3px;
}
     .ourtalentwrapper .col-sm-3 {
    padding: 0 15px 30px   
}
    .latestnewstop .content {
      padding: 30px;

}

.latestnewstop .content span.date {
   
    font-size: 1.4em;
   
}
.latestnewstop .content p {
   
    font-size: 2.0em;
    
}
    .historySlider { max-width: 985px; margin: 0 auto}
    .historycontent {
    position: absolute;
    top: 40px; 
    left: 180px;
    width: 340px;
  
}
    .hero { padding: 50px 0 0}
    .innerbanner { padding-top: 50px}
    
    h2.heading, .hero h1 { font-size: 3em}
    .business-section p { width: 90%}
    .business-section .business-slider .owl-nav .owl-prev, .business-section .business-slider .owl-nav .owl-next { top: 25px}
     .hero .heroSlider .slideItem {
  height: 420px;
  
}
    
    .hero .caption {
        padding-top: 25px;   
    }
    .hero .heroSlider .owl-dots {
        top: 245px;
        left: 0;
        max-width: 730px;
    }
    .hero .heroSlider .owl-nav {
        top: 245px;
        left: 170px;
        max-width: 700px;
    }
    .hero h2.heading, .hero h1 {
        font-size: 3.6em;
        padding-left: 5px
    }
    .hero p {
        font-size: 1.6em;   
    }
    
    .hero a.readmorelink {
        font-size: 1.4em;
        margin: 10px 7px
    }
    .hero .heroSlider .owl-dots:after {
        font-size: 2.2em   
    }
    .hero .heroSlider .owl-dots .owl-dot.active:before {
        font-size: 3em   
    }
    .container, .container-lg, .container-md, .container-sm {

    max-width: 100%;

}
    /* navigation */
    /*.socail-icons, .socialcolumn { display: none}*/
     
    .col-10.navcolumn {
    -ms-flex: 0 0 83.33%;
    flex: 0 0  83.33%;
    max-width:  83.33%;
        position: static
}
    nav .mainnav { display: none; width: 100%; padding: 10px 0; position: absolute; top: 50px; left: 0; width: 100%; background: #000}
    .mainnav p { float: left; padding: 12px 20px; }
    .mainnav p a { color: #bb0000}
    .mainnav .socail-icons { float: left; margin-top: 7px}
    nav ul li, nav ul li.hassubnav {
        display: block;
        width: 100%;
        padding: 10px 0;
        float: left;
        
    }
    nav ul li a, nav ul li.hassubnav a {
        padding: 0 20px;   
    }
    nav ul li.hassubnav.active a {
        color: #bb0000
    }
    nav ul li.hassubnav span.arrow {
        right: 10px;
        top: 5px;
        
        cursor: pointer;
        
    }
    nav ul li.hassubnav span.arrow::after {
        top: 12px;
        left: 8px
    }
    nav ul li.hassubnav.active span.arrow::after {
        border-top: 5px solid #bb0000;    
    }
    nav ul li.hassubnav.active ul.subNav li a {
        color: #fff   
    }
    nav ul li ul.subNav {
        position: relative;
        display: none;
        top: 10px;
        left: 0;
        background: #1d1d1d;
        padding: 10px 20px;
        float: left;
        width: 100%
    }
    nav ul li ul.subNav li { padding: 10px 0}
    nav ul li a {
        color: #fff   
    }
    nav ul li.hassubnav.active ul.subNav li a:hover {
        color: #bb0000   
    }
    nav ul li.hassubnav span.arrow::after {
        border-top: 5px solid #fff;  
    }
    nav ul li a:hover {
    color: #fff;
    text-decoration: none
}
    .listMenu {
    float: right;
    width: 30px;
    cursor: pointer;
    position: relative;
    padding: 13px 0 0 5px;
        
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
    display: block
}

.listMenu>span {
    height: 4px;
    background: #000;
    display: block;
    position: relative;
    margin-top: 4px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

.listMenu>span:first-child {
    margin-top: -4px;
	
}
.listMenu span:nth-child(1) {
	width: 25px
}
.listMenu span:nth-child(3) {
	width: 21px
}
.listMenu.active {
    z-index: 2;
}
    .listMenu.active>span {
        background: #bb0000
    }

.listMenu.active span:nth-child(1) {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -4px;
	width: 30px
}

.listMenu.active span:nth-child(2) {
    opacity: 0;

}

.listMenu.active span:nth-child(3) {
    bottom: -5px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -4px;
	width: 30px
}
    
    /* /navigation */
    
    
    .companies .col-sm-4 {
    
   
    width: 31%!important;
    
     max-width: 31%!important;
    -ms-flex: 0 0 31%!important;

flex: 0 0 31%!important;
}
    
    .successstorieswrapper {
        padding: 0;   
    }
    .business-section .business-slider, .business-section .container { padding-left: 0!important; padding-right: 0!important}
}
@media only screen and (max-width : 1023px) and (min-width : 992px) {
    .corevalueswrapper .ehsinfographiccircle {
    width: 240px;
    height: 240px;
}
    .corevalueswrapper .ehsinfographicwrapper {
    width: 964px
}
    .corevalueswrapper .ehsinfographiccircle h3 {
   
    font-size: 2.8em;
    top: 65px;
    width: 120px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicpointer, .corevalueswrapper .ehsinfographicboxouterwrapper.blue .ehsinfographicpointer {
    top: 33%;
    
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue .icon { left: -75px}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .ehsinfographicpointer { top: -75px}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .icon, .corevalueswrapper .ehsinfographicboxouterwrapper.purple .icon { top: -45px}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple .ehsinfographicpointer { top: -75px}
    .corevalueswrapper .ehsinfographicboxouterwrapper.green {
    top: 325px;
    left: 345px;
}
}
@media only screen and (max-width : 1023px) {
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .icon {top: 25%}
    .sitemappage ul li, .sitemappage .misclinks span { font-size: 1.5em}
    .hero .caption {
        padding-top: 5px;
        padding-left: 110px
    }
    .hero .heroSlider .owl-dots {
        max-width: 100%;
        top: 215px;
        left: 120px
    }
    .hero .heroSlider .owl-nav {
    top: 215px;
    left: 200px;
    max-width: 100%;
}
    .historycontent span.title {
        font-size: 2.4em;
        
       
    }
    .historycontent { width: 320px; top: 30px; }
    .historycontentinner p { font-size: 1.4em}
    .hero.videocuts .heroSlider .slideItem {
  height: 420px;
  
}
    /*.businesslinks ul {   width: 100%!important; display: block!important}*/
    .businesslinks ul { width: 666px!important}
    
    .businesslinkswrapper { margin-left: 20px}
    .businesslinks ul li a { padding: 10px 15px;}
    .eihlcontent { padding: 20px}
   .leadershipboxoverlay { top: 110px}
    .footerlinks li { font-size: 1.3em; padding-left: 8px}
    .footerdisclaimerlinks li { font-size: 1.1em}
    h2.heading, .hero h1 { font-size: 3em}
    .globalfootprintintro h2 { font-size: 2.4em}
    .globalfootprintcontent span { font-size: 3em; padding: 5px 0; display: block}
    .our-people .intro, .news p.intro { width: 100%}
}
@media only screen and (max-width : 991px) and (min-width : 768px) {
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange {
        left: -20px   
    }
    /* Infographic */
    .ehsinfographicwrapper {
    width: 760px;
    
    
}
    .ehsinfographiccircle {
    width: 320px;
    height: 320px;
   
}
    .ehsinfographicboxwrapper {
        width: 180px   
    }
    .ehsinfographicbox {
        padding: 10px  
    }
    .ehsinfographicbox p {
    font-size: 1.4em
}
    .ehsinfographicboxouterwrapper.orange {
    top: 10px;
    left: 14px;
}
    .ehsinfographicboxouterwrapper.purple {
    top: 10px;
    left: auto;
    right: 22px;
}
    .ehsinfographicboxouterwrapper.pink .ehsinfographicpointer {
    top: 29%;
    right: -46px;
}
    .ehsinfographicboxouterwrapper.blue .ehsinfographicpointer {
    top: 29%;
    left: -46px;
    right: auto;
}
    .ehsinfographicboxouterwrapper.pink .ehsinfographicboxwrapper::after {
    width: 20px;
    top: 40%;
    right: -20px;
}
    .ehsinfographicboxouterwrapper.blue .ehsinfographicboxwrapper::after {
    width: 10px;
    top: 39%;
    left: -20px;
    right: auto;
}
    .ehsinfographicboxouterwrapper.green {
    top: 251px;
    left: 13px;
}
    .ehsinfographicboxouterwrapper.grey {
    top: 251px;
        right: 13px;
    
}
    .ehsinfographicboxouterwrapper.grey .ehsinfographicbox {
        padding: 10px 5px   
    }
    /* /Infographic */
    .corevalueswrapper .ehsinfographicwrapper {
    width: 724px
}
    .corevalueswrapper .ehsinfographiccircle {
    width: 240px;
    height: 240px;
}
    .corevalueswrapper .ehsinfographiccircle h3 {
   
    font-size: 2.8em;
    top: 65px;
    width: 120px;
}
    .corevalueswrapper .ehsinfographicboxwrapper 
    {
        width: 200px;
    }
    .corevalueswrapper {
        height: 630px;   
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue .ehsinfographicpointer {
    top: 23%;
    left: -62px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.blue .icon { top: 0}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .icon {
    top: 0;
    left: 240px;
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicpointer {
    top: 40%;
    left: 255px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink {
    top: 320px;
    left: 30px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple {
    top: 320px;
    right: 30px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.green {
    top: 327px;
    left: 265px;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .ehsinfographicpointer {
        top: -135px;
        left: 238px
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple .ehsinfographicpointer {
        top: -132px; 
        left: -67px
    }
    .corevalueswrapper .ehsinfographicboxouterwrapper.pink .icon {
    top: -85px; left: 205px
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.purple .icon { left: -65px; top: -80px}
    .corevalueswrapper .ehsinfographicboxouterwrapper.green .icon { left: 38%}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
@media only screen and (max-width : 991px) {
    .company .content h3 { font-size: 2em}
    .company .content {
    padding: 20px 10px;
}
     .tnc p span.no {
   width: 5%; 
}
.tnc p span.desc {
  width: 95%; 
}
    .getintouchform .inbtn, .busform .inbtn {
        margin: 20px auto 0;
        display: inline-block
    }
   
    .ehspolicywrapper p.downloadpdf {
        font-size: 1.4em   
    }
    .ehscontentwrapper {
   
    padding: 50px 0
}
.ehscontentwrapper .row {
    padding-bottom: 40px   
}
.ehscontent h3, .ehspolicywrapper h3 {
       font-size: 2.1em
}
    .sustainabilityinfographic-etgprioritywrapper img.ml {
        margin-left: 60px   
    }
    .sustainabilityintro h2 {
        font-size: 2.7em   
    }
    .sustainabilityinfographicwrapper {
    width: 640px;
    }
    .sustainabilityinfographicimage {
        display: none   
    }
    .sustainabilityinfographicno {
        left: 0   
    }
    .sustainabilityinfographic {
     background-position: 70px 0;
    }
    .sustainabilityinfographic::before, .sustainabilityinfographic::after {
        left: 66px;   
    }
    .sustainabilityinfographicwrapper h3 {
        left: 25px   
    }
    .sustainabilityinfographicno::before {
        width: 0;
        
    }
    .sustainabilityinfographic-etgprioritywrapper img {
    
    margin-left: 3px;
}
    .sustainabilityinfographic-etgprioritywrapper {
        width: 470px   
    }
    .sustainabilityinfographic-etgpriority.full {
        margin: 0 0 10px;
        width: 95%;
        max-width: 400px
    }
    
    
    .eihlcontent .csr h2, .careersinnersection .eihlcontent .csr h2 { text-align: center}
    .eihlcontent .csr { margin: 0; padding: 10px}
    .EIHL .aboutetgintro { width: 90%}
    .leadershiplightboxinner .content {
	
	padding: 0 10px 0 20px
}
    .leadershiplightboxinner h2 {
        font-size: 2em   
    }
    .leadershiplightboxinner span.desi-loc, .leadershiplightboxinner p, .leadershiplightboxinner h5 {
        font-size: 1.45em   
    }
    .newsbox .content p {
    
    font-size: 1.4em;
    
    padding: 20px 8px 30px;
   
    line-height: 1.6em;
   
}
    .newsbox .content {
    padding: 15px;
    }
    .newsbox .content span.date, .newsbox .content a.link { font-size: 1.2em}
    .innerbanner h1 { font-size: 3em}
    .latestnewstop .content {
      padding: 20px;

}

.latestnewstop .content span.date {
   
    font-size: 1.2em;
   
}
.latestnewstop .content p {
   
    font-size: 1.6em;
    padding: 15px 0 20px
    
}
    .latestnewstop .content a {
        font-size: 14px   
    }
    .careersforminner .col-8 { width: 100%; flex: 0 0 100%;max-width: 100%; margin-bottom: 15px}
    .careersforminner img {
    width: auto   
}

    .careersform { padding: 30px 20px}
    #custom-button { width: 60%}
    #fixed-text {font-size: 1.4em; margin-left: 5px}
    .historySlider { max-width: 715px; }
    .career { background: #f1efea}
    .career .col-lg-7 { display: none}
    .career .heading { text-align: center}
    .career .p-5 { padding: 0 0 20px!important}
    .career .col-md-12, .career .col-md-12 p { text-align: center}
     .logolinks a {
    position: relative;
    
   
    right: auto;
         left: 0;
  
}
    
    /*.historycontent {
        position: relative;
        top: -25px;
        left: -50%;
        margin: 0 auto;
        width: 200%;
        
        height: auto
    }
    .historycontentinner {
        height: auto;
        display: block
    }*/
    .historycontent {
        left: 215px;
        width: 210px;
        top: 70px;
        
    }
    .historycontentinner {
        padding: 15px;
        height: 330px
    }
    .historycontent span.title { display: none}
    .historySlider .active.center .item h3 { opacity: 1; font-size: 2.4em; text-align: center; font-family: "robotobold"}
    .historySlider { padding: 0 30px}
    .historycontentinner p { padding-bottom: 5px; font-size: 1.4em; line-height: 1.3}
    .historySlider.owl-theme .owl-nav {
    top: 200px;
}
    .historySlider.owl-carousel .owl-nav button.owl-prev {
    
    left: -20px
}
.historySlider.owl-carousel .owl-nav button.owl-next {
    
    right: 15px
}
}
@media only screen and (max-width : 767px) {
    .sustainabilitypartner p { height: auto!important}
    .sustainabilitypartner { margin-bottom: 15px}
    
    .sitemappage img { display: none}
    .sitemappage { padding: 20px 0}
    .sitemappage ul {
    margin-bottom: 15px   
}
    .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}
    .internationalpopupoverlay .mCSB_scrollTools { right: -2px}
    .internationalpopupinnerwrapper { padding: 10px 5px 10px 10px}
    .internationalpopupinner h3, .internationalpopupinner p { margin-left: 0}
    .ehsimage { padding-bottom: 15px}
    .careerinfographic {
    width: 526px;
    
    
}
.pyramid {
    
    width: 526px
    
}
.pyramid img {
    width: 476px   
}
.pyramid span {
  
    font-size: 1.6em;
   padding: 5px 10px;
    
   
}
.pyramid span.one {
    bottom: 140px;
    right: 0
}
.pyramid span.two {
    bottom: 195px;
right: 55px;
}
.pyramid span.three {
    bottom: 250px;
right: 85px;
}
.pyramid span.four {
    bottom: 305px;
right: 135px;
}
.careerslogo img {
    width: 200px
}
    .careersinnersection h2 {
        font-size: 2.6em;
        padding: 0 15px 10px
    }
    .tnc p span.no {
   width: 7%; 
}
.tnc p span.desc {
  width: 93%; 
}
    .careersform .col-sm-6 { margin-top: 25px}
    .careersforminner .row { padding-top: 0}
    .getintouchform .col-sm-6, .getintouchform .col-md-6, .busform .col-sm-6, .busform .col-md-6 {
      margin: 8px 0 12px
     }
    .getintouchform .inbtn, .busform .inbtn {
    margin: 10px auto 15px;
    }
    .getintouchform textarea, .busform textarea {
        
         height: 60px
    }
    
    .getintouchform .row, .busform .row { padding-top: 0!important; padding-bottom: 0}
    .ehsinfographicwrapper {
    width: 100%;
    
    
}
    .corevalueswrapper { height: auto; padding-bottom: 10px}
    .corevalueswrapper .ehsinfographicbox p { text-align: justify!important}
    .corevalueswrapper .ehsinfographicbox h4 { text-align: center!important; padding: 10px 0 7px}
    .corevalueswrapper .ehsinfographicboxwrapper::after { background: #707070!important}
    .corevalueswrapper .ehsinfographicboxouterwrapper .icon { position: relative; top: 0!important; left: 0!important; right:0!important; bottom: 0!important; margin: 0 auto; width: 60px!important; height: auto!important}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicpointer {
    top: -70px!important;
}
    .corevalueswrapper .ehsinfographicboxouterwrapper.orange .ehsinfographicboxwrapper::after {
    
    height: 37px !important;
    top: -40px !important;
    
}
    .corevalueswrapper .ehsinfographicboxouterwrapper .ehsinfographicboxwrapper::after {
    
    
    top: -40px !important;
    
}
    .corevalueswrapper .ehsinfographicboxwrapper { margin-top: 95px}
    .ehsinfographiccircle {
    width: 300px;
    height: 300px;
  
}
    .corevalueswrapper .ehsinfographicboxouterwrapper { top: -49px!important}
    .eihlcontent .csr {
    padding: 0;
        margin: 0
}
    .ehsinfographicboxouterwrapper {
        position: relative;
        top: auto!important;
        left: auto!important;
        right: auto!important;
        
        
    }
    .ehsinfographicboxouterwrapper.orange .ehsinfographicpointer{
        top: -95px!important   
    }
    .ehsinfographicboxouterwrapper.orange .ehsinfographicboxwrapper::after {
    height: 60px !important;
top: -69px !important;
}
    .ehsinfographicboxwrapper {
        margin: 80px auto 0;
        width: 230px
    }
    .ehsinfographicpointer {
        margin:  auto!important;
        left: 0!important;
        right: 0!important;
        top: -70px!important
    }
    .ehsinfographicboxwrapper::after {
    width: 3px!important;
    height: 37px !important;
top: -45px !important;
    right: 0!important;
    left: 0!important;
        margin: auto
}
.eihlcontent .csr h2, .careersinnersection .eihlcontent .csr h2 {
    padding: 0 0 10px;
    font-size: 1.8em;
    text-align: center
}
    .eihlcontent .csr p {
    
    font-size: 1.5em;
        
}
    .leadershiplightboxinner .content {
    padding: 0 0 0 15px;
}
    .leadershiplightboxinner span.desi-loc, .leadershiplightboxinner p, .leadershiplightboxinner h5 {
    font-size: 1.4em;
}
    .newsdetailtitledate span.date {
   
    padding: 0 0 15px
}
    .ourhistorywrapper h2, .corpvideo h2 { font-size: 2.6em}
    .careersforminner h3 {
    font-size: 2.3em
}
    .historySlider { max-width: 595px;  }
    .historycontent {

    left: 176px;
    width: 170px;
    top: 36px;

}
    .historycontentinner {

    padding: 15px 10px;
    height: 325px;

}
    .corpvideo .playbtn {
   
    background: url(../images/video-icon.png) no-repeat 0 0;
    width: 40px; height: 39px;
   top: 50px
   
}
    
    .business-section .business-slider .owl-nav .owl-prev, .business-section .business-slider .owl-nav .owl-next {

    top: 0;

}
    
    .logolinks a {
    position: absolute;
    
   
    right: 40px;
         left: auto;
  
}
    .companies .col-sm-4 {
    
   
    width: 90%!important;
    
     max-width: 90%!important;
    -ms-flex: 0 0 90%!important;

flex: 0 0 90%!important;
        margin-bottom: 30px
}
    .ourtalentwrapper .col-sm-3 { margin-bottom: 20px; padding: 0 10px}
    .ourtalentwrapper .row { padding-bottom: 0}
    .leadershipboxoverlay { top: 25px; }
    .inbtn {
 
  font-size: 13px;
  
  padding: 10px 20px;
    }
    .careersform { padding: 20px}
    #custom-button { width: 60%}
    .careersforminner h3 { padding-bottom: 0}
    .careersformsubmit { margin-top: 20px; padding-top: 20px}
    .getintouch .col-4, .getintouch .col-8 { padding: 0 5px 0 10px}
    .careersforminner .col-8 { margin: 15px 0}
    
    section.globalfootprint { background: #212121; padding: 20px 0 40px}
    .globalfootprintintro p { text-align: center; padding: 0 0 30px}
    .globalfootprintintro h2 { text-align: center; padding: 0}
    .footerdisclaimerlinks, .footerlinks { text-align: center}
    footer .col-md-2 { display: none}
    .footerlinks li { padding: 0 0 5px 15px}
    h2.heading, .hero h1 { font-size: 2.7em}
    .business-section p { width: 100%}
    .business-section.bg-grey {
    background: url(../images/bg-our-business-mob.jpg) no-repeat bottom center;   
}
    .business-section .business-slider .owl-item .item p { font-size: 1.8em; margin-top: 5px; font-family: "robotomedium"}
   .hero .heroSlider .slideItem {
  height: 240px;
  
}
    
    
   
    
    
    
   
    .getintouchfollow { margin-top: 0}
    .nav-icon {
        width: 24px;
        height: 24px;
        display: block;
        background: url(../images/bg-nav.png) no-repeat 0 0;
        float: right;
        margin: 10px 10px 0 0
    }
    
    .img-fluid { width: 100%}
    
    
    .ourtalent .intro, .careerspage .intro  { width: 100%}
    .ourtalent .intro h1 { font-size: 2.5em; padding-top: 10px}
    .ourtalent .intro p, .careerspage .intro p { font-size: 1.5em}
    
    .getintoucharrow span::after {
    
    height: 20px;
    width: 20px;
    
    
    
   
}
    
    .getintouchform .row, .busform .row { padding-top: 10px}
    .companies {
    padding: 30px 0 0;   
}
    .hero .heroSlider .owl-nav {

    top: 215px;
    

}
    .hero .heroSlider .owl-dots {
        top: 205px   
    }
    
    .latestnewstop .image {
   
    width: 45%
}
    .latestnewstop .content {
    
    width: 55%;
        padding: 12px
}
    .latestnewstop .content p {
    font-size: 1.3em;
    padding: 10px 0 10px;
}
    .latestnewstop .content span.date {
    font-size: 1.2em;
   padding-bottom: 5px
}
    .newsandupdateswrapper .container {
    padding: 0 20px 20px;   
}
    .latestnewstop .content a {
    font-size: 13px;
}
     .hero .heroSlider .slideItem {
  height: auto;
 
}
    .hero {
    background: #efefef}
    .hero .caption {
        padding-bottom: 30px;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }
    .hero .heroSlider .owl-dots {
        top: 320px;   
    }
    .hero .heroSlider .owl-nav {
        top: 330px;   
    }
    .hero h2.heading, .hero h1 {
        font-size: 2.7em;
        text-align: center;
        margin: 0
    }
    .hero .heroSlider .owl-nav .owl-prev, .hero .heroSlider .owl-nav .owl-next {
        display: none
    }   
    .hero p {
        font-size: 1.5em;   
    }
    .hero a.readmorelink {
        font-size: 1.4em;   
    }
    
    
    .hero .heroSlider .owl-dots {
        text-align: center;
        top: auto;
        bottom: 8px;
        left: 0
    }
    .hero .heroSlider .owl-dots .owl-dot {
  display: inline-block;
  counter-increment:none
}

.hero .heroSlider .owl-dots .owl-dot span, .heromobile {
  display: block!important;
}
    .hero .heroSlider .owl-dots .owl-dot span {
        background: none;
        border: 2px solid #e0211c;
        width: 13px;
        height: 13px;
        margin: 0 5px
    }
    .hero .heroSlider .col-12 {
        max-width: 320px!important;
        margin: auto
    }
    .hero .heroSlider .owl-dots .owl-dot.active span {
        background: #e0211c;
        display: block!important
    }
.hero .heroSlider .owl-dots .owl-dot.active:before {
 
    display: none
}
    .hero .heroSlider .owl-dots:after {
        display: none;
  
}

    .hero .owl-item.active h2 {
        -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
    }
    .hero p { text-align: center}
    .hero .heroSlider .slideItem .owlimg-hide { display: none}
    .hero .colorwhite {
    color: #000!important   
}
    .historycontentinner p { font-size: 1.3em}
}
@media only screen and (max-width : 639px)  {
    .csr .successstory .content h3 { height: 85px}
    .EIHL .aboutetgintro { width: 100%}
    .innerbannermob {display: block}
    .innerbannerdesktop { display: none}
    .about-etg-section { padding-bottom: 20px}
    .about-etg-section .container, .about-etg-section .col-12, .about-etg-section .row { padding-left: 0!important; padding-right: 0!important;margin-left: 0!important;margin-right: 0!important;}
    .aboutetgintro {
        padding-left: 15px; padding-right: 15px;
    width: 100%;

}
    
    
    .historySlider {  padding: 0; }
    .historySlider.owl-theme .owl-nav {
    
    top: -10px;
    
}
    .historySlider.owl-carousel .owl-nav button.owl-prev {
    
    left: 20px
}
    .historySlider.owl-carousel .owl-nav button.owl-next {
    
    right: 20px
}
.historySlider .owl-item .item.sibnext, .historySlider .owl-item.sibn .item, .owl-item.sibnext2 .item {opacity: 1}
    .ourhistoryinner { background: none; padding: 0}
    .historySlider .owl-item .item { opacity: 1}
    .historycontent {
    position: relative;
    top: -35px; 
    left: -45%;
    width: 190%;
        
    background: #bb0000
}

.historycontentinner {
     height: 300px;
    
    padding: 20px;
    max-width: 300px;
    margin: auto
  
}
    .historycontentinner p { padding-bottom: 10px; font-size: 1.4em; line-height: 1.5}
    .historySlider .owl-item .item h3 { opacity: 0}
    .historySlider .owl-item.center .item h3 { opacity: 1; font-family: "robotoblack"; top: 18px}
     .historySlider .active.sibp .item, .historySlider .active.sibn .item, .historySlider .owl-item .item.initial { left: 0; right: 0}
    
   
    .getintouchform input, .getintouchform textarea, .careersforminner input, .busform input, .busform textarea { padding: 3px 15px; height: 36px}
    .getintouchform textarea, .busform textarea { height: 50px}
    
}
@media only screen and (max-width : 575px)  {
    .csr .successstory .content h3 { height: 70px}
    .careerinfographic {
    width: 296px;
    
    
}
.pyramid {
    
    width: 296px
    
}
.pyramid img {
    width: 290px   
}
.pyramid span {
  
    font-size: 1.2em;
   padding: 3px
    
   
}
.pyramid span.one {
    bottom: 85px;
    right: -10px
}
.pyramid span.two {
    bottom: 115px;
right: 20px;
}
.pyramid span.three {
    bottom: 148px;
right: 36px;
}
.pyramid span.four {
    bottom: 180px;
right: 70px;
}
.careerslogo img {
    width: 140px
}
    .careersinnersection h2 {
        font-size: 2.2em;
        padding: 0 15px 10px
    }
   .tnc p span.no {
   width: 8%; 
}
.tnc p span.desc {
  width: 92%; 
}
    .getintouchform .inbtn, .busform .inbtn {
    margin: 5px auto 10px;
    
}
    
    .ehspolicywrapper {
    
    padding: 0 0 20px
}
    
    .ehscontent h3, .ehspolicywrapper h3 {
       font-size: 2.2em;
        
}
    .ehspolicywrapper h3 {
        padding-top: 20px
    }
    .sustainabilityinfographic-etgprioritywrapper img.ml {
        margin-left: 25px   
    }
    
    .sustainabilityintro h2 {
        font-size: 2.4em   
    }
    .sustainabilityinfographic {
     background: none;
        
    }
    .sustainabilityinfographic::before {
        left: 49.4%;   
    }
    .sustainabilityinfographic::after {
    width: 2px;
    height: 44px;
    top: 0;
    left: 51%;
    border-radius: 0;
}
    .sustainabilityinfographicwrapper h3 {
        left: 35%   
    }
    .sustainabilityinfographicno {
        position: relative;
        float: left;
       
        left: 27.5%
    }
    
    .sustainabilityinfographicno::after {
        width: 2px;
        height: 34px;
        left: 50%;
        top: auto;
        bottom: 0
    }
    .sustainabilityinfographicwrapper {
    width: 300px;
        margin: 0 auto;
        
}
    .sustainabilityinfographic-etgpriority {
        width: 55%;
        min-height: 126px
    }
    .sustainabilityinfographic-etgprioritywrapper img {
        width: 125px   
    }
    .sustainabilityinfographic-etgprioritywrapper {
        width: 100%;
        float: left
    }
    .sustainabilityinfographic-etgpriority.full {
        margin: 0 0 10px;
        width: 100%;
        max-width: 100%
    }
    .sustainabilityinfographicrow {
        padding: 10px 0   
    }
    .successstory .content h3 {
    font-size: 1.6em;
   
}

.successstory .content p {
    font-size: 1.5em;
    
}
.successstory .content a {
   
    font-size: 1.3em;
    
}
    .successstories {
       margin: 0
}
.successstory {
    background: #fff;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    margin: 15px
}
    .newsbox .content p { height: auto!important}
     .latestnewstop .image {
   
    width: 100%
}
    .latestnewstop .content {
    
    width: 100%;
        padding: 20px
}
    .latestnewstop .content p {
    font-size: 1.6em;
    padding: 10px 0 20px;
}
    .latestnewstop .content span.date {
    font-size: 1.3em;
   padding-bottom: 5px
}
    .newsandupdateswrapper .container {
    padding: 0 20px 40px;   
}
    .latestnewstop .content a {
    font-size: 14px;
}
    .sendresume {
    
    padding: 0 5px;
  
   
}
    .sendresumeinner {
         max-width:  320px;
        margin: auto
    }
.sendresume p {
   
    font-size: 1.4em;
    background: url(../images/send-icon.png) no-repeat 0 15px;
    padding: 17px 0 20px 52px;
    
}
   
    .businesslinks ul li a { padding: 10px 12px;}
    .ourtalentwrapper .col-sm-3 { flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%}
    .business-section .business-slider .owl-item .item p { visibility: hidden}
    .business-section .business-slider .owl-item.center .item p { visibility: visible}
 
    
    
    
    
    .beyond-section .beyondinner {
   
    min-height: 275px
}
    
    .getintouchfollow .follow { padding-left: 0}
    .careersforminner .col-4 { width: 50%!important; -ms-flex: 0 0 50%;

flex: 0 0 50%;

max-width: 50%;  padding: 0 10px 15px 10px}
    #custom-button { width: 70%}
    
    .news-csr { margin-bottom: 0}
    
    .news-csr .col-sm-3 img { margin-bottom: 12px; max-width: 180px}
}

@media only screen and (max-width : 479px)  {
    .sustainabilitypartnersinner { width: 100%}
    .sustainabilitypartner { padding: 15px 15px 5px}
    .sustainabilitypartner img { width: 145px}
    .tnc p span.no {
   width: 12%; 
}
.tnc p span.desc {
  width: 88%; 
}
    .successstoriesouterwrapper h2.heading {font-size: 2.1em}
    .newsdetailscontent h2 { font-size: 1.8em}
    
    .ourtalentwrapper .col-sm-3 { flex: 0 0 50%; max-width: 50%; width: 50%}
    .leadershiplightboxinner span.desi-loc, .leadershiplightboxinner h5 { width: 100%; text-align: left; padding-bottom: 5px}
    .leadershiplightboxinner span.desi-loc, .leadershiplightboxinner p, .leadershiplightboxinner h5 {
    font-size: 1.5em;
}
    .careersforminner .col-4 { width: 100%!important; -ms-flex: 0 0 100%;

flex: 0 0 100%;

max-width: 100%;  padding: 0 10px 15px 10px}
    #custom-button { width: 90%; max-width: 140px}
    #fixed-text { font-size: 1.3em}
    .sendresume {
     text-align: left   
    }
    .getintouch {
    background: url(../images/home_mobile_getinTouch_02.jpg) no-repeat top center;
        padding-bottom: 10px
    }
    .eihllogolinks img { width: 150px}
    .eihllogolinks a.googleplaylink img { width: 100px}
    .eihllogolinks a { font-size: 1.4em; margin-top: 10px}
    .leadershiplightboxinner .image, .leadershiplightboxinner .content { width: 100%;}
    /*.leadershipboxoverlay span.closeleadership { top: 13px; right: 26px}*/
    .leadershiplightboxinner .content { padding: 15px 0 0}
    
    .footerlinks li { padding: 0 0 5px 7px; }
    .footerdisclaimer li { padding-bottom: 5px}
    .globalfootprintitem { border: none; text-align: center }
    .globalfootprintitem img { width: 100%; height: 55px}
    .globalfootprintitem p { font-size: 1.0em}
    .globalfootprintcontent span { font-size: 2.5em}
    .innerbanner h1 { font-size: 3em}
    .ourtalent { padding-bottom: 40px}
    
    
    .footerdisclaimerlinks li { padding-bottom: 10px}
    
    .getintouchform .col-4, .busform .col-4 { width: 50%!important; -ms-flex: 0 0 50%;

flex: 0 0 50%;

max-width: 50%; padding-bottom: 15px}
    .getintouchform .col-8, .busform .col-4 { width: 100%!important; -ms-flex: 0 0 100%;

flex: 0 0 100%;

max-width: 100%; margin: -10px 0 15px}
    .getintouch .col-4, .getintouch .col-8, .busform .col-4, .busform .col-8  {

    padding-left: 15px;
        padding-right: 15px

}
    .getintouchfollow { margin:  10px 0; padding: 0}
    .getintouchfollow .col-4, .getintouch .col-8 {width: 100%!important; -ms-flex: 0 0 100%;

flex: 0 0 100%;

max-width: 100%;}
    .getintouchfollow span.emailhead { font-size: 1.6em; float: left}
    .getintouchfollow ul.socail-icons { float: left}
    .getintouchfollow .follow { text-align: left; padding-left: 15px }
    .getintouchfollow span {padding-top: 10px}
    /*.getintouch .inbtn { width: 100%; text-align: center}*/
    .ourhistorywrapper h2, .corpvideo h2 {

    font-size: 2.3em;
        margin-top: -10px;
        padding-bottom: 15px

}
    .historycontent { top: -50px}
    .careerssecwrapper.careerssecwrapperform { width: 115%; position: relative; left: -25px}
    .careerssecwrapper.careerssecwrapperform .careersforminner input { max-width: 99%}
}

@media only screen and (min-width:1024px) and (max-width:1120px) { 
    .linkpage {
           margin-top: 0;
           font-size: 18px;
       }
} 
   
@media only screen and (min-width:500px) and (max-width:1023px) { 
    .linkpage {
        margin-top: -36px;
        font-size: 18px;
    }
    }


    @media only screen and (min-width:320px) and (max-width:499px) { 
.linkpage {
        margin-top: 0;
        font-size: 18px;
    }
}