@media screen and (max-width: 1024px) {
  .width-1024 {
    width: auto;
    padding: 10px;
  }
  .liste-simulateur {
    margin: 100px 0 0 0;
  }
  .coeur-metier,
  .ctn-footer {
    margin: 0;
  }
  .metier-img {
    margin-bottom: 0;
    height: 130px;
  }
}

@media screen and (max-width: 600px) {
  .skitter-large {
    height: 90px !important;
  }
  h1 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  h1 span {
    width: auto;
  }
  .icon-appel {
    right: 60px;*
  }
  .icon-navigation {
    right: 10px;
  }
  .icon-rappel {
    left: 10px;
  }
  #logo {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  #logo img {
    width: 80px;
  }
  .box-simulateur {
    margin-top: 60px;
  }
  .qui-sommes-nous {
    background: linear-gradient(-20deg, #ffffff, #000000);
  }
  .ctn-footer {
    text-align: center;
  }
  .grid-4 {
    float: none;
    width: auto;
  }
  .liste-simulateur {
    margin-top: 30px;
  }
  .ctn-who-left,
  .ctn-who-right {
    float: none;
    width: 100%;
  }
  .box-metiers {
    min-height: auto;
  }
  .service-grid {
    width: 33.3333%;
  }
  .meilleur-service-left {
    bottom: 50px;
    width: 30%;
  }
  .meilleur-service-img {
    left: 40px;
    width: 90%;
  }
  .meilleur-service-img img {
    padding-top: 90px;
  }
  .meilleur-service-right {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .qsn-left {
    padding-top: 10px;
    padding-bottom: 10px;
    float: none;
    width: 100%;
  }
  .qsn-right,
  .qsn-right-img {
    position: inherit;
    background: none;
    width: auto;
  }
  .qsn-right-img {
    right: auto;
    left: auto;
    top: auto;
  }
  .qsn-right-img img {
    width: 100%;
  }
  .box-horaire {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .left-60,
  .right-35,
  .page-form,
  .fb-localisation {
    float: none;
    width: auto;
  }
  .box-child-ctn {
    position: inherit;
    margin: 0;
    width: auto;
    background: #000000;
  }
  .box-horaire::after {
    display: none;
  }
  .metier-img {
    height: auto;
  }
  .box-filter-catalogue {
    position: absolute;
    width: 300px;
    left: -300px;
    z-index: 6;
    background: #ffffff;
  }
  .list-product-catalogue,
  .produit-catalogue-list {
    float: none;
    width: auto;
    padding: 0 0 20px 0;
  }
  .list-catalogue {
    margin: 0;
  }
  .produit-vendu {
    left: 0;
  }
  .autre-produit,
  .content-simulator,
  .details-simulator {
    float: none;
    width: auto;
  }
  .ctn-rob {
    margin: 0;
  }
  .box-rob {
    width: 50%;
  }
  .services-img, .services-estimation,
  .services-expertise {
    float: none;
    width: 100%;
    min-height: auto;
  }
  .services-img img,
  .services-estimation img,
  .services-expertise img {
    width: 100%;
    position: inherit;
    left: 0px;
    right: 0px;
    top: 10px;
  }
  .services-content,
  .services-expertise,
  .services-content-second {
    float: none;
    width: auto;
  }
  .content-align {
    margin: 0;
  }
  .ctn-align {
    width: auto;
    float: none;
  }
  .ctn-align-grid {
    min-height: auto;
  }
  .icon-rappel {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 20px;
    top: 25px;
    background: url(../images/icons/rappel.jpg) center center no-repeat;
    cursor: pointer;
  }
  .icon-appel {
    width: 48px;
    height: 48px;
    position: absolute;
    right: 80px;
    top: 25px;
    cursor: pointer;
    background: url(../images/icons/call.jpg) center center no-repeat;
  }
  .icon-navigation {
    position: absolute;
    width: 48px;
    height: 48px;
    right: 20px;
    top: 25px;
    cursor: pointer;
  }
  .open-nav {
    background: url(../images/icons/icon-nav.jpg) center center no-repeat;
  }
  .close-nav {
    background: url(../images/icons/close.jpg) center center no-repeat;
  }
  .navigation {
    width: 300px;
    position: fixed;
    background: linear-gradient(65deg, #f8cc00, #222222);
    z-index: 200;
    bottom: 0;
    right: -300px;
    top: 111px;
  }
  .navigation a {
    display: block;
    margin-bottom: 5px;
  }
  .home-left,
  .home-right {
    float: none;
    width: auto;
  }
  .home-right img {
    width: 100%;
  }
  .bandeau-home {
    margin-top: 0;
  }
  .text-rappel,
  .text-appel,
  .icon-appel {
    display: none;
  }
  .icon-appel a {
    background: #ffffff url(../images/icons/call.jpg) center center no-repeat;
  }
  .footer-sticky {
    display: block;
  }
  #content-footer {
    padding-bottom: 70px;
  }
}