/* Valeurs maximales */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%;
}
/* Corrections Viewport */
@-webkit-viewport {
    width: device-width;
    zoom: 1.0;
}
@-moz-viewport {
    width: device-width;
    zoom: 1.0;
}
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
@-o-viewport {
    width: device-width;
    zoom: 1.0;
}
@viewport {
    width: device-width;
    zoom: 1.0;
}


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

    /*#products .images-container .image {
      max-width: 380px;
    }*/

}


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

    header.header .logos img{
        max-width: 800px;
    }
    header.header .logo-second{
        margin-top:-132px;
    }

    footer.footer, .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .form-images-container {
        width: 540px;
        height: 540px;
    }


    #reference1,#reference2,#reference3,#reference4,#reference5{
        margin-top:0 !important;
    }

}

@media screen and (max-width: 1100px){ 
   
    .counter .block .counter-line {
      margin-top: 0;
      width: 100%;
      text-align: center;
    }
    .counter .block .counter-after {
      display: block;
      width: 100%;
      text-align: center;
    }
    .counter .block .counter-before {
      display: block;
      width: 100%;
      text-align: center;
    }
    .counter .block.budget-block .counter-number {
      width: 100%;
      text-align: center;
    }
    .counter .block .counter-title {
      width: 100%;
      text-align: center;
    }
    .counter .block .counter-number{
        width: 100%;
    }

}

@media screen and (max-width: 1000px){ 
    .form-images-container {
        width: 360px;
        height: 360px;
    }
    #home-form{
        background-position: -100px 80px;
    }

    #main-texts .main-text {
        width: 100%;
    }

    #contents .images .background-image img {
        max-width: 100%;
    }

}

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

    header.header .logos img{
        max-width: 600px;
    }
    header.header .logo-second{
        margin-top:-99px;
    }

    .form-images-container{
        position: relative;
    }
    #home-form{
        background: linear-gradient(to right, #EFC700 90%, #fff 5%);
        border-top-right-radius: 20px;
        padding: 0 0 50px 0;
    }

    .form-container {
        width: 90%;
    }

    .form-images-container {
        width: 100%;
        height: 540px;
        margin-right: -20px;
    }
    .form-images-container{
        margin-bottom: -50px;
    }
    #home-form h2 {
      padding: 100px 0 40px;
    }
}

@media screen and (max-width: 800px){
    header.header.title-up .logos {
        top: 30%;
    }
    footer.footer .block {
        width: 100%;
    }
    footer.footer .right {
        text-align: left;
        margin-top: 20px;
    }
    footer.footer .right {
        text-align: left;
        margin-top: 20px;
    }

}

@media screen and (max-width: 700px){
    header.header .logos img{
        max-width: 500px;
    }
    header.header .logo-second{
        margin-top:-85px;
    }
}

@media screen and (max-width: 600px){
    header.header.title-up .logos {
        top: 10%;
    }
    #main-texts {
        width: auto;
        right: auto;
        bottom: 25vh;
    }

    #products h3 {
        margin-bottom: 10px;
    }

    #products .images-container {
        width: 100%;
        margin-right: 0;
    }
    #products .product .texts {
        width: 100%;
    }
    #products .product.text, .centering-container {
        height: auto;
    }


    #products .images-container .image {
      max-width: 100%;
    }

    #products .product .text {
      margin-bottom: 50px;
    }


    .counter .block .counter-number {
      font-size: 56px;
    }


    #contents h3{
        margin-bottom: 0;
    }

    #contents .content {
        height: auto;
        margin: 50px 0;
        overflow: hidden;
    }
    #contents .images{
        display: none;
    }

    #contents .texts {
        width: 100%;
        margin-bottom: 100px;
    }
    #contents .container .scrollmagic-pin-spacer{
        display: none !important;
    }
    #contents .images-mobile{
        display: inline-block;
    }
    #contents .content .container {
        display: block;
    }


    header.header .logos img{
        max-width: 400px;
    }
    header.header .logo-second{
        margin-top:-69px;
    }
    .form-container .block .left, .form-container .block .right {
        width: 100%;
        margin-bottom: 20px;
    }
    #home-form{
        border-top-right-radius: 0;
         background: #EFC700;
    }

    .form-images-container {
        height: 400px;

    }
    .form-container {
        width: 100%;
    }

}

@media screen and (max-width: 450px){
 
    header.header .logos img{
        max-width: 300px;
    }
    header.header .logo-second{
        margin-top:-52px;
    }
    .form-images-container {
        height: 280px;
    }
}