@media (max-width: 1600px) {

    .conseillers_section .wrapper-right{
        padding-right: 50px;
    }
    .wrapper-banner-espace .banner-caption h2{font-size: 50px}
    .wrapper-banner-espace .banner-caption{width: 50%;}
    .slide-one.slide-story .owl-dots{
        position: relative;
        bottom: inherit;
        left: inherit;
        transform: none;


    }
   


}


@media (max-width: 1366px) {
    .wrapper-banner-espace .banner-caption{width: 60%;}
    .link_blc_flottant .fixed-menu{width: 90px; display: none}
    .btn-fixed-open{display: block}
    .link_blc_flottant .fixed-menu li{padding: 10px 5px}
    .navbar-collapse .menu li a {height: 50px;line-height: 50px;font-size: 18px;}
    .bloc-flotant-pdt{max-width: 420px;padding: 20px 60px;}
    .bloc-flotant-pdt:after{  background: url("../images/icone-red-sm.png") no-repeat;width: 40px;height: 44px;    left: 10px;top: 15px;}
    .menu-rh .nav li a, .navbar-default .menu--main li a{height: 50px; line-height: 50px}
    .listing-pdt-espace .title{padding: 0 20px;}
    .listing-pdt-espace .title a, .bloc-flotant-pdt h2 a{font-size: 26px}
    .listing-pdt-espace .description{padding: 0 20px; font-size: 20px; line-height: 1.4;}
    .conseillers_section .wrapper-right{padding-right: 40px}
    .cursus-section .title-h2{font-size: 60px}
    .cursus-section .txt-border{font-size: 20vw}

    .middle-txt-zn.blue-cover{padding: 90px 0}
    .conseillers_section .item-left .title{font-size: 40px}
    .cursus-section .img .txt{font-size: 130px}
    .cursus-section,.middle-txt-zn.blue-cover{margin-top: -1px}
 






.wrapper-banner-espace .banner-caption h2{font-size: 50px}



}

@media (max-width: 1200px) {
    
    .listing-pdt-espace.listing-page .title a {
        font-size: 20px;
    }
    
    .listing-pdt-espace .title{
        height: 50px;
    }
    .wrapper-banner-espace .banner-caption{
        left: 0;
        width: 100%;
        padding: 20px;
    }
}
@media (max-width: 1180px) {

    .form-standard .form-control{
        font-size: 12px;
    }
    .rs_bancaire .desc-bloc .title{
        margin-bottom: 10px;
    }
  
    .title-section-pdt{margin: 20px auto}
    .conseillers_section .wrapper-right{padding-right: 0}
    .conseillers_section .item-right, .conseillers_section .item-left{padding: 70px 60px}
    .conseillers_section .item-left .title:before{    background: url(../images/icone-red-sm.png) no-repeat; width: 40px; height: 44px; left: -60px;top: 0px;}
    .conseillers_section .item-left .desc{font-size: 20px}
    .middle-txt-zn .title-h2{font-size: 60px}
    .conseillers_section .item-right .txt-img{font-size: 30px}
    #block-btnconnection{margin-right: 0; }
    #block-btnconnection .btn-connect{font-size: 14px}
    .middle-txt-zn .body{height: auto}
    .cursus-section .body{ width: 100%}
    .cursus-section .title-h2{font-size: 45px}
}

@media (max-width: 1100px) {
    .listing-pdt-espace .col:nth-child(3n+1){ clear: none;}
    .listing-pdt-espace .col:nth-child(2n+1){ clear: both;}

}

@media (max-width: 991px) {
    .footer-pdt-node .row > div{ width: 32%; margin-right: 2%; float: left;}
    .footer-pdt-node .row > div:last-child{ margin-right: 0;}
    .navbar-collapse .menu li a{padding: 0 10px; font-size: 15px; font-weight: 400}
    .cursus-section .title-h2{margin-top: 75px}
    /*.listing-pdt-espace .description{min-height: 100px}*/
    .form-infoletter .detail, .form-infoletter .main-form{width: 100%; float: none}
    .bottom-section .right_rs li{display: block; text-align: center}
    .nav > li.rs_icone > a {display: inline-block}
    .bottom-section .right_rs{float: none}
    .bottom-section .right_rs li{line-height: 1; margin: 10px 0}
    .form-infoletter .form-actions{top: inherit; bottom: 0}
    .footer-news{margin-bottom: 15px}
    .Top-banner .owl-espace .item img{ height: 500px; object-fit: cover}
    .wrapper-banner-espace .banner-caption{width: 100%; padding: 0 10px; left: 0 }

    .wrapper-banner-espace .banner-caption h2{margin-bottom: 10px}
    .wrapper-banner-espace .banner-caption .body{margin-bottom: 15px; width: 100%}
    .bloc-flotant-pdt .description{margin: 10px 0}
    .wrapper-banner-espace .banner-caption .btn{padding: 15px 30px}
    .listing-pdt-espace .item-pdt{margin: 0 15px}
    .listing-pdt-espace.listing-page .item-pdt:nth-child(3n+1), .list-agence .item:nth-child(3n+1){ clear: none}
    .listing-pdt-espace.listing-page .item-pdt:nth-child(2n+1), .list-agence .item:nth-child(2n+1){ clear: both}
    .tabs-map .nav-tabs{margin: 25px 0}
    .title-default:before,.page-header span:before, .conseillers_section .item-left .title:before{position: relative; bottom: inherit; left: inherit; margin-right: 10px; display: inline-block}

    .page-header span span:before{display: none}
    .content-interne {margin-top: 40px;margin-bottom: 40px;}
    .section-service{padding: 40px 0}
    .conseillers_section.full-page .item-left{padding: 0; margin-bottom: 25px}
    .cursus-section .img .txt{font-size: 100px; letter-spacing: -5px}
    .conseillers_section.full-page{padding-top: 40px; padding-bottom: 40px}
    .title-section-pdt{font-size: 28px; font-weight: 700;}
    .rs_bancaire .desc-bloc{left: 15px; width: 90%}
    .news-home{margin-top: 30px; margin-bottom: 30px}
    .video-wrapper .video-content p{font-size: 50px}
    .video-wrapper .video-content .title{font-size: 60px}
    .page-node-type-page-rh .subtitle{margin: 0 auto 50px}
    .btn_search{padding: 15px 25px}
    .cursus-section .content{padding: 0 10px}
    .cursus-section .body{min-height: inherit}
    #block-btnconnection .btn-connect{padding: 10px; margin-top: 5px}
    .cursus-section .txt-border{font-size: 12vw}
    .section-success .top-success{padding-top: 40px; margin-bottom: 25px; height: auto}
    .title-succes-story{ top: inherit; padding: 0; font-size: 60px; text-align: center}
    .cursus-section .section-success .content{ padding-left:15px; padding-right: 15px }
    .bloc-liste{padding-left: 0}
    .middle-txt-zn .sky-second-bg,.cursus-section .Sky-bg{margin-top: -1px}

























    /** menu **/
     .navbar-default .menu--main li{display: inline-block}
    .top-header{padding: 15px 0}
    .menu-rh .nav li a, .navbar-default .menu--main li a{height: 40px; line-height: 40px}
    .navbar-default .menu--main li a{padding: 0 15px; font-size: 16px}





}
@media (min-width: 768px) {
    .listing-pdt-espace .owl-carousel .owl-stage{
        display: flex;
        flex-wrap: wrap;
    }
}
@media (max-width: 767px) {
    /** menu **/
    .list-valeur li{
        width: 50%;
        margin-bottom: 20px;
    }
    .listing-pdt-espace .btn-pdt{padding: 0; left: 50%; transform: translateX(-50%); text-align: center;}
    .news-home .cnt-liste-news .title a{min-height: auto;}
    .slide-one .owl-dots {
     
        bottom: 10px;
        
    }
    .slide-one .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 4px;
        background: transparent;
        border: solid 1px #fff;
        outline: none;
    }

    .list-valeur li:nth-child(2n+1){clear: both}
   
    .table-cms tbody tr td:first-child{
        text-align: center;
    }
    #box_cours .table-cms tbody tr td:first-child{ text-align: left;}
    .content-interne .table-responsive{
        border: none;
    }
    .navbar-header{position: relative}
    .navbar-toggle{ position: absolute;top: 40px;left: 15px;}
    .menu-rh .nav li a{padding:  0 15px}
    .menu-rh .nav li a{font-size: 15px}
    .navbar-default .navbar-toggle .icon-bar{background-color: #da0037;}
    .navbar-default .navbar-toggle{border-color:#da0037; padding: 5px 6px; border-radius: 3px }
    .navbar-collapse .menu li{float: none; display: block; margin : 10px 0}
    .navbar-collapse .menu li a{display: block; padding: 0;font-size: 18px; height: auto; line-height: inherit }
    .search-block-form{margin-top: 20px; margin-bottom: 10px}
    .cursus-section .title-h2{margin-top: 35px}
    .cursus-section .body{width: 100%; min-height: auto}
    .middle-txt-zn.blue-cover{padding: 40px 0}
    .cursus-section .content{padding: 25px 0}
    #node-pdt .left-pdt-node.group-left, #node-pdt .right-pdt-node.group-right{float: none; width: 100%}
     #node-pdt .right-pdt-node.group-right img{ margin: 0 auto}
     .page-node-type-actualite .page-header span{ font-size: 38px; font-weight: 700}
    .sitemap .sitemap-box{width: 48%}
    .sitemap >.sitemap-box:nth-child(4n+1) {clear: none;}
    .sitemap >.sitemap-box:nth-child(2n+1) {clear: both;}
    .conseillers_section.full-page .item-left .content{text-align: center}
    .img-responsive{margin: 0 auto}
    .navbar-nav{margin-top: 0; margin-bottom: 0}
    .conseillers_section .item-right, .conseillers_section .item-left{padding: 30px 0}
    .conseillers_section .item-right{padding: 30px 15px}
    .section-rh.content-wrapper{padding: 15px}

    .section-rh .content-bg{padding: 75px 0; width: 90%}
    .list-offre-emploi .section-rh, .search_result > h3{padding: 15px}
    .conseillers_section .item-right .desc{min-height: auto}
    .conseillers_section .item-right .img img, .conseillers_section .item-left .img img{width: 100%}
    .conseillers_section .item-left .content,.conseillers_section .item-left .img{margin-bottom: 25px}
    .link_blc_flottant .fixed-menu .picto img{height: 25px; width: auto}
    .btn-fixed-open .link{width: 45px; height: 45px; line-height: 45px}
    .title-section-pdt:before{display: block; margin: 0 auto}
    .cursus-section .Blue-bg, .cursus-section .Sky-bg{padding-bottom: 0}
    .middle-txt-zn.img-cover .paragraph{padding: 100px 0}
    .form-standard.centre-form{width: 100%; margin-top: 25px  }

    .page-node-type-produit .Top-info h1{
        width: 100%;
    }

    .Top-info{margin-top: 30px;}
    .middle-txt-zn .title-h2{font-size: 40px;}
    .cursus-section .title-h2{font-size: 35px;}
    .section-service .header-service h2{font-size:40px ;}
    .owl-carousel.w-nav-mobile .owl-nav{ display: block;}

    .owl-carousel.w-nav-mobile .owl-nav button {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: solid 1px #5a5e83;
        transition: all 0.5s ease;}
        .owl-carousel.w-nav-mobile .owl-nav button span{display: none;}
        .owl-carousel.w-nav-mobile .owl-nav button:focus{ outline: none;}
        .owl-carousel.w-nav-mobile .owl-nav .owl-prev:after{
            content: '\f2ea';
            display: inline-block;
            font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased
        }
        .owl-carousel.w-nav-mobile .owl-nav .owl-next:after{
            content: '\f2ee';
            display: inline-block;
            font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased
        }
        .listing-pdt-espace .title, .listing-pdt-espace .description{min-height: auto; height: auto}










}
@media (max-width: 640px) {
    .listing-pdt-espace .item-pdt{margin: 0}
  
    .listing-pdt-espace{margin-bottom: 30px}
    .tabs-map .nav-tabs li a {padding: 12px 60px; margin-bottom: 15px}
    .menu-contact .nav li a{padding: 0 20px}
    .liste-news .img{float: none; width: 100%;  display: block; margin: 0 auto}
    .liste-news li{margin-bottom: 40px}
    .top-header .logo img{height: 35px}
    #block-btnconnection .btn-connect{padding: 10px}
    .form-infoletter .txt{font-size: 25px}
    .form-infoletter .right-infoletter .form-control{height: 50px}
    .form-infoletter .form-actions{height: 55px}
    .video-wrapper .video-content .title{font-size: 40px}
    .video-wrapper .video-content p{font-size: 30px}
    .section-service .header-service p{width: 100%}
    .middle-txt-zn.blue-cover:before, .cursus-section .Sky-bg{background-image: none}

    .bloc-flotant-pdt{position: relative; max-width: 100%; margin:  0; right: inherit; bottom: inherit; padding: 20px 15px 20px 60px; width: 100%}
    .Top-banner .owl-espace .item img{
        height: 227px;
    }

    .wrapper-banner-espace .banner-caption h2 {
        font-size: 20px;
        line-height: 1.2;
    }
    .wrapper-banner-espace .banner-caption .body{
        font-size: 18px;
    }
    .wrapper-banner-espace .banner-caption .btn {
        padding: 5px 10px;
    }

    .map-agence .gm-style .gm-style-iw{ padding: 10px; width: 250px;}
    .select-sim .item{
        width: 100%;
        float: none;
        margin-bottom: 15px;
        }





}
@media (max-width: 480px) {
    .footer-pdt-node .row > div{ width: 100%; float: none; text-align: center;}
    .footer-pdt-node .icone ,.footer-pdt-node .title{ text-align: center;}
    .footer-pdt-node .icone img{display: inline-block;}
    .list-valeur li{
        width: 100%;
        padding: 0;
    }
 
    .list-valeur li:nth-child(2n+1){clear: none}
    .table-cms tbody tr td{
        font-size: 12px;
    }
    .container-banner{
        padding: 0;
    }
    .wrapper-banner-espace .banner-caption{
        position: relative;
        top:inherit;
        padding: 15px 15px 40px 15px;
        background: #435463;
        transform: none;
    }
    .wrapper-banner-espace .banner-caption .body {
        font-size: 14px;
    }
    .listing-pdt-espace.listing-page .title a{
        font-size: 25px;
    }
    .blc-left-rpt, .blc-right-rpt{
        width: 100%;
    }
    .pg-docutile .link-file{
        text-align: left;
    }
    .form-infoletter .txt {
        font-size: 20px;
    }
    .list-offre-emploi .title{
        font-size: 28px;
    }

    .Top-banner .owl-espace .item img{height: auto}
    .wrapper-banner-espace .banner-caption .btn{
        font-size: 12px;
    }
    #node-pdt .footer-pdt-node .item{width: 100%; float: none; text-align: center}
    #node-pdt .footer-pdt-node .item img{ margin: 0 auto}
    #node-pdt .right-pdt-node.group-right, #node-pdt .left-pdt-node.group-left{margin-bottom: 30px}
    #node-pdt .slogon {font-size: 22px;line-height: 1.2;}
    #node-pdt .footer-pdt-node  .title{ font-size: 22px;  min-height:auto}
    .tabs-map .nav-tabs, .tabs-map .nav-tabs li{ float: none }
     .tabs-map .nav-tabs li{  margin: 0 }
    .tabs-map .nav-tabs li.active a{display: block; width: 100%; margin-bottom: 15px}
    .menu-contact .nav li{display: block; padding: 15px 0}
    .sitemap .sitemap-box{width: 100%}
    .page-header span{font-size: 32px}
    .top-header .logo{width: 85px; overflow: hidden}
    .top-header .logo img{width: 210px; display: block; overflow: hidden; max-width: inherit }
    .middle-txt-zn .title-h2, .cursus-section .title-h2{font-size: 40px}
    #block-tsb-main-menu{ overflow: scroll; white-space: nowrap}
    #block-tsb-main-menu > .menu { width: 500px}
    #block-tsb-footer li{display: block; margin-bottom: 15px}
    #block-tsb-footer li a{ font-size: 18px; font-weight: 500}
    .link-border{padding: 15px 50px}
    #block-newsletter, #block-reseausociaux{ width: 100%; float: none}
    .bottom-section .right_rs li{display: inline-block}
    .right_rs .menu{text-align: center}
    .bottom-section .right_rs li{padding: 0 10px}
    .bloc-flotant-pdt h2 a{font-size: 25px}
    .bloc-flotant-pdt h2 a{font-size: 28px}
    .video-wrapper .img{ overflow: hidden}
    .video-wrapper img{height: 500px; object-fit: contain; max-width: inherit}
    .section-rh .content-bg .title{font-size: 40px}
    .section-rh .btn-full-border{font-size: 20px; margin: 25px 0}
    .page-node-type-page-rh .page-header span, .rs_bancaire .right-content .Title-H2{font-size: 45px}
    .txt_search, .msg .ttr{font-size: 25px}
    .listing-pdt-espace .title a{font-size: 25px}
    .section-service .header-service h2{font-size: 42px}
    .subtitle-page{font-size: 24px; margin-bottom: 25px}
    .page-node-type-page-rh .subtitle{margin: 0 0 20px 0; width: 100%; font-size: 24px}
    .news-home .title-section{display: block; width: 100%; float: none;}
    .news-home .link-all-news{text-align: center; float: right;padding: 10px 15px; font-size: 14px; font-weight: 400; margin-top: 15px; margin-right: 15px}
    .blc-rapport .all-btn{padding: 15px; display: block}

    .news-home .view-header{margin-bottom: 30px}
    .rs_bancaire .img img{ height: 350px; object-fit: cover; }
    .rs_bancaire .desc-bloc .title{font-size: 24px; font-weight: 700}
    .form-simulateur .box-check .checkbox{display: block; margin-bottom:  10px; text-align: center}
    .form-simulateur .box-check{margin-top: 20px}
    #box-recap .content-recap .liste-value, #box-recap .content-recap .title{text-align: center}
    .map-agence .gm-style .gm-style-iw{ padding: 10px; width: 170px;}
    .map-agence .title{font-size: 16px;}
    .map-agence p,.map-agence .desc{ font-size: 14px;}
    .listing-pdt-espace .img img{width: 100%; }
    .wrapper-banner-espace .banner-caption h2{min-height: 50px;}
    .wrapper-banner-espace .owl-stage{
        background: #435463;
    }














}
@media (max-width: 360px) {
    #block-btnconnection .btn-connect span{overflow: hidden; text-indent: -8888px; display: inline-block}
    #block-btnconnection .btn-connect i{margin: 0; padding: 0 5px; margin-right: -5px; font-size: 26px}
    .top-header .search-block-form .form-control, .top-header .search-block-form .form-submit{height: 40px}
    .btn_search{display: block}
    .search_result .search-not-found{font-size: 24px}
    .slidecontainer .form-control{  width: 100%; margin: 10px 0; text-align: center }

    .form-standard .slidecontainer  .control-label{ float: none; width: 100%}


    .table-cms thead tr th{font-size: 13px}
    .map-agence .gm-style .gm-style-iw{  width: 120px;}
    .map-agence .title{font-size: 14px;}
    .map-agence p,.map-agence .desc{ font-size: 12px;}
    .wrapper-banner-espace .banner-caption .body{min-height: 60px;}
    .wrapper-banner-espace .banner-caption h2{min-height: 75px;}


}