/* Mobile - Media Query */


* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }


/* Small Displays - (some tablets and smaller desktops) */
@media screen and (max-width: 1432px){
	.newsroom header{
		padding-left:20px !important;
	}
	
	.articles-container{
		padding-left:20px !important;
	}
	
}

@media (max-width: 1400px)  {

  .corporate-responsibility .stacking-boxes .columns--1 .columns__column__right {
      padding-top: 2%;
      padding-left: 2%;
  }

	.à-propos .numbers-feature__value {
		white-space:nowrap;
	}	
}


@media all and (min-width: 1401px) {
	.full-size-image img {
	    max-height: none;
	}
}

@media screen and (max-width:1203px){
	.ex-article{
		width: 100% !important;
	}
}



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

    ul.navigation__list ul.sublevel li{
      width: 18%;
    }

    .mobile-navigation{
      display: none;
    }

    body.landing-page header{
      height: 622px;
    }
    

}


/* Larger Desktop Displays */
@media screen and (min-width: 1500px){

	body.landing-page header {
	  height: 800px;
	}

  .stacking-boxes .image-block{
    min-height: 431px !important; 
  }

}



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

    ul.navigation__list ul.sublevel li {
          width: 22%;
    }

    .all-around-the-world ul.navigation__list ul.sublevel li, .a-cleaner-world ul.navigation__list ul.sublevel li, .a-safer-world ul.navigation__list ul.sublevel li, .a-connected-world ul.navigation__list ul.sublevel li   {
        width: 17% !important;
    }

    .container.career-fairs-wrapper {
        padding: 20px;
    }


	.home .header-text-container p{
	    font-size: 44px;
	}
	
	.topic-select-container{
	position:relative;
	}

}





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

    .timeline-content-left span.timeline__date {
        float: left !important;
    }

    .timeline-content-left .cd-timeline-content p {
        float: left !important;
    }

    #cd-timeline img {
      float: right;
      padding: 10px !important;
    }

    .logo-wrapper {
      width: 100%;
      float: left;
  }


  
}


/*Timeline Fix*/
@media (max-width: 1170px) and (min-width: 1017px){
    .cd-timeline-img.cd-picture {
      position: absolute;
      top: 50%;
      left: -27px;
      width: 10px;
      height: 10px;
    }

    .cd-timeline-block{
      margin: 10px 0px !important;
    }

    .cd-timeline-img.cd-picture {
        background: #eeeeee !important;
    }

    .cd-timeline-content p {
        margin: 10px !important;
    }

    .cd-timeline-img.cd-picture {
        left: -8%;
    }

    #cd-timeline::before {
        height: 102% !important;
        top: 61px;
    }

    .inner-timeline-warpper {
        background-color: #eeeeee;
    }

    .inner-timeline-warpper {
        /* height: 600px; */
    }

    section#cd-timeline {
        height: auto;
        /* border-bottom: 1px #000000 solid; */
        overflow: visible !important;
    }

    .outer-timeline-warpper {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-timeline-warpper {
        position: relative !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .fadeout {
        display: none;
    }
    #cd-timeline::before {
        left: 4% !important;
    }

}


/* big landscape tablets, laptops, and desktops */
@media (max-width: 1031px)  {
  .footer-break{
    display: inline;
  }

    .lower-number-container .numbers-feature__key-value {
      margin-right: 2%;
      margin-left: 2%;
  }

}


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


  /* Mobile Styles for Silders */
  .subLogos .sublogo-item{
        width: 28%;
  }

  /* These stacking boxes rules only apply to the what we do page.
      The content in what we do is larger then the desgin allows for
      So special affordances must be made. */
  .what-we-do .stacking-boxes .columns--1 .columns__column__right{
      /* padding-top: 10px; */
  }

  .what-we-do .stacking-boxes .columns--1 .columns__column__right div{
      /* font-size: 14px; */
  }

  .what-we-do .stacking-boxes .columns__column__right p{
      line-height: 150%;
  }

  .what-we-do .button--short {
      font-size: 12px;
      margin-top: 10px;
  }

  .what-we-do .stacking-boxes .blue-rule {
      /* margin: 5px 0px 0px; */
  }

  .what-we-do .stacking-boxes .columns__column__right p:first-of-type {
      margin-top: 5px;
  }

  .what-we-do .stacking-boxes .columns--1 .columns__column__right{
    /* padding-top: 10px; */
  }



  .main-navigation .navigation__list a {
      padding: 10px;
  }

  .main-navigation .navigation__list-item--search {
      padding: 19px 17px !important;
  }


  .main-navigation--short .navigation__list a {
    padding: 10px !important;
  }


  .columns__column__right h2 {
      /* font-size: 23px; */
  }

  .what-we-do .blue-rule {
      /* margin: 15px 0px 0px; */
  }

  img.wesco-one {
    margin: 5%;
  }
}

@media screen and (max-width:1063px){
	.social-icons.absolute-icons{
	display:none;
	}
	
	.article-content-wrap .social-icons{
	display:block !important;
	}
	
	.article-content-wrap .social-icons a{
	margin-top:15px !important;
	}
	
}

/* IPad Pro */
@media (max-width:1115px) and (min-width: 480px) { 

    /* Mobile Styles for Silders */
  .subLogos .sublogo-item{
        width: 28%;
  }

  .what-we-do .stacking-boxes .columns--1 .columns__column__right {
      /* padding-top: 5px; */
  }

  .columns__column__right h2 {
      /* font-size: 20px; */
  }

  .alert-box{
      position: relative !important;
    }

  .main-navigation .navigation__list {
      margin: 0px;
  }

  .main-navigation .navigation__list a {
      padding: 10px 3px;
  }

  .main-navigation--short .navigation__list a {
      padding: 10px 3px !important;
  }


}

@media screen and (min-width: 1025px){

    .mobile-navigation{
      display: none;
    }
}



/*Desktop */
@media screen and (min-width: 1024px){

/*  .main-navigation .navigation__list-item--search{
      display: block !important;
      font-size: 18px !important;
  }
*/

.navigation__list-item.navigation__list-item--search{
  display: block !important;
}

    .home-link{
        display: none !important;
    }

/*    li.navigation__list-item:hover > .subnav-wrap {
        display: block;
        z-index: 1111;
    }*/
    
    ul.navigation__list ul.sublevel li:first-child a {
	    padding-right: 20px !important;
	}

	ul.navigation__list ul.sublevel li {
	    width: auto !important;
	    margin-right: 60px !important;
	    min-width: auto !important;
		    vertical-align: middle;
	}

}


/* Tablet */
@media (max-width:1024px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 

    .what-we-do-map-row{
      width: 90% !important;
    }

    .product-service-portfolio header#header, .gamme-de-produits-et-services header#header {
        background-position: 0px 0px;
    }

    .left-slider-arrow{
      display: none;
    }

    .right-slider-arrow{
      display: none;
    }

    .logo-wrapper {
        left:initial !important;
    }

    .panel1, .panel2, .panel3, .panel4{
        position: relative;
        left: initial;
    }

    .slider-dots{
      display: none;
    }

    .world-col {
        position: relative;
        top: -40px;
    }


    .columns__column__left img {
        max-width: 600px;
        display: inline-block;
    }

    .columns__column__left {
        text-align: center;
    }


    .main-navigation li.navigation__list-item {
        display: none;
    }

    .main-navigation .navigation__list-item > a:hover{
      border-bottom: none;
    }

    .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li:first-child{
      display: none;
    }

    .plus-button{
      display: block;
    }

    a.fa.fa-bars.menu-toggle--js {
      font-size: 26px;
      padding: 0px !important;
      margin: 15px;
    }

    section.columns.columns--2 .columns__column {
        border: none;
    }

    div.footer-blocks {
        min-width: 100px;
        height: auto;
    }

    .mobile-navigation .navigation__list .navigation__list-item--mobile-menu {
        display: none !important;
    }

    li.navigation__list-item.navigation__list-item--mobile-menu {
      display: inline-block !important;
      position: absolute;
      top: 0px;
      right: 0px;
    }

    .stacking-boxes .columns--1 .columns__column__right {
        width: 100%;
        /* padding: 4%; */
    }

    .stacking-boxes .columns--1 .columns__column__left {
        width: 100%;
    }

    .image-block{
      width:100% !important;
    }

    .companies-map {
        display: none;
    }

    header .career-opportunities .button {
        margin: 10px 20px 10px 0;
    }

    header .career-opportunities a.button.button--clear {
        width: 230px;
    }

    .careers-col-right {
        width: 100%;
    }

    .careers-col-left {
        width: 100%;
    }

    .careers-box-content {
        padding: 0 0 51px;
    }

    .listings-wrapper {
        border: none;
    }

    section.main {
        margin: 75px 20px;
    }

    section.hubspot-contact-form {
        margin: 75px 20px;
    }

    .whatwedo-cols {
        width: 100%;
    }

    .whatwedo-cols img{
        max-width: 100%;
    }
    .whatwedo-box-content {
        padding: 0px;
    }
    .right-container {
        width: 60%;
    }

    .main .numbers-feature {
        width: 31%;
        margin: 45px 30px 0 20px;
    }
    
    h2.numbers-feature__key {
	    margin-bottom: 50px;
    }

    .inner-copy-block {
        width: 100%;
    }

    .about section.main, .à-propos section.main {
        margin: 75px 0px;
    }

    /* Timeline responsive rules */

    .cd-timeline-img.cd-picture {
      position: absolute;
      top: 50%;
      left: -27px;
      width: 10px;
      height: 10px;}

    .cd-timeline-block{
      margin: 10px 0px !important;
    }

    .cd-timeline-img.cd-picture {
        background: #eeeeee !important;
    }

    .cd-timeline-content p {
        margin: 10px !important;
    }

    .cd-timeline-img.cd-picture {
        left: -8%;
    }

    #cd-timeline::before {
        height: 102% !important;
        top: 61px;
    }

    .inner-timeline-warpper {
        background-color: #eeeeee;
    }

    .inner-timeline-warpper {
        /* height: 600px; */
    }

    section#cd-timeline {
        height: auto;
        /* border-bottom: 1px #000000 solid; */
        overflow: visible !important;
    }

    .outer-timeline-warpper {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-timeline-warpper {
        position: relative !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .fadeout {
        display: none;
    }
    #cd-timeline::before {
        left: 4% !important;
    }

    .about .inner-wrapper {
        max-width: 697px;
    }

    .additional-links .additional-links__link:nth-child(2n+1) {
        width: 100% !important;
        height: auto !important;
    }

    section.columns.columns--2 .columns__column {
        width: 100%;
        float: left;
    }

    .corp-responsibility-cols {
        width: 100%;
    }
    
    .corp-responsibility-cols img {
      width: 90%;
      margin: 5%;
    }
    
    .corp-responsibility-cols .corp-box-content {
      width: 100%;
    }

    .corporate-responsibility .columns--1 .columns__column__right {
        width: 100%;
    }

    .corporate-responsibility .columns--1 .columns__column__left {
        width: 100%;
    }

    .header-text-container {
        width: 90%;
    }

    .what-we-do section.columns.columns--2 {
        max-width: 730px;
    }

    .home .button--clear {
        width: 183px;
    }
    
    img#footer-wesco-logo {
        width: 150px;
    }

    .sub-navigation {
        display: none;
    }

    .a-connected-world .outer-text-container, .a-safer-world .outer-text-container, .a-cleaner-world .outer-text-container, .sustainability .outer-text-container, .community .outer-text-container, .wesco-foundation .outer-text-container, .all-around-the-world .outer-text-container {
        margin-bottom: 10px;
    }

    div.subnav-wrap {
        position: relative !important;
        box-shadow: none;
    }

    ul.navigation__list ul.sublevel {
        text-align: left;
        width: 100%;
        padding-left: 0px;
    }

    ul.navigation__sub-list.sublevel.level-3 li:first-child {
        border: none;
        font-weight: 100;
    }

    ul.navigation__list ul.sublevel li {
        padding: 5px 0px;
    }

    .mobile-navigation .navigation__list .navigation__list-item a{
        padding: 0px 0px 5px 3px;
        margin-top: 15px;
    }

    .corp-responsibility-cols img {
        margin-top: 63px;
    }

    .corporate-responsibility .columns--1 .columns__column__right {
        margin-top: 30px;
    }

    .button--short {
        margin-top: 20px;
    }

    
    .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li:first-child {
      display: none;
    }
    
    .mobile-navigation .navigation__list .navigation__list-item .subnav-wrap .navigation__sub-list li {
      display: block; 
    }
    
    .plus-button {
      display: block;
      padding: 8px 30px;
    }

    .box-slider__box p {
      font-size: 11px;
    }

    .home .box-slider__box {
        height: 350px;
    }

    .home .box-slider__box-container{
        height: 300px;
    }

    .alert-block__title{
        padding: 7px 18px;
    }


    .what-we-do .row {
        width: 60%;
        margin: auto;
        min-width: 600px;
    }


    .header-text-container {
        height: 77%;
        width: 75%;
        min-width: 300px;
        margin-top: 65px;
    }
    
    .logo-row div {
        min-height: 120px;
        margin: 20px;
        max-width: 260px;
        margin: 0 auto !important;
        display: block;
    }


}/* End Tablet Media Query */


@media (max-width: 950px) {

  .careers-page p.inner-lead-text, .carrières p.inner-lead-text {
      padding: 4%;
  }


  .value-added-solutions .image-block {height: auto;width: 100% !important;max-height: 300px !important;min-height: 200px !important;}

.value-added-solutions .stacking-boxes .columns--1 .columns__column__right, .solutions-à-valeur-ajoutée .stacking-boxes .columns--1 .columns__column__right {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 6%;
    padding-right: 10px;
}
  
  .home .header-text-container p{
    font-size: 39px;
  }

  /* Mobile for World Section */

  .world-col{
    top: -60px;
  }
  
  

	.value-added-solutions .stacking-boxes .image-block, .solutions-à-valeur-ajoutée .stacking-boxes .image-block {
	    width: 100% !important;
	}


  
}




@media (max-width: 760px) {
    #alert-box{
      right: 40px;
		bottom: 20px;
    }

	.circle-holder {
		right:14px;	
		bottom: 5px;
	}
	
    .home .header-text-container{
      width: 100%;
	  margin-top: 210px;
    }


  /*  --------- About Page Lower Number Block --------- */


  .lower-number-container .numbers-feature__key-value {
      min-width: 250px;
  }


}


@media all and (max-width: 700px) {


  .logo-row div {
      margin: 0px 20px;
  }

  div#inner-footer-container {
      padding: 30px 30px;
  }

  div#footer-block-1, div#footer-block-2,  div#footer-block-3 {
      width: 100%;
      padding-right: 0px;
      border-right: none;
  }

  .footer-blocks h4{
    padding-left: 0px;
  }

  #inner-footer-container ul{
      padding-left: 0px;
  }
   
  div#footer-block-2 {
      min-width: 0px;
      width: 50%;
      float: left;
      height: 350px;
  }
	
  div#footer-block-3 {
      min-width: 0px;
      width: 50%;
      float: left;
      height: 350px;
  }

  div#footer-block-4 {
      width: 50%;
      min-width: 0px;
      float: left;
      height: 180px;
  }

  span.copyright {
      font-size: 8px;
  }

  span.privacy {
      font-size: 8px;
      padding: 8px 0;
  }
  
  div.orange-block h3 {
	  display: block;
	  width: auto !important;
	  line-height: 45px;
	  margin: 0 30px 20px;
  }
  
  .main section.numbers-feature,  .main div.numbers-feature {
      width: 100%;
      margin: 0 10px;
  }

  /* About Page */

  .about .right-container, .à-propos .right-container{
    width: 92%;
    float: none;
    margin: auto;
  }

	.à-propos .main .numbers-feature {
    	padding-bottom: 40px;
	}

}


@media (min-width: 768px) {
  div#career-fairs-wrapper {
      float: left !important;
  }
  
	.one-line {
		white-space: nowrap;
	}
	
	.one-line br {
		display: none;
	}
}

@media (max-width: 600px) {
	
  .search-results__heading {
	  font-size: 24px;
  }

  .corporate-responsibility .columns__container {
      border: none;
  }

  .corporate-responsibility .header-text-container {
    margin-top: 0;
  }
  
  .home-fr .header-text-container{
  	width: 100%;
    min-width: 100%;
    height: auto;
  }
	
  .header-text-container {
    margin-top: 0;
  }

  .what-we-do .row {
      width: 90%;
      margin: auto;
      min-width: 300px;
  }

  .small-map-marker{
    display: none;
  }


  .world-col{
    top: -80px;
  }


}



/* Smartphones */
@media (max-width: 480px)  {

  div#career-fairs-wrapper {
      float: left !important;
  }
  .button--orange {
      width: 30%;
      padding: 14px 3%;
  }	

  body section.main {
      margin: 82px 20px;
  }

  .value-added-solutions .stacking-boxes .image-block, .solutions-à-valeur-ajoutée .stacking-boxes .image-block {
    min-height: 300px !important;
  }

  .world-col {
      top: -30px;
  }

  #inner-footer-container ul li {
      max-width: 127px;
  }
    
  .doing-business a, .doing-business p, .doing-business ul{
    font-size: 14px;
  }

  .doing-business a img {
      width: 20px;
      height: 20px;
      display: inline-block;
      vertical-align: middle;
      top: -2px;
      position: relative;
  }


  body.home header{
      top: 0px;
      background-size: 390% !important;
      background-position: -190px !important;
  }

  body, html{
    overflow-x: hidden;
  }

  .plus-button{
    top: 5px;
  }

    .alert-block{
      position: relative;
    }
    
    .home .main__text{
        margin:0px;
    }
      
    .stacking-boxes .columns--1 .columns__column__left{
      width: 100% !important;
    }

    .columns__column__right{
      padding-left: 0px;
    }
	
	.main-navigation .navigation__list-item {
	    top: -7px;
	}

    .search{
      position: relative;
    }

    .main-navigation{
      position: fixed;
    }

    body.landing-page header{
      top: 0px;
    }

    .stacking-boxes .columns__container{
      display: block;
    }

    .columns__row{
      display: block;
    }

     .stacking-boxes .columns--1 .columns__column__right {
      min-width: 300px;
      width: 96%;
      padding-top: 20px;
      margin: auto;
      margin-bottom: 10px;
    }

    body.landing-page header{
      padding: 90px 0px;
    }
	
	.partenariats-stratégiques-avec-les-fournisseurs.landing-page header{
      padding: 75px 0px;
    }

    .strategic-supplier-partnerships p.inner-lead-text{
      padding: 0 20px;
    }

    
    .columns--2 .columns__column__left{
      width: 100% !important;
      height: auto;
    }

    .columns__column__left img{
      width: 100% !important;
      height: auto;
    }

    .columns--2 .columns__column__right{
      width: 100%;
    }

    body.home header, body.landing-page header, body.sub-page header{
      top: 0px;
    }

    .landing-page.our-companies header {
        background-size: 390%;
        background-position: -600px;
    }
  
    .corporate-responsibility header#header {
        background-size: 280%;
        background-position: -460px;
    }

    .home .main__text{
      width: 90%;
      margin-right: auto;
      margin-left: auto; 
    }

    .additional-links__link p{
        width: 100%;
    }

    .additional-links--single .additional-links__link{
        padding: 0px;
    }

    div.orange-block {
    height: 190px;
  }

  div.orange-block h3 {
      text-align: center;
      margin: 0px;
      line-height: normal;
      top: 20px;
  }

  .orange-block a.button.button--clear {
      /* margin-top: 50px; */
      display: block;
      width: 183px;
      margin: 50px auto;
  }

  .home .box-slider__box-container {
      width: 100%;
  }

  .box-slider__box {
      width: 100%;
      height: auto;
  }
	
	.ca .box-slider__box, .home-fr .box-slider__box {
		height:560px;
	}	

  .box-slider__box p {
      font-size: 21px;
  }

  section.box-slider {
      padding: 30px 0 !important;
  }


  body.home header, body.home-fr header{
        padding: 40px 30px 90px;
        z-index: 1;
  }

  .home .header-text-container p, .home-fr .header-text-container p{
    font-size: 36px;
  }

  .main-navigation .container-large {
      width: 75%;
      margin: 0px;
  }

  .main-navigation .navigation__list-item--mobile-menu {
      position: absolute;
      right: 0px;
      padding: 0px;
      top: 0px;
  }

  .tab-item {
      display: block;
      width: 100%;
      border-bottom: 1px solid #eaeaea;
      height: 255px;
      margin: 30px 0;
      padding: 30px 0;
  }

  .tab-row {
      border-bottom: none; 
      font-size: 0;
  }

  .companies-map{
    display: none;
  }

  span.county-header {
      font-size: 38px;
      line-height: 70px;
  }

  .our-companies .tab{
    height: 255px;
  }

  .stacking-boxes .columns__row .columns__column {
      float: left;
  }

  .columns__column__right {
      margin-top: 21px;
  }

  .sub-navigation{
      display: none;
  }

  .whatwedo-cols {
      width: 100%;
  }
  .whatwedo-box-content {
      padding: 0px;
  }

  .tab-item {
      width: 100% !important;
      margin: 0px !important;
  }

  .corp-responsibility-cols {
      width: 100%;
  }

  .corp-responsibility-cols img {
      width: 100%;
      margin: 0px;
      height: auto;
  }

  .corp-box-content {
      width: 100%;
  }

  .columns--1 .columns__column__left {
      width: 100%;
  }

  .columns--1 .columns__column__right {
      width: 100%;
  }

  .corporate-responsibility .columns__column p {
      font-size: inherit;
  }


  div.subnav-wrap {
      position: relative !important;
      box-shadow: none;
  }

  ul.navigation__list ul.sublevel {
      text-align: left;
      width: 100%;
      padding-left: 0px;
  }

  ul.navigation__sub-list.sublevel.level-3 li:first-child {
      border: none;
      font-weight: 100;
  }

  ul.navigation__list ul.sublevel li {
      padding: 5px 0px;
  }

  .contact section.main {
      margin: 10px;
  }

  section.hubspot-contact-form {
      margin: 10px;
  }

  .landing-page .header-text-container {
      padding: 0px 20px;
      width: 100% !important;
  }

  .carrieres .button {
	  margin: 11px 0px;	  
  }
	
  .careers .button {
      margin: 11px 0px;
  }

  .careers .columns--2 .columns__column__right {
      padding-right: 10px;
  }

  .careers-col-left {
      width: 100%;
      height: auto;
      overflow: auto;
  }

  .careers-col-right {
      width: 100%;
  }

  .careers-box-content {
      padding: 0;
  }

  .listings-wrapper {
      height: auto;
  }

  .right-container {width: 100%;padding: 0 20px;}

  .inner-copy-block {
      width: 100%;
  }

  .cd-timeline-img.cd-picture {
    position: absolute;
    top: 50%;
    left: -27px;
    width: 10px;
    height: 10px;
  }

  .cd-timeline-block{
    margin: 10px 0px !important;
  }

  .cd-timeline-img.cd-picture {
      background: #eeeeee !important;
  }

  .cd-timeline-content p {
      margin: 10px !important;
  }

  .cd-timeline-img.cd-picture {
      left: -8%;
  }

  #cd-timeline::before {
      height: 102% !important;
      top: 61px;
  }

  .inner-timeline-warpper {
      background-color: #eeeeee;
  }

  .inner-timeline-warpper {
      /* height: 600px; */
  }

  section#cd-timeline {
      height: auto;
      /* border-bottom: 1px #000000 solid; */
      overflow: visible !important;
  }

  .outer-text-container {
      margin: 0px 10px;
  }

  .background-video-container__video {
      display: none;
  }

  .home .header-text-container {
      width: 100%;
      min-width: 100%;
      height: auto;
  }

  .a-connected-world .outer-text-container, .a-safer-world .outer-text-container, .a-cleaner-world .outer-text-container, .sustainability .outer-text-container, .community .outer-text-container, .wesco-foundation .outer-text-container, .all-around-the-world .outer-text-container {
      margin: 0px 10px;
  }

  section.columns.columns--2 .columns__column {
      border: none;
      padding: 0px;
  }


  .corporate-responsibility section.main {
      margin: 75px 0px;
      padding: 0px 10px;
  }

  .corporate-responsibility .row {
    width: 100%;
  }

  .careers header#header, .carrières header#header {
      background-size: 420%;
      background-position: -330px;
  }

  .all-around-the-world header#header {
      background-size: 350%;
  }
	
  .dans-le-monde-entier header#header {
      background-size: 420%;
  }

  .a-safer-world header#header, .un-environnement-plus-sûr header#header  {
      background-size: 300%;
      background-position: -130px 0px;
  }

  .tab-row {
      border: none !important;
  }

  .tab-item {
      height: 165px !important;
  }

  header .career-opportunities a.button.button--clear {
      width: 230px;
      margin-left: 0px;
  }

  .wesco-foundation header#header, .la-fondation-caritative-internationale-de-wesco header#header {
      background-size: 420%;
  }
  .community header#header, .collectivité header#header {
      background-size: 350%;
      background-position: -98px;
  }

  .sustainability header#header, .développement-durable header#header {
      background-size: 310%;
  }
  .main-navigation .navigation__list-item > a:hover {
      border: none;
  }

  .outer-timeline-warpper {
      height: auto !important;
      overflow: visible !important;
  }

  .inner-timeline-warpper {
      position: relative !important;
      overflow-x: visible !important;
      overflow-y: visible !important;
  }

  .fadeout {
      display: none;
  }

  .mobile-navigation .navigation__list .navigation__list-item a {
      padding: 5px 0px 5px 3px;
      margin-top: 15px;
  }


  .stacking-boxes .columns--1 .columns__column__right div {
      width: 93%;
  }

  .careers .additional-links__link a.button.button--clear {
      margin-left: 0px;
  }
	
  .carrieres .additional-links__link a.button.button--clear {
      margin-left: 0px;
  }

  .home .box-slider__box-container {
      height: auto;
  }
  
  .career-opportunities .button {
    width: 250px !important;
  }


  /*World*/
  .world-item {
      width: 100%;
      border: none !important;
      height: auto !important;
      margin-bottom: 10px;
      margin-top: 10px;
  }

  .world-item:last-child{
    margin-bottom: 30px;
  }
	

	
	.ca div#inner-footer-container, .home-fr div#inner-footer-container {
		padding-bottom:55px;
	}

} /* End Smartphone Media Query */

/* Smaller Smartphones */
@media (max-width: 320px)  {

  .careers-box-content p {
      margin-right: 30px;
  }


  body.landing-page header{
      background-size: 400%;
      background-position: -240px;
  }

  .corporate-responsibility header#header {
      background-size: 350%;
      background-position: -560px;
  }

  .careers header#header {
      background-size: 500%;
      background-position: -470px;
  }
}


/* Device Specific Style */
    

  /* Ipad Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {

    .navigation__list-item.navigation__list-item--search {
        display: none;
    }

    .main-navigation--short .navigation__list a {
        padding: 10px 3px !important;
    }

    .main-navigation--short .wesco-logo{
      padding: 10px 0 0;
    }

    .contact section.main {
        margin: auto 20px;
    }

    section.hubspot-contact-form {
        margin: auto 20px;
    }

    .outer-timeline-warpper {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-timeline-warpper {
        position: relative !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .fadeout {
        display: none;
    }
  
    .cd-timeline-img.cd-picture {
      position: absolute;
      top: 50%;
      left: -27px;
      width: 10px;
      height: 10px;
    }

    .cd-timeline-block{
      margin: 10px 0px !important;
    }

    .cd-timeline-img.cd-picture {
        background: #eeeeee !important;
    }

    .cd-timeline-content p {
        margin: 10px !important;
    }

    .cd-timeline-img.cd-picture {
        left: -8%;
    }

    #cd-timeline::before {
        height: 102% !important;
        top: 61px;
        left: 40px !important;
    }

    .inner-timeline-warpper {
        background-color: #eeeeee;
    }

    #cd-timeline{
      height: auto !important;
    }
    .inner-timeline-warpper{
      width: 100%;
    }

    .about .inner-wrapper {
      max-width: 947px;
    }

    .inner-copy-block {
        width: 100%;
    }

    img.wesco-one {
      width: 50%;
      margin: 10px auto;
      display: inline-block;
  }
}
 
@media all and (max-width: 768px) {
	div#lower-footer-block {
		height:50px;
	}
}


@media all and (max-width: 1500px) {
	.header-text-container {
		margin-top: 55px;	
	}
}