/*--------- iPad Landscape and Desktops ---------*/
@media all and (max-width: 1210px) {
  .banneritem .bannertext{padding-left: 8%; width: 90%;}
}

@media all and (max-width: 1023px) {
  .box-unit {margin-bottom: 10px;}
}

@media all and (max-width: 1010px) {
  #topnavigation > ul > li { padding: 0 58px;}
  .col-xs-3.ftr-email-alerts { width: 30%;}
  .col-xs-9.ftr-right-links { width: 70%;}
  .ftr-right-links li:first-child { padding: 0 10px;}
  .ftr-right-links li { padding: 0 10px;}
}
@media all and (max-width: 991px) {
  h2 { font-size: 2.4rem; line-height: 3.4rem;}
  .second-level-navigation { margin-bottom: 32px;}
  .home-banner { height: 276px; background-size:auto 276px; background-position: right top; background-repeat:no-repeat; }
  #topnavigation > ul {display: table;}
  #topnavigation > ul > li { display: table-cell; float: none; padding: 0 20px; text-align: center; vertical-align: middle;}
  #box-unit-4 {clear: none;}
  .ir-contact-form .form-right input,.ir-contact-form .form-right textarea{}
  .row { margin-left: -8px; margin-right: -8px;}
  .container-fluid {padding-left: 8px; padding-right: 8px; margin-top: 9px;}
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 8px; padding-right: 8px;}
  .footer-copyright-container { background: #ED174B;}
  .home-brands-container{background:#b2b2b2;}  
  #headerwrapper,#contentwrapper,.footer-links-container { margin-left: 24px; margin-right:24px;}
  .home-brands-container,.footer-copyright-container { padding-left: 16px; padding-right: 16px;}
  .ftr-bottom{padding: 6px 0;}
  .footer-title,.inv-alert{margin-left:0;}  
  #breadcrumb{margin: 21px 0 4px 20px;}
  .extra-div, #page-iframe-container, .regi-txt, .page-introtext, .page-content { margin-left: 18px; padding-right: 18px;}
  .twocolright.col-xs-12 { padding-left: 34px; padding-right: 34px;}
  .twocolright.col-xs-12 h1 {margin-left: 16px;}
  #twocolright .second-level-navigation > ul{border-top: medium none; display: none; text-transform: uppercase;}
  #twocolright .second-level-navigation ul li ul {background: none; display: none; text-transform: uppercase; position: relative; text-align: left; top: 0;}
  #twocolright .second-level-navigation ul li:hover ul {display: none;}
  #twocolright .second-level-navigation > ul > li > a, #twocolright .second-level-navigation > ul > li > span{color:#000; padding: 7px 17px 9px;}
  #twocolright .second-level-navigation ul li {display: block; border-bottom: 1px solid #c2c2c2;}
  #twocolright .second-level-navigation ul li.last { border-bottom: 0 none !important;}
  #twocolright .second-level-navigation > ul > li:hover > a, #twocolright .second-level-navigation > ul > li > span, #twocolright .second-level-navigation > ul > li.selected a { background: none; color: #000; padding: 7px 17px 9px;}    
  body#ip3-our-company #twocolright .second-level-navigation > ul > li > a, body.ip3-our-company #twocolright .second-level-navigation > ul > li > a, body.ip3-our-company #twocolright .second-level-navigation > ul > li > span { padding: 7px 17px 9px;}
  
  #twocolright .second-level-navigation ul li ul a, #twocolright .second-level-navigation ul li ul li > span { color: #000; display: block; padding: 7px 17px 9px; text-decoration: none;}
/*   #twocolright .second-level-navigation ul li ul li.last { margin-bottom: 10px;} */
  #twocolright .second-level-navigation > ul > li:hover > a, #twocolright .second-level-navigation > ul > li > span { background: none; color: #000; text-transform: uppercase;}
  #twocolright .second-level-navigation > ul > li:hover > a { padding: 7px 17px 9px;}
  #twocolright .second-level-navigation ul li > span {color: #ed174b;}
  #twocolright .second-level-navigation ul li ul > li > span {color: #ed174b; padding:7px 17px 9px;}
  #twocolright .second-level-navigation > ul > li > [class^="icon-"]{display:block;}
  #twocolright .second-level-navigation > ul > li.selected > a { color: #ed174b;}
  #twocolright .second-level-navigation > ul > li li.selected > a > span { color: #ed174b;}
  .mobi-dropdown-click{display:block; padding: 8px 17px; }
  #twocolright .second-level-navigation ul li ul li { border: medium none; /*line-height: 15px;*/}
  .col-xs-3.ftr-email-alerts { width: 100%;}
  .col-xs-9.ftr-right-links { width: 100%;}
  .col-xs-9.ftr-right-links > ul {margin-top: 27px; float:left;}
  .footer-title ,.inv-alert {margin-left: 0;}
  .ftr-right-links li:first-child { padding: 0; text-align: left;}
  .ftr-right-links li { display: table-cell; float: none; padding: 0; text-align: center;}
  .col-xs-9.ftr-right-links > ul { display: table; float: none; width: 100%;}
  .ftr-right-links li:nth-child(4){text-align: right;}
  #auto-top-link{bottom: 175px;}
  .home-banner-content { padding: 31px 36px 25px 40px;}
  #contentwrapper {margin-top: 9px;}
  .home-banner-content h2{font-weight: 400; line-height: 2.6rem; margin-bottom: 5px; font-size: 2.6rem;}
  .home-banner-content > p { font-size: 1.8rem; line-height: 20px; padding: 0 0 6px;}  
  .category-key > span {width: 25%;}
  .ir-contact-form-second-pattern .half-element { width: 100%;}
  .locations-country-list .country { display: inline-block;}
  
  .home-banner-content > p + a { display: block; margin-right: 0;}
  .home-banner-content > a{width: 190px; display: block; text-align: center;}
  #twocolright .second-level-navigation > ul li ul > li:hover > a, #twocolright .second-level-navigation > ul li ul > li:hover > span { background:none; }
}


/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
  .mobi-home-banner.home-banner-content{display:none;}
  
}


@media all and (min-width:768px) {  
  .mobi-pr-tabs{display:none;}
  #mobishownav{display:none !important;}

}


/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media (max-width: 767px) {
.header-iframe-desktop {display:none;}
#twocolright .second-level-navigation ul li ul li.last{border-bottom:0;}
.header-iframe-mobi{margin-top:20px;display: flex;justify-content:center;}
.header-iframe-mobi .spticker{text-align:center;} 
.ftr-bottom{flex-direction:column;align-items:center;gap: 20px;}
.ftr-bottom a span.stButton span.email:before{left:0;}
.ftr-bottom a span.stButton span.facebook:before{left:5px;}
#contentwrapper { margin-top: 0;}
#breadcrumb { margin: 0 0 4px 20px;}
body#ip3-our-company #twocolright .second-level-navigation > ul > li > a, body.ip3-our-company #twocolright .second-level-navigation > ul > li > a, body.ip3-our-company #twocolright .second-level-navigation > ul > li > span { padding: 7px 17px 9px;}
.ir-contact-form-second-pattern .half-element { width: 100%;}
.form-right > span { position: relative;}
#headerwrapper, #contentwrapper, .footer-links-container {margin-left: 8px; margin-right: 8px;}
.twocolright.col-xs-12 { padding-left: 8px; padding-right: 8px;}
.extra-div, #page-iframe-container, .regi-txt, .page-introtext, .page-content { padding-left: 20px; padding-right: 20px;  margin-left: 0;}
.home-banner-content{display:none;}
.mobi-home-banner.home-banner-content{display:block; padding: 20px 25px 15px;}
.home-banner{height: 175px;}
.box-item-container{width: 100%; margin-bottom: 15px;}
.box-item-container.box34 { margin-bottom: 15px;}
.box-item-container .ir-box-content{height:auto !important;}
.col-xs-6.box-item-container.box34 > img { height: auto; width: 100%;}
.mobi-pr-tabs ul li.current{display:none;}
#topnavigation{display:none;}
#toplinks{display:none;}
.mobishow { display: block;}
.mobiMenus{display:block;}
.footer-right-side {float: none; margin-bottom: 25px;}
#leftcol{display:none;}
#twocolright{width:100%;}
.mobi-pr-tabs {display:none;}
.mobi-pr-tabs ul li {margin-bottom:0px !important;}
.mobinav,.mobisearch{color: #b2b2b2; display: inline-block; font-size: 2rem; margin-bottom: 20px;}
.mobisearch .selected { font-size: 1.6rem;}
.mobinav .selected{ font-size: 1.6rem;}
#logo { display: inline-block; float: none; margin: 0 auto; text-align: center; vertical-align: middle; width: 57%;}
#logo img { margin: 0 auto 20px; text-align: center;}
.searchbox { margin: 0 auto; position: relative; width: 214px;}
.btm-cnt-border {max-width: 314px; width: 100%; max-height: inherit;}
.snapdown-item.active .snapdown-title > p:after{right: 0;}
.snapdown-title > p:after{right: 5px;}
.home-banner-content.mobi-home-banner br { display: none;}
.home-banner-content.mobi-home-banner > p + a { display: inline-block; margin-right: 12px;}
.home-banner-content.mobi-home-banner > a { display: inline-block; width: 190px;}
/*-- mobile menu second level css start --*/
#mobishownav ul li.level1.haschildren span.icon-chevron-down { position: absolute; font-size: 1.4rem; line-height: 15px;right: 19px; top: 15px; padding: 0px; transform: rotate(135deg);cursor:pointer;}
#mobishownav ul li.level1.haschildren.active span.icon-chevron-down { transform: rotate(0deg); top: 15px;line-height: 15px; }
#mobishownav ul li.level1.haschildren span.icon-chevron-down:before { content: "\f00d"; color: #ED174B; font-family: 'icomoon'; }
#mobishownav ul li.level1.haschildren.active > ul {border-top: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;}
#mobishownav ul li.level1.haschildren.active > ul > li {display: block;border-bottom: 1px solid #c2c2c2;padding: 0px;}
#mobishownav ul li.level1.haschildren.active > ul > li:last-child{border-bottom:none;}
#mobishownav ul li.level1.haschildren.active > ul > li span {padding: 0px;}
#mobishownav ul li.level1.haschildren.active > ul > li > span {padding: 12px 10px;}
#mobishownav ul li.level1.haschildren.active {border-bottom:none;}
/*-- mobile menu second level css end --*/
}

@media (max-width: 640px) {
.home-banner-content.mobi-home-banner br { display: none;}
.mobi-home-banner.home-banner-content{display:block; padding: 20px 15px 15px;}
/*PR Table starts*/
.prReports {margin-top: 20px;}
.press-releases-container .trHeaders{display:none}
.extra-div .pr-date-field, .extra-div .pr-document-field, .extra-div .pr-title-field { border-bottom: medium none; clear: both; display: block; line-height: 20px; padding: 10px; width: 100%;}
.prReports tbody tr {border-bottom: 2px solid #ededed;display: block;}
.pr-mobi-headers {display: inline-block; font-weight: 400; padding-left: 0; text-align: left; vertical-align: top; width: 33%;}
.pr-span-other {display: inline-block;vertical-align: top;width: 65%;}
.twocolright tbody td.pr-title-field a {display: inline-block;width: 65%;}
.twocolright tbody td.pr-document-field > a {display: inline-block;vertical-align: top;}
.prReports tbody tr td.cAlign a img {margin: 0;text-align: left;}
.prReports th.cAlign, .prReports td.cAlign {text-align: left;}

.page-content tbody th.pr-date-field, .extra-div tbody th.pr-date-field { border: medium none; line-height: 20px; min-width: inherit; padding: 10px; text-align: left; width: 100%;}


/*PR table end*/

.ir-contact-form .form-right input,.ir-contact-form .form-right textarea{display:block;}
.ir-contact-form .form-right { float: left;width: 100%;}
.form-right > span { display: block; position: relative;}
.banneritem .bannertext { padding-left: 16%; width: 83%; top:30%;}
#bannerwrapper .bx-controls .bx-controls-direction{bottom:200px;}
#bannerwrapper .bx-controls .bx-pager{left: 38%;}
.category-key {margin-bottom: 10px;}
.category-key span { display: block; float: none; margin-bottom: 5px; width: 100%;  margin-left: 0;}
.committee-composition-container [class^="icon-"] { display: inline;}
.tabs{display:none;}
.mobi-pr-tabs {display: block;float:none;padding: 0;width: 214px;}
.press-text-filter { display: block; float: none; margin-top: 30px; width: 100%;}
.news-filter { float: none; margin-left: 0; margin-top: 30px; width: auto;}
.inv-responsive-header-td {font-weight: normal;}
.upcoming-events-container .title-sub, .upcoming-events-container .event-date, .upcoming-events-container .outlook-link{width:100%;margin-bottom:5px;margin-right:0px;padding:0px;}
.upcoming-events-container .related-materials-collapsed{margin-top:15px;}
/*#headerwrapper,#contentwrapper,.footer-links-container { margin-left: 4px; margin-right:4px;}*/
.home-brands-container,.footer-copyright-container { padding-left: 12px; padding-right: 12px;}
.ftr-right-links li:first-child {text-align: center; padding: 10px 0;}
.ftr-right-links li { display: block; padding: 10px 0;}
.ftr-right-links li:nth-child(4) { text-align: center;}
.col-xs-3.ftr-email-alerts { display: block; float: none; margin: 0 auto; width: 235px;}
.col-xs-6.ftr-copyright { width: 100%;}
.col-xs-6.inv-branding { padding: 10px 8px; text-align: left; width: 100%;}
#auto-top-link {bottom: 35px;}
}

@media (max-width: 480px) {
.home-ftr-imgbox {padding: 0 10px 20px;}
.home-banner-content.mobi-home-banner > a{width: 100%; text-align:center;}
.footer-link ul{margin-bottom: 25px;}
.footer-link ul li:first-child{margin-bottom:10px;}
.footer-link ul li{border-left: medium none; float: none; padding: 0;}
.snapdown-content.board img{float:none; width:100%; height:auto;}
.news-filter{margin-left: 0; width: auto;}
.mobiDropdownPress.finder-dropdown-sort { display: block; margin-left: 0; margin-top: 10px; width: 215px;}
.mobiDropdownPress.finder-dropdown-sort .dk_options { width: 215px;}
.c-grid{float:left;width:90%!important;}
.c-event-grid{width:100%!important;margin-top:20px;height:auto!important;margin-bottom:20px;}
.search-txt{width: 253px;}
.searchbox {width: 286px;}
	
	
	#ip3-diversity-inclusion-and-belonging .video-slider-container .slick-slide{min-height: 176px; height: 176px;}	
	
}

@media (max-width: 320px) {

}

@media (max-width: 736px) {
#ip3-culture-and-belonging .stories-box .slick-dots {bottom: 0px;}
}