@media screen and (max-width : 1450px){
    .home .hp_banner .video_wrapper{
        max-height: 635px;
    }
}
@media screen and (max-width : 1250px){
    .home .origins .wrapper_img img{
        max-width: none;
    }
    .home .origins .wrapper_img{
        position: relative;
        height: 475px;
        overflow: hidden;
    }
    .home .grid .wrapper{
        flex-flow: row wrap;
    }
    .home .grid .bloc_nav{
        width: 50%;
        max-height: 418px;
    }
    .home .values .dual_wrapper{
        padding-bottom: 50px;
    }
    .journey .map .wrapper .dynamic_map{
        align-self: center;
    }
    .blog .articles .bloc_article .editor{
        max-width: 90%;
    }
    .block .subTitle{
        line-height: 42px;
        font-size: 35px;
    }
    .contact .intro{
        padding-bottom: 0;
    }
    .contact .intro .wrapper .txt{
        padding: 0 50px;
    }
    .contact .contact_form{
        max-width: none;
    }
    .home .hp_banner .title{
        font-size: 50px;
        line-height: 60px;
    }
    .title{
        font-size: 55px;
        line-height: 60px;
    }
    .block_technology section.right .wrapper .img .title{
        top: -205px;
    }
    .block_technology .right#heritage{
        padding-top: 255px;
    }
}

@media screen and (max-width : 1050px){
    .home .blog .title{
        text-align: left;
        margin: 0 20px 0 0;
    }
    .header nav a + a, .header nav h1 + a, .header nav a + h1{
        margin-left: 15px;
    }
    .sitemap .wrap {
        flex-flow: column nowrap;
        align-items: center;
    }
    .sitemap .list_link.articles:nth-child(2){
        margin: 0 0 75px;
    }
    .home .blog .slider_wrapper{
        padding-right: 0;

    }
    .home .blog .navSlider{
        right: -100px;
    }
    .home .blog .paragraphe{
        max-width: 300px;
        margin-right: auto;
        margin-left: 0;
    }
    .footer .nav_footer .col_links{
        width:calc((100% / 2) - 15px);
    }
    .home .regenerative{
        margin:0 0 50px;
    }
    .home .regenerative .wrapper{
        flex-flow: column-reverse nowrap;
    }
    .home .regenerative .wrapper .txt .title{
        margin:35px 0;
        text-align:left;
    }
    .home .regenerative .txt .editor{
        max-width:100%;
        text-align:left;
    }
    .home .cashmere.intro .wrapper .intro_img,
    .home .regenerative .wrapper .intro_img{
        width:100%;
    }
    .home .regenerative .txt .btn{
        margin: 35px auto 0;
    }
    .home .cashmere.intro .wrapper{
        flex-flow: column nowrap;
    }
    .home .cashmere.intro .wrapper .txt{
        width:100%;
        padding:25px 25px 0;
    }
    .home .cashmere .txt .btn{
        margin:50px auto 0;
    }
}

@media screen and (max-width : 950px){
    .header .top, .header .bottom{
        display: none;
    }
    .header .menu-icon{
        display: block;
    }
    .header .logo_center{
        margin: 20px auto;
        width: 185px;
    }
    .header_mobile{
        display: flex;
    }
    .header{
        height: 155px;
    }
    .section{
        padding: 0 50px;
    }
    .home .hp_banner .title{
        top: 185px;
        font-size: 50px;
        line-height: 55px;
    }
    .home .hp_banner .img_wrapper{
        height: 485px;
        min-height: auto;
    }
    .home .origins .paragraphe .btn{
        padding: 15px;
        font-size: 15px;
        margin-top: 25px;
    }
    .home .values .scroll_transition .reveal .picto{
        min-width: 50px;
    }
    .home .grid .bloc_nav .btn{
        padding: 15px 0;
        width: calc(100% - 30px);
    }
    .home .blog .dual_flex{
        flex-flow: row wrap;
    }
    .home .blog .title{
        margin : 0 0 50px 0;
    }
    .home .blog .paragraphe{
        max-width: calc(100% - 20px);
        margin: 0;
    }
    .home .blog .paragraphe .btn{
        margin:  0 auto;
    }
    .intro{
        padding-bottom: 0;
        margin-top: 40px;
    }
    main.template .paragraphes article + article{
        padding-top:50px;
    }
    main.template .paragraphes .wrapper .txt{
        padding-bottom:0;
    }
    main.template .paragraphes .wrapper .txt .title{
        margin-bottom:25px;
        margin-top:25px;
    }
    main.template .paragraphes article.wrapper:nth-child(even),
    main.template .paragraphes article.wrapper:nth-child(even),
    .intro .wrapper{
        flex-flow: column-reverse nowrap;
    }
    .intro .wrapper .txt .line{
        display: none;
    }
    .intro .wrapper .txt{
        width: 100%;
        padding: 0 25px 50px;
    }
    .intro .wrapper .intro_img, .block_technology .intro .wrapper .intro_img{
        width: 100%;
    }
    .intro .wrapper .txt .anchors{
        margin-top: 20px;
    }
    .intro .wrapper .txt .anchors a{
        margin: 0 auto 20px;
        font-size: 15px;

    }
    .home .blog .navSlider{
        width: 100%;
        top: initial;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        left: 50%;
        bottom: initial;
        transform: translateX(-50%);
    }
    .slick-next{
        margin-left: 20px;
    }
    .home .blog .paragraphe .btn{
        margin: 70px auto 0;
    }
    .home .blog .slider_wrapper{
        margin-bottom: 100px;
        padding-right: 0;
    }
    .home .blog .bloc_article .img{
        margin : 0 auto 30px;
    }
    section.right .wrapper{
        flex-flow: column nowrap;
    }
    section.right .wrapper .img{
        max-width: none;
    }
    section.right .wrapper .editor{
        margin-left: 0;
        width: 100%;
        max-width: none;
        padding: 50px;
    }
    .about .right, .certification .right{
        padding: 100px 0 65px;
    }
    section.left .bloc_intro{
        flex-flow: column nowrap;
        justify-content: flex-start;
    }
    section.left .bloc_intro .title{
        margin-right: 15px;
    }
    .back-to-top{
        right: 5px;
        top: initial;
        bottom: 10px;
        transform: none;
    }
    .back-to-top span{
        font-size: 15px;
    }
    .back-to-top img{
        max-width: 15px;
    }
    .journey .map .wrapper{
        flex-flow: column;
    }
    .journey .map .wrapper .editor{
        width: 100%;
        max-width: none;
        margin-right: 0;
        display: block;
    }
    .journey .map .wrapper .map_wrapper{
        margin: 20px auto 50px;
    }
    .journey .map .wrapper .dynamic_txt{
        margin-top: 75px;
    }
    .title{
        font-size: 50px;
        line-height: 55px;
    }
    .subTitle{
        font-size: 34px;
        line-height: 55px;
    }
    .blog .articles .bloc_article .editor{
        max-width: none;
        top: initial;
        max-height: none;
        height: 250px;
    }
    .blog .all_articles .categories{
        flex-flow: column nowrap;
        padding: 50px 0;
    }
    .blog .all_articles .categories li +li {
        margin-top: 15px;
    }
    .blog .all_articles .categories::after{
        height: 100%;
        width: 1px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .blog .all_articles .title{
        margin-bottom: 0px;
    }
    .blog .all_articles .categories{
        margin-bottom: 25px;
    }
    .blog_details .back_wrapper{
        max-width: none;
        width: 100%;
        padding-right: 50px;
    }
    .blog_details .wrapper .text{
        max-width: none;
        width: 100%;
    }
    .blog_details .wrapper .text .back_wrapper{
        padding-right: 0;
    }
    .blockchain .three_blocks.bg{
        padding-top: 75px;
    }
    .block .wrapper{
        width: 100%;
        max-width: none;
    }
    .blockchain .block .text .img_resp{
        width: 100%;
        margin-bottom: 35px;
        display: block;
    }
    .blockchain .block .img{
        display: none;
    }
    .block .text .editor{
        max-width: none;
    }
    .blockchain .three_blocks.bg .block:last-of-type  .text .editor{
        padding-bottom: 20px;
    }
    .why_whool section.right .wrapper .img{
        width: 100%;
    }
    .why_whool #endless.right .wrapper .img, .why_whool #gentle.right .wrapper .img{
        min-width: auto;
    }
    .why_whool .blocks.right {
        padding: 50px 0 0;
    }
    .why_whool .blocks.right .txt{
        padding-top: 0;
    }
    .why_whool section.right .wrapper .img .title{
        text-align: center;
    }
    .why_whool .blocks .wrapper .editor{
        max-width: none;
        padding: 0;
    }
    .why_whool .blocks .block{
        padding : 0 50px 0 ;
        margin-bottom: 50px;
    }
    .why_whool .blocks .block .forms{
        height: auto;
    }
    .why_whool #endless.right .wrapper, .why_whool #gentle.right .wrapper {
        padding-top: 0;
        padding-bottom: 50px;
    }
    .why_whool #endless.right .wrapper .title, .why_whool #gentle.right .wrapper .title{
        position: relative;
        text-align: right;
        padding: 0 50px;
        bottom: -50px;
        top: initial;
        right: initial;
    }
    .section.values .title{
        margin-bottom: 50px;
    }
    .about .right#story, .certification .right#protocol{
        padding:150px 0 50px 0;
    }
    #gentle.right .wrapper .editor,
    #endless.right .wrapper .editor{
        padding: 50px ;
    }
    .blog .all_articles{
        margin-top: 40px;
    }
    .blog_details .details{
        margin-top: 40px;
    }
    .block_technology .computers .flex_wrapper{
        flex-flow: row wrap;
    }
    .block_technology .computers .block_comput{
        width: 47%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }
    .block_technology .computers .block_comput + .block_comput{
        margin-left: 0;
    }
    .block_technology .subTitle{
        font-size: 35px;
        line-height: 45px;
    }
    .block_technology .chains .wrapper{
        padding: 75px 0 100px;
    }
    .block_technology .brand_customer .col:last-of-type{
        padding-left: 25px;
    }
    .block_technology .brand_customer .col:first-of-type {
        padding-right: 25px;
    }
    .block_technology section.right .wrapper .img .title{
        top: -195px;
    }
    .block_technology .right#heritage {
        padding-top: 224px;
    }
}
@media screen and (max-width : 750px){
    .footer .nav_footer .col_links{
        font-size: 14px;
        line-height: 22px;
    }
    .footer .external .links a{
        padding: 0 10px;
    }
    .footer .external .links{
        font-size: 11px;
    }
    .footer .external .links .nash {
        width: 99px;
    }
    .home .hp_banner .video_wrapper{
        display: none ;
    }
    .home .hp_banner .img_wrapper{
        display: block ;
        background-color: #575452;
    }
    .home .hp_banner .img_wrapper img{
        max-height: 100%;
        opacity: 0.6;
        position: relative;
        left: -50%;
    }
    .dual_wrapper, .home .blog .dual_flex{
        padding: 75px 0;
    }
    .home .grid{
        margin-bottom: 60px;
    }
    .dual_wrapper .paragraphe{
        max-width: none;
    }
    .dual_wrapper .title{
        text-align: left;
    }
    .home .values .dual_wrapper .title{
        margin-bottom: 50px;
    }
    .home .origins .paragraphe{
        padding: 50px 25px;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        text-align: center;
    }
    .home .origins .lg_trigger{
        width: 100%;
        z-index: 50;
        justify-content: center;
        align-items: flex-start;
        padding-top: 50px;
    }
    .home .origins .paragraphe .txt{
        padding-top: 130px;
    }
    .home .values .dual_wrapper{
        padding-bottom: 0;
    }
    .footer .newsletter .privacy{
        line-height: 16px;
    }
    .journey .map .wrapper .interactive_map::after{
        width: 53px;
        height: 53px;
        background-size: 100% 100%;
        margin: -29px 0 0 -29px;
    }
    .blog .articles{
        grid-template: 1fr/repeat(1, 1fr);
    }
    .blog .articles .bloc_article .img, .blog .articles .bloc_article{
        margin: 0 auto;
    }
    .blog .articles .bloc_article .editor{
        max-width: 80%;
        margin: 0 auto;
        top: -55px;
        height: auto;
    }
}
@media screen and (max-width : 600px){
    section.right .wrapper .editor{
        padding: 50px 25px 0;
    }
    section#certified .wrapper .editor{
        padding-bottom: 50px;
    }
    #gentle.right .wrapper .editor,
    #endless.right .wrapper .editor{
        padding: 50px 25px 0;
    }
    .section, .contact .intro .wrapper .txt, .blockchain .block .wrapper, .why_whool .blocks .block{
        padding: 0 25px;
    }
    .blog_details .back_wrapper{
        padding-right: 25px;
    }
    .home .hp_banner .title, .title{
        font-size: 35px;
        line-height: 35px;
        top: 50%;
    }
    section.left .txt.editor{
        margin-top: 50px;
    }
    section.left .bloc_intro{
        margin-bottom: 50px;
    }
    section.left .bloc_intro .introduction, section.left .txt.editor .txt_wrapper{
        max-width: none;
    }
    section.left .bloc_intro .title{
        padding-bottom: 20px;
    }
    section.right .wrapper .img .title, section.left .bloc_intro .title{
        font-size: 45px;
        line-height: 45px;
    }
    .subTitle, .block_technology .subTitle{
        font-size: 25px;
        line-height: 25px;
    }
    .smti, .intro .editor, .block_technology .intro .txt{
        font-size: 20px;
        line-height: 20px;
    }
    .block_technology .chains .wrapper{
        padding: 0px 0 50px;
    }
    .paragraphe{
        font-size: 18px;
        line-height: 24px;
    }
    .home .grid .bloc_nav{
        width: 100%;
    }
    .intro .wrapper .txt .title{
        top: -19px;
    }
    section.right .wrapper .img .title{
        top: -45px;
    }
    .about .right, section.left, .certification .right{
        padding: 65px 0;
    }
    section.left .txt.editor{
        padding : 50px 25px;
    }
    .blog_details .details{
        padding: 50px 0 50px;
    }
    .blog_details .back_wrapper{
        margin-bottom: 50px;
    }
    .blog_details .wrapper .text .back_wrapper{
        margin-top: 50px;
        margin-bottom: 0;
    }
    .blockchain .intro .wrapper .txt .title,.journey .intro .wrapper .txt .title{
        margin-bottom: 20px;
    }
    .block .subTitle{
        line-height: 35px;
        font-size: 30px;
        margin-top: 10px;
    }
    .footer .nav_footer{
        flex-flow: column nowrap;
        align-items: center;
    }
    .footer .nav_footer .col_links{
        margin-bottom: 20px;
        text-align: center;
    }
    .about .right#story, .certification .right#protocol{
        padding: 75px 0 50px;
    }
    .why_whool #nature .wrapper .img .title{
        right: 0;
    }
    .block_technology .puzzle{
        margin: 25px auto;
    }
    .block_technology .chains .computers{
        padding-bottom: 80px;
    }
    .block_technology .editor{
        margin: 0 auto 60px;
    }
    .block_technology .brand_customer .col:last-of-type{
        padding-left: 0;
    }
    .block_technology .brand_customer .col:first-of-type {
        padding-right: 0;
    }
    .block_technology .brand_customer{
        flex-flow: column nowrap;
    }
    .block_technology .brand_customer .col{
        max-width: none;
        margin-bottom: 50px;
    }
    .block_technology section.right .wrapper .img .title {
        top: -160px;
    }
    .block_technology .right#heritage {
        padding-top: 192px;
    }
    .footer .nav_footer .col_links{
        width:100%;
        margin-right:0;
    }
}
@media screen and (max-width : 500px){
    .footer .nav_footer{
        padding: 50px 0;
    }
    .footer .nav_footer .links{
        max-height: none;
        align-items: center;
    }
    .footer .external .links{
        flex-flow: row wrap;
    }
    .footer .nav_footer .links a:nth-child(8){
        margin-bottom: 15px;
    }
    .journey .wrapper .map_wrapper{
        display: none;
    }
    .journey .wrapper .editor .smti{
        font-size: 16px;
        line-height: 18px;
    }
    .journey .map .wrapper .editor .dynamic_txt{
        font-size: 16px;
        line-height: 18px;
        display: block !important;
        margin-bottom: 50px;
        height: auto;
        margin-top: 0;
    }
    .journey .map .wrapper .editor .introduction{
        margin-bottom: 50px;
    }
    .journey .map{
        max-height: none;
    }
    .journey .map .bg_img img{
        height: 100%;
    }
    .blog .articles .bloc_article .editor{
        max-width: 90%;
    }
    .blog .all_articles .pagination li::after{
        right: -15px;
    }
    .blog .all_articles .pagination li + li{
        margin-left: 30px;
    }
    .blog_details .wrapper .text .title_article{
        font-size: 28px;
        line-height: 28px;
    }
    .editor blockquote, .editor .quote{
        font-size: 24px;
        line-height: 26px;
    }
   .block .forms{
        margin: 20px 25px 0;
    }
  .block .picto_block{
        max-width: 35px;
        margin-top: 9px;
    }
    .journey .map .wrapper .map_mobile{
        display: block;
        margin-bottom: 20px;
    }
    .right#heritage{
        padding-top: 50px;
    }
    .blog .all_articles .pagination{
        margin: 0 auto ;
    }
    .blog .all_articles {
        padding-bottom: 50px;
    }

}
@media screen and (max-width : 425px){
    .why_whool #endless.right .wrapper .title, .why_whool #gentle.right .wrapper .title{
        position: relative;
        top: initial;
        bottom: initial;
        right: initial;
        font-size: 35px;
        line-height: 35px;
        padding-right: 25px;
    }
    .why_whool #endless.right .wrapper, .why_whool #gentle.right .wrapper{
        padding-top: 50px;
    }
    section.right .wrapper .img .title{
        position: relative;
        top: initial;
        right: initial;
        font-size: 35px;
        line-height: 35px;
        padding-right: 25px;
    }
    .intro .editor{
        padding: 0 25px;
    }
   .contact .intro .editor{
        padding: 0 ;
    }
   .block .forms{
        margin: 20px 15px 0;
    }
    .block .subTitle{
        font-size: 20px;
        line-height: 20px;
        margin-top: 15px;
    }
    .about .right#story, .certification .right#protocol{
        padding: 50px 0;
    }
    section.right .wrapper .img .title, section.left .bloc_intro .title{
        font-size: 35px;
        line-height: 35px;
    }
    section.left .bloc_intro .introduction{
        padding-top: 35px;
    }
    .block_technology section.right .wrapper .img .title{
        top: initial;
    }
    .block_technology .right#heritage {
        padding-top: 50px;
    }

}

/*******************FOR IE10+ ONLY**************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .home .grid .wrapper{
        display: flex;
        flex-flow: row nowrap;
    }
    .blog .articles{
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .blog .articles .bloc_article{
        width: 50%;
        display: flex;
        flex-flow: column;
        align-items: center;
        max-width: 592px;
    }
}