@media (min-width: 1500px) {


    .block-video-home > .default-c,.navbar.container,.exposed_form_biat form,.page-header,.wrap_fonctionalites_mybiat > .default-c,.header .navbar-header,header #navbar-collapse .region-navigation-collapsible,.wrap_projet_ambitieux > .default-c ,.wrap_clien_home > .default-c,.container-fonctionnalites,.grp-menu-top,.container{
        max-width: 1440px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
    .container{max-width: 1440px; width: auto;}
    body .exposed_form_biat form{padding: 0;}

}
@media (max-width: 1499px) {   .block-video-home > .default-c,.navbar.container,.exposed_form_biat form,.page-header,.wrap_fonctionalites_mybiat > .default-c,.header .navbar-header,header #navbar-collapse .region-navigation-collapsible,.wrap_projet_ambitieux > .default-c ,.wrap_clien_home > .default-c,.container-fonctionnalites,.grp-menu-top,.container{max-width:100%; margin: 0 auto; padding-left: 15px; padding-right: 15px; width: 100%;}

.bloc-actus-home {

    left: 25px;
    top: 150px;

}
.container-right{
    right: 25px;


}
.btn{
    white-space: wrap;
    font-size: 12px;
    font-weight: 200;
}

.carousel-banniere.owl-carousel .owl-item img {
    height: 400px;
    object-fit: cover;
}
.link-video .img{
   display: none !important;
   /* height: 33px !important;
   width: 33px !important; */



}
}


@media (max-width: 1250px) {
  .view-slider-home{
    min-height: 400px;
  }
    .ui-widget.ui-widget-content.ui-autocomplete,
    .exposed_form_biat form {
        max-width: 100% !important;
    }
    .exposed_form_biat label.control-label {
        max-width: 30%;
    }
    .exposed_form_biat .input-group {
        max-width: 60%;
    }
    .exposed_form_biat .form-item.form-type-search-api-autocomplete label.control-label:after {
        top: 1px;
    }

}

@media (max-width: 1199px) {
  .view-slider-home{
    min-height: 300px;
    background-image: linear-gradient(to bottom, #002d49cc, #002d4980 64%);
  }
    .block-video-profiles .top-video-zone{width: 100%;}
    .left-main-menu{width: 100%;}

    .block-video-home > .default-c,.bloc-actus-home > .form-group,.navbar.container,.exposed_form_biat form,.page-header,.wrap_fonctionalites_mybiat > .default-c,.header .navbar-header,header #navbar-collapse .region-navigation-collapsible,.wrap_projet_ambitieux > .default-c ,.wrap_clien_home > .default-c,.container-fonctionnalites{max-width: 1170px; margin: 0 auto; padding: 0 15px;}
    .wrap_assistance {
        min-height: 1100px;
    }
    .col-accessibilite {
        top: 282px;
    }
    .col-download-releves {
        top: 568px;
    }
    .contact-right .content_guide_utilisation {
        top: 30%;
        max-width: 100%;
        font-size: 20px;
    }
    /* .contact-right {
        margin-top: 20px;
    } */
    .text-404 {
        width: 80%;
    }
    .image404 img {
        height: 100vh;
        object-fit: cover;
    }
    .row-404 {
        text-align: center;
    }
    .row-404 .img_reponse {
        float: none;
    }
    .row-404 .img_reponse img {
        margin: 5px auto;
    }
    .row-404 .col_contacts_response {
        margin-bottom: 15px;
    }

    .social_footer {
        float: right;
        width: 100%;
    }
    .social_footer li {
        float: right;
    }
    .content_num {
        margin-top: 1px;
    }
    .content_num a {
        display: block;
    }
    .col-reponses {
        top: 282px;
        left: 325px;
    }
    .wrap-col-reponses {
        padding: 32px 32px;
    }
    .wrap_clien_home .field--name-bp-block > .field--item .block-block-content {
        padding: 24px;
        min-height: 170px;
    }
    .wrap_clien_home .lien-client a, .wrap_clien_home .lien-client span {
        font-size: 18px;
    }
    .title_assistance {
        font-size: 32px;
    }
    .wrap_clien_home {
        padding: 56px 0;
    }
    .wrap_fonctionalites_mybiat {
        padding: 40px 0;
    }
    .title-fonctionnalites {
        font-size: 20px;
    }
    .title_video_home {
        font-size: 32px;
        line-height: 1.3;
    }
    .title_projet_ambitieux {
        font-size: 32px;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 15px;
        padding: 14px 10px;
    }
    .desc-banner {
        top: 130px;
        font-size: 42px;
    }

    .link_banner {
        padding: 8px 12px;
        font-size: 13px;
    }
    header .region-navigation{
        padding: 0 15px;
    }
    .box_content_download,
    .title_reponses,
    .content_inscri {
        font-size: 22px;
    }
    .title_inscri {
        font-size: 15px;
    }
    .ui-widget.ui-widget-content.ui-autocomplete, .exposed_form_biat form {
        max-width: 95% !important;
    }
    .exposed_form_biat form {
        padding: 8px 8px 8px 12px;
    }
    .exposed_form_biat .form-actions .form-submit {
        padding: 8px 25px;
    }
    .exposed_form_biat label.control-label {
        margin-right: 15px;
        padding-top: 0px;
        line-height: 1.3;
        font-size: 15px;
    }
    .exposed_form_biat .input-group input {
        font-size: 18px;
    }
    .exposed_form_biat {
        top: 500px;
        /* position: relative; */
    }
    /*
    .link-fonctionnalites a {
        top: 50px;
    }*/
    .content_guide_utilisation {
        top: 18px;
        font-size: 25px;
    }
    .page-header {
        max-width: 940px;
        margin: 30px auto;
    }
    .container-fonctionnalites {
        padding: 0 15px;
    }
    .carousel-top-idee .owl-item:before {
        top: 10px;
        left: 24px;
    }
    .carousel-top-idee .owl-item {
        padding: 24px;
    }
    .date-idee {
        text-align: left;
        margin-top: 45px;
    }
    .img_reponse {
        margin-right: 0;
        width: 100%;
    }
    .partager-btn .block-title, .text-like {
        font-size: 15px;
    }
    .partager-btn .block-title{
        padding-left: 0;
    }
    .carousel-banniere .owl-item img {
        height: 400px;
        object-fit: cover;
    }
    #block-logomybiat {
        margin-left: 5%;
    }
    .carousel-banniere .owl-dots {
      bottom: 110px;
  }
}

@media (max-width: 991px) {
    .wrap_assistance {
        min-height: 1069px;
    }
    .view-agence-mybiat .views-exposed-form .form-item {
        float: left;
        width: 49%;
        padding-left: 22px;
        border: 1px solid #004876;
        margin: 10px 1px;
        padding: 5px 22px;
    }
    .view-agence-mybiat .views-exposed-form .form-actions button {
        padding: 5px 20px;
        width: 200px;
    }

    .ui-widget.ui-widget-content.ui-autocomplete, .exposed_form_biat form {
        max-width: 738px !important;
    }

    .exposed_form_biat .form-actions .form-submit {
        padding: 5px 8px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.25;
    }
    .exposed_form_biat label.control-label:after {
        top: -3px;
    }
    .top_bar_biat  .exposed_form_biat label.control-label {
        padding-left: 10px;
    }

    .form-mybiat {
        margin-bottom: 0;
    }
    .contact-right .content_guide_utilisation {
        max-width: 50%;
        font-size: 32px;
    }
    .col-logo-footer{
        text-align: center;
        margin-bottom: 20px;
    }
    .col-logo-footer img{
        display: inline-block;
    }
    .col-contact-footer {
        text-align: center;
        margin-bottom: 10px;
    }
    .col-tel-footer {
        text-align: center;
    }
    .col-tel-footer > img {
        float: none;
        display: inline-block;
    }
    .content_num {
        display: inline-block;
        position: relative;
        top: 10px;
    }
    .col-social-footer{
        text-align: center;
    }
    .col-social-footer .btn-yellow {
        float: none;
        display: inline-block;
        margin-top: 20px;
    }
    .social_footer {
        float: none;
        display: inline-block;
        width: auto;
        margin-top: 0;
        position: relative;
        top: 10px;
        margin-left: 32px;
    }
    .wrap_clien_home .field--name-bp-block > .field--item .block-block-content {
        padding: 20px;
        min-height: 160px;
    }
    .wrap_clien_home .lien-client a, .wrap_clien_home .lien-client span {
        font-size: 16px;
    }
    .title_assistance {
        font-size: 28px;
    }
    .wrap_clien_home {
        padding: 48px 0;
    }
    .title-fonctionnalites {
        padding-right: 50px;
    }
    .title-fonctionnalites {
        font-size: 18px;
    }
    .title-fonctionnalites:after {
        right: 5px;
    }
    .col-accessibilite {
        position: relative;
        top: 0;
    }
    .col-reponses {
        position: relative;
        top: 0;
        left: 0;
    }
    .col-download-releves {
        position: relative;
        top: 0;
        right: 0;
    }
    .wrap_assistance .container .row{
        display: flex;
        flex-wrap: wrap;
    }
    .wrap_assistance .container:first-child .row{
        flex-direction: column;
    }
    .col-download{
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-inscri{
        order: 2;
        flex: 0 0 50%;
        max-width: 50%;
        top: -40px;
    }
    .col-accessibilite{
        order: 3;
        flex: 0 0 50%;
        max-width: 50%;
        top: -40px;
    }
    .col-reponses{
        order: 4;
        flex: 0 0 100%;
        max-width: 100%;
        top: -8px;
    }
    .col-download-releves{
        order: 5;
        flex: 0 0 100%;
        max-width: 100%;
        top: 24px;
    }
    .box_content_download, .title_reponses, .content_inscri {
        font-size: 20px;
    }
    .wrap_assistance {
        padding: 40px 0 0 0;
    }
    .col-links-video .link_standard {
        margin-bottom: 10px;
        display: block;
        margin-top: 10px;
    }
    .block-video-home {
        padding: 40px 0 40px 0;
    }
    .title_projet_ambitieux {
        font-size: 26px;
    }
    .desc-banner {
        top: 100px;
        font-size: 32px;
    }
    .link_banner {
        padding: 6px 6px;
        font-size: 13px;
    }
    .link_banner img {
        width: 22px;
    }
    #block-besoindaide {
        display: none;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 14px 7px;
    }
    .navbar-default .navbar-text {
        display: none;
    }
    /*.link-fonctionnalites a {
        top: 40px;
    }
    */

    .exposed_form_biat .form-actions {
        max-width: 20%;
    }

    .wrap_clien_home .container{
        max-width: 100%;
    }
    .ui-widget.ui-widget-content.ui-autocomplete {
        width: 100% !important;
        z-index: 1001;
        box-shadow: none;
        border: none;
        display: block !important;
        max-width: 738px !important;
    }
    .content_guide_utilisation {
        font-size: 18px;
        max-width: 100%;
    }
    .btn_guide_utilisation {
        bottom: 0px;
        font-size: 16px;
        background: url(/themes/custom/mybiat/css/../images/play2_mobile.png) no-repeat 120px 0px;
        line-height: 1.2;
    }
    .title_h2 {
        font-size: 32px;
    }
    .link-fonctionnalites a {
        /*top: 30px;*/
        background: url(/themes/custom/mybiat/css/../images/play_mobile.png) no-repeat center center;
    }
    .row_contacts_response {
        margin-top: 25px;
        text-align: center;
    }
    .img_reponse {
        float: none;
    }
    .col-link-reponses{
        text-align: center;
    }
    .img_reponse img {
        margin: 0 auto;
    }
    .table-responsive {
        overflow-x: auto;
    }
    .page-header {
        max-width: 750px;
        margin: 30px auto;
    }
    .form-group {
        padding: 0;
    }
    .contact-right .btn_guide_utilisation {
        background: url(/themes/custom/mybiat/css/../images/play2_mobile.png) no-repeat center right;
        line-height: 56px;
        bottom: 0;
    }
    .widget-bloc-like {
        display: block;
    }
    .box-like-dslike {
        margin-bottom: 10px;
    }
    .item-questions {
        width: 100%;
        padding: 0;
    }
    .img_questions img{
        width: 100%;
    }
    #block-logomybiat img,
    .logo img{
        width: 120px;
    }
    .navbar .logo {
        padding-right: 0;
    }
    #block-linkconnexiontopheader .btn-blue {
        text-indent: -5000px;
        width: 24px;
        height: 24px;
        background: url(/themes/custom/mybiat/css/../images/user.jpg) no-repeat 0 0;
        border: none;
        border-radius: 0;
        position: relative;
        top: 10px;
    }
    #block-logomybiat {
        margin-left: 3%;
    }
    .wrapper-img-actu .img-actu img{
        width: 100%;
    }
    .container-actus {
        display: block;
        flex-direction: inherit;
        flex-wrap: inherit;
    }
    .col-fonctionnalites-view {
        padding-left: 0;
        padding-right: 0;
    }
    .container-actus {
        margin-right: 0;
        margin-left: 0;
    }
    .title_actus {
        font-size: 32px;
    }
    .title-actu a {
        font-size: 20px;
    }
    .date-actu {
        font-size: 15px;
    }
    .view-actus-mybiat.view-agence-mybiat .views-exposed-form .form-item {
        float: left;
        width: 50%;
        border: none;
        margin: 10px 0;
        border-bottom: 1px solid #004876;
    }
    .view-actus-mybiat.view-agence-mybiat .views-exposed-form .form-item:nth-child(2n+1) {
        clear: left;
    }
    .list_apps li img{
        width: 100px;
    }
	.charte_protection_données{
		margin-top:20px;
		max-width: 220px;
		margin-left:auto;
		margin-right:auto

	}

    .col-tel-footer img{
        display: inline-block;
    }
}
@media (max-width: 767px) {
  .block-video-profiles .top-video-zone{
padding: 0;
  }
  .title_video_profile {
    font-size: 28px;
    margin-bottom: 32px;

}
    header.navbar-default .navbar-nav > li .dropdown-menu{
        display: block !important;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a{
        color: white !important;
        background:none !important;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a.active-trail,
    .navbar-default .navbar-nav > li .dropdown-menu li a.is-active{
        color: white !important;
        background: #01416d !important;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a:hover{
        color: white !important;
        background: #01416d !important;
    }
    .navbar-default .navbar-nav > li .dropdown-menu li a.active-trail:after,
    .navbar-default .navbar-nav > li .dropdown-menu li a.is-active:after {
        opacity: 1 !important;
    }
    .navbar-default .navbar-nav > li.first > a{
        padding-left: 5px;
    }
    .exposed_form_biat {
        top: 430px;
    }
    .view-agence-mybiat .views-exposed-form .form-actions button{
        padding: 5px 10px;
        min-width: 115px;
        font-size: 14px;
    }

    .d-none-mobile {
        display: block;
    }
    .page-header{
        margin: 30px auto;
        font-size: 26px;
    }
    .wrap_guide_utilisation{
        max-width: 430px;
        margin: auto;
    }

    .content_guide_utilisation{
        max-width: 65%;
        font-size: 22px;
        top: 52px;
    }
    .top_bar_biat .img-banner-interne img{
        height:390px ;
    }
    .content-banner-interne *{
        font-size: 24px;
    }
    .form-mybiat input, .form-mybiat select{
        height: auto
    }
    .title_content .top_title{font-size: 24px;}
    .title_content .orange_ttr1, .title_content .blue_ttr1, .title_content .blue_ttr2{font-size: 27px;}
    .custom-form{margin: 20px 0 ; padding: 20px 0;}
    .row_contacts_response {
        margin-top: 25px;
        text-align: center;
    }
    .img_reponse {
        float: none;
    }
    .img_reponse img {
        margin: 0 auto;
    }
    .wrap_content_reponse {
        margin-bottom: 15px;
    }
    .wrap_bloc_reponses {
        padding: 20px 0 40px 0;
    }
    .title_reponse {
        font-size: 22px;
        line-height: 1.3;
    }
    .sub_title_reponse {
        font-size: 16px;
    }
    .contact-right .row_contacts_response {
        margin-bottom: 8px;
        margin-top: 0;
    }
    .contact-title {
        font-size: 25px;
    }
    .text-contact {
        font-size: 20px;
    }
    .contact-right {
        padding: 15px;
    }
    .form-composite.webform-fieldset--title-inline legend {
        float: none;
    }
    .wrap-radio-rdv .fieldset-wrapper .js-webform-radios .radio {
        width: 10%;
        margin-top: 10px;
    }
    .small-txt {
        width: 100%;
     }
     .second-title {
        font-size: 25px;
        }
    .text-404 {
        margin-top: 20px;
    }
    #block-copyright {
        padding: 15px 0;
    }
    .col-poweredby a, .col-poweredby {
        text-align: left;
        line-height: 2.57;
        text-align: center;
    }
    .col-copyright{
        text-align: center;
    }
    .col-social-footer .btn-yellow {
        margin-left: 0;
    }
    .social_footer {
        display: block;
        text-align: center;
        margin-left: 0;
        top: 0;
        margin-top: 20px;
    }
    .social_footer li {
        float: none;
        display: inline-block;
    }
    #block-topfooter {
        padding: 32px 0;
    }
    .wrap_clien_home .field--name-bp-block > .field--item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 8px;
    }
    .wrap_clien_home .field--name-bp-block > .field--item:last-child {
        margin-bottom: 0;
    }
    .charte_protection_donnees{margin-right: 0; text-align: center;}
    .wrap_clien_home .field--name-bp-block > .field--item .block-block-content {
        border-radius: 4px;
        border: 1px solid #f2ecea;
        min-height: inherit;
        width: 100%;
    }
    .wrap_clien_home .images-client {
        float: left;
        margin-right: 16px;
    }
    .wrap_clien_home .lien-client a, .wrap_clien_home .lien-client span {
        font-size: 18px;
        font-weight: 900;
        margin-top: 12px;
    }
    .wrap_clien_home .lien-client a:after, .wrap_clien_home .lien-client span:after {
        display: none;
    }
    .title_assistance {
        font-size: 32px;
        line-height: 1.25;
    }
    .wrap_clien_home .title_assistance {
        margin-bottom: 16px;
    }
    .container-fonctionnalites .img-fonctionnalites img{
        width: 100%;
    }
    .col-fonctionnalites{
        margin-bottom: 32px;
    }
    .title-fonctionnalites {
        font-size: 18px;
    }
    .title-fonctionnalites:after {
        top: 6px;
    }
    .wrap_fonctionalites_mybiat .title_assistance{
        padding: 0 15px;
        margin-bottom: 32px;
    }
    .wrap_clien_home {
        background: transparent;
    }
    .wrap_clien_home {
        padding: 0px 0 40px 0;
    }
    .wrap_fonctionalites_mybiat {
        padding: 8px 0 0 0;
    }
    .col-inscri {
        flex: 0 0 100%;
        max-width: 100%;
        top: -32px;
    }
    .col-accessibilite {
        order: 4;
        flex: 0 0 100%;
        max-width: 100%;
        top: 0px;
    }
    .col-reponses {
        order: 3;
        top: -16px;
    }
    .wrap-col-download {
        bottom: 48px;
        padding: 24px 16px;
        margin: 0 8px;
    }
    .wrap-col-download.wrap_download {
        bottom: 28px;
    }
    .wrap-col-download .btn-gray {
        float: left;
    }
    .box_content_download {
        max-width: 100%;
        margin-bottom: 14px;
        line-height: 1.33;
    }
    .box_content_download, .title_reponses, .content_inscri {
        font-size: 20px;
    }
    .img-col-download img, .img-col-inscri img, .img-col-inscri img{
        height: 232px;
        width: 100%;
        object-fit: cover;
    }
    .col-download-releves .img-col-download img{
        height: 160px;
    }
    .wrap-col-inscri {
        padding: 24px 16px;
    }
    .wrap-col-download.wrap_download {
        border-radius: 0 0 56px 0;
    }
    .carousel-video-home.owl-carousel .owl-stage {
        margin-left: -32px;
    }

    .col-links-video {
        text-align: left;
        padding-right: 15px;
        margin-top: 20px;
    }
    .col-links-video .link_standard {
        text-align: left;
        margin-right: 0;
    }
    .wrap_projet_ambitieux .field--name-bp-block > .field--item:last-child,
    .wrap_projet_ambitieux .field--name-bp-block > .field--item {
        width: 100%;
    }
    section#block-bloclinksbanner {
       /* display: none; */
       position: relative;
       z-index: 9999;
       right: inherit;
       top: inherit;
       transform: inherit;
    }
    .title_projet_ambitieux {
        font-size: 32px;
    }
    .content_projet_ambitieux {
        margin-bottom: 24px;
    }
    .wrap_projet_ambitieux {
        padding: 32px 0;
    }
    .wrap_video_ambitieux {
        text-align: left;
        float: left;
        width: 100%;
    }
    .carousel-banniere .owl-item img {
        height: 500px;
        object-fit: cover;
        /* object-position: 68% top; */
    }
    header .navbar-header{
        background: #004876;
        padding: 0;
    }
    .page-node-type-page-thematique h1.page-header{font-size: 20px;}
    .inner-page{padding-bottom: 30px;}
    .blc_breadcrumb{margin: 25px 0;}
    .exposed_form_biat .form--inline>.form-item.form-type-select select{min-height: 30px; padding: 0;}
    .exposed_form_biat .form--inline>.form-item.form-type-search-api-autocomplete .input-group{padding: 10px 0;}
    header .region-navigation {
        background: #fff;
        position: relative;
        padding-bottom: 15px;
    }
    .navbar-default .navbar-toggle {
        border: none;
        float: left;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    header #navbar-collapse {
        margin-top: 0;
        border: none;
        box-shadow: none;
        margin: 0;
    }
    .navbar-nav {
        margin: 7.5px 0;
    }
    .navbar-default .navbar-nav > li > a:after {
        display: none;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 5px;
        margin-right: 0;
    }
    .besoin-aide-responsive{
        display: block;
        position: absolute;
        bottom: -44px;
        right: 15px;
    }
    .btn-navbar {
        padding: 7px 15px;
        font-size: 14px;
        line-height: 1.5;
    }
    #block-appsbloc {
        display: none;
    }
    .navbar .logo {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 16px;
        margin-right: 0;
    }
    #block-linkconnexiontopheader {
        float: right;
        margin-left: 16px;
        margin-top: 35px;
    }
    #block-linkconnexiontopheader .btn-blue {
        top: -3px;
    }


    .exposed_form_biat label.control-label {
        display: none;
    }
    .exposed_form_biat .form-actions {
        max-width: 100%;
        width: 100%;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    .exposed_form_biat .form-actions:before {
        content: '';
        position: absolute;
        background: rgba(22, 36, 73, 0.40);
        top: 0;
        left: 1%;
        width: 97%;
        height: 1px;
    }
    .left-main-menu .navbar-toggle {display: none;}
    .grp-menu-top{padding: 0;}
    .exposed_form_biat .form-actions .form-submit {
        background: url(/themes/custom/mybiat/css/../images/picto_search.png) no-repeat 8px 7px #f59d00;
        border-radius: 0 0 25px 0;
        right: inherit;
        position: relative;
        color: #ffffff;
        padding: 7px 15px 7px 40px;
        line-height: 1.5;
        font-size: 14px;
        border-color: transparent;
    }
    .exposed_form_biat .form-actions .form-submit:focus,
    .exposed_form_biat .form-actions .form-submit:hover{
        background: url(/themes/custom/mybiat/css/../images/picto_search.png) no-repeat 8px 7px #f59d00;
        color: #fff;
    }
    .top_bar_biat .exposed_form_biat form,
    .exposed_form_biat form {
        border-radius: 36px;
        width: 98%;
    }
    .exposed_form_biat label.control-label {
        display: none;
    }
    .top_bar_biat .exposed_form_biat form,
    .exposed_form_biat form {
        border-radius: 36px;
    }
    .region-header .exposed_form_biat select,  .region-header .exposed_form_biat .input-group input{
        background: none;
    }
    .region-header .exposed_form_biat form {

        background: rgba(255, 255, 255, 0.60);
    }
    .exposed_form_biat .input-group {
        max-width: 100%;
    }
    .exposed_form_biat .form--inline > .form-item {
        width: 100%;
        margin-bottom: 0;
    }
    .exposed_form_biat .input-group input {
        height: 46px;
        padding: 2px 30px 2px 12px;
        width: 100%;
    }
    .exposed_form_biat .select-wrapper{ padding: 2px 20px 2px 2px;}
    body .exposed_form_biat .form--inline>.form-item.form-type-select select{padding:  0 10px;}
    .focus_input_search form {
        border-image-source: none;
        border-radius: 36px;
    }
    .exposed_form_biat .form--inline{
        position: relative;
    }
    .form-eval .form-actions{margin-top: 30px;}
    .custom-form .form-actions .btn{text-align: center ; width: 100%;}
    .main-container > .row {
       /* display: flex;
        flex-direction: row;
        flex-wrap: wrap;*/
    }
    .form-eval .form-type-radio{padding-left: 20px;}
    .col-sidebar-left{
        order: 2;
    }
    .col-sidebar-right{
        order: 1;
        width: 100%;
    }
    .img-fonctionnalites img{
        width: 100%;
    }
    .link-fonctionnalites a {
        top: 33%;
    }
    .title_h2 {
        font-size: 28px;
    }
    .bloc_right_benif {
        padding: 24px 24px 32px 24px;
    }
    .link_box_carte {
        padding: 24px 32px 24px 24px;
        font-size: 17px;
        line-height: 1.3;
    }
    .link_box_carte:after {
        right: 15px;
    }
    .btn_guide_utilisation {
        background: url(/themes/custom/mybiat/css/../images/play2_mobile.png) no-repeat right top;
    }
    .box_succes_error {
        padding: 45px 22px;
    }
    .title_succes_error {
        font-size: 20px;
        line-height: 1.3;
    }
    .col-sidebar-left{
        margin-top: 20px;
        width: 100%;
    }

    .paragraph--bp-accordion-container .panel-title a {
        line-height: 1.3;
    }
    .paragraph--bp-accordion-container .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true].display:after,
    .paragraph--bp-accordion-container .paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=false].display:after {
        position: absolute;
        right: 15px;
    }
    .help-block, .control-group .help-inline {
        margin: 10px 0 15px;
    }
    .ui-widget.ui-widget-content.ui-autocomplete {
        padding-top: 0;
        max-width: 738px !important;
    }
    .wrap_links_client {
        padding: 32px 0;
    }
    .block-video-profiles {padding: 24px;}


    .wrap_links_banner {
        width: 100%;
        display: none;
        position: fixed;
        top: 85px;
        left: 0;
        height: calc(100% - 85px);
        background: #f2ecea;
        border-radius: 0 24px 0 0;
        padding: 16px;
    }
    header.pos_header_responsive{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .bloc_links_banner {
        width: 100%;
    }
    .link_banner:first-child {
        border-radius: 0 24px 24px 24px;
        padding: 24px 16px 10px 16px;
    }
    .main-nav-biat li{padding: 0 10px;}
    .main-nav-biat li{width: 100%;}
    .ul-main-nav{
        display: flex;
        justify-content: space-evenly;
        flex-direction: row;}
        .main-nav-biat li:hover p:first-child{display: block;}
        .ul-main-nav p:nth-child(2),.main-nav-biat li:hover p:nth-child(2),.main-nav-biat li:hover:before {display: none;}
.view-slider-home{padding-bottom: 320px}
.path-assistant-mybiat .assist-mobile , .path-assistant-mybiat .assist-web,.page-node-type-page-thematique .assist-mobile,.page-node-type-page-thematique .assist-web{ display: none;}
.blc_breadcrumb{margin: 10px 0; display: none;}
#node-thematique,.ui-autocomplete .ui-menu-item a{padding: 10px;}
.page-node-type-page-thematique h1.page-header{    padding: 10px 24px 0 50px;}
.banniere-interne{margin-bottom: 20px;}
.wrapper-assistant-search{padding: 20px;}
.page-node-type-page-thematique h1.page-header:after, .view .title_act_main:after{left: 5px;
    top: 10px;}

    .link_banner {
        position: relative;
        font-size: 16px;
        background: #fff !important;
        border: none;
        border: solid 1px #e9e0dd;
        margin-bottom: 8px;
        border-radius: 0 24px 24px 24px;
        text-align: left;
        padding: 24px 16px;
    }
    .link_banner:after {
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        content: '\f2ee';
        color: #f59d00;
        font-size: 21px;
        position: absolute;
        top: 30px;
        right: 20px;
    }
    .link_banner:first-child:after {
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        content: '\f2f9';
        color: #f59d00;
        font-size: 21px;
        position: absolute;
        top: 30px;
        right: 20px;
    }
    .link_banner.link_list_apps.active:after {
        content: '\f2fc';
    }
    .link_banner img {
        width: 32px;
        float: left;
        margin-right: 20px;
        margin-top: 0;
        position: relative;
        top: -4px;
    }
    .link_list_apps .list_apps_responsive img{
        width: 126px;
        position: inherit;
        margin: 0;
        top: inherit;
        float: inherit;
        margin-bottom: 8px;
    }
    .link_list_apps .list_apps_responsive{
        display:none;
        max-width: 126px;
    margin: 5px auto 0 auto;
    text-align: center;
    }
    .caption_link {
        width: 80%;
    }
    .path-frontpage .main-container .col-sm-12 {
        width: 100%;
    }
    .groupe_elements_questions {
        padding: 24px;
    }
    .title_questions_populaires {
        font-size: 24px;
        margin-top: 32px;
        margin-bottom: 18px;
    }
    .col-filter-affichage {
        text-align: left;
        margin-top: 20px;
    }
    .view-agence-mybiat .views-exposed-form .form-item {
        width: 100%;
        border: 1px solid #004876;
        padding: 8px 20px;
    }
    .exposed_form_biat .form--inline > .form-item.form-type-select:before{
        top: 0;
        left: 1%;
        width: 97%;
        height: 1px;
    }
    .exposed_form_biat .form--inline > .form-item.form-type-select {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    .exposed_form_biat .form--inline > .form-item.form-type-search-api-autocomplete {
        width: 100%;
    }

    .view-video-mybiat .views-exposed-form .form-item {
        width: 100%;
        padding-left: 0;
        border-right: none;
        border-bottom: 1px solid #004876;
    }
    .view-video-mybiat .views-exposed-form .form-actions {
        width: 100%;
    }
    .top_bar_biat .exposed_form_biat {
        top: 130px;
    }
    .display_links {
        position: fixed;
        right: 0;
        bottom: 20%;
        z-index: 999;
    }
    .display_links.active {

    }
    .form-eval .form-required{ }
    .overflow{
        overflow: hidden;
    }
    .views-exposed-form .form-inline .select-wrapper:after, .views-exposed-form .form-inline .select-wrapper:after {
        right: 5px;
    }
    .carousel-banniere .item:before {
        background-position: 131% 0;
    }
    .carousel-banniere .item:after {
        background-position: -30% 0;
    }
    #block-logomybiat {
        margin-left: 13%;
    }
    .exposed_form_biat select {
        padding-left: 12px;
    }
    .ui-autocomplete .ui-menu-item a .field--name-node-title h2 {
        white-space: normal;
    }
    #block-logomybiat img{
        margin-left: 2%;
    }
    .form-mybiat #edit-section-right .webform-section-wrapper .contact-right {
        margin-top: 24px;
    }
    .carousel-actu-home.owl-carousel.owl-loaded ,.carousel-actu-home.owl-carousel {
        display: none;
    }
    /*.path-frontpage .col-content-section .region-content{display: flex; flex-direction: column;}*/
    .bloc-actus-home{
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        order: 2;
        transform: none;
        background: linear-gradient(46.36deg, #004478 0%, #172449 97.74%);
    }
    .carousel-actu-home.owl-carousel.owl-loaded.hide-actu {
        display: block;
    }
    .toggle_actu_home {
        left: -16px;
        top: 0px;
        width: 45px;
        box-shadow: 0 2px 8px 0 rgba(255, 157, 27, 0.6);
        height: 45px;
        line-height: 45px;
        display: none;
    }
    .bloc-actus-home.initial-pos {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #004876;
        left: 0;
        top: 0;
		max-width: 100%;
    }
    .toggle_actu_home i:before {
        content: '\f19c';
    }
    .toggle_actu_home.active i:before {
        content: '\f136';
    }
    .toggle_actu_home.active {
        left: calc(100% - 54px);
        top: 10px;
        width: 45px;
    }
    .toggle_actu_home.active:hover {
        left: calc(100% - 54px);
    }
    .carousel-actu-home.owl-carousel .owl-nav .owl-prev, .carousel-actu-home.owl-carousel .owl-nav .owl-next {
        top: 100%;
    }
    .carousel-actu-home.owl-carousel .owl-nav .owl-next {
        right: 10px;
    }
    .carousel-actu-home.owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    .carousel-actu-home .owl-item {
        padding: 25px;
    }
    .carousel-actu-home .theme-actu {
        padding: 10px 0;
    }
    .wrapper-img-actu .img-actu img{
        width: 100%;
    }
    .title_actus {
        font-size: 32px;
    }
    .date-actu {
        font-size: 14px;
    }
    .title-actu a {
        font-size: 18px;
    }
    .container-actus {
        display: block;
        flex-direction: inherit;
        flex-wrap: inherit;
    }
    .col-fonctionnalites-view {
        padding-left: 0;
        padding-right: 0;
    }
    .container-actus {
        margin-right: 0;
        margin-left: 0;
    }
    .view-actus-mybiat.view-agence-mybiat .views-exposed-form .form-item {
        width: 100%;
        border: none;
        border-bottom: 1px solid #004876;
    }
    .carousel-banniere .owl-dots {
      display: none;
    }
    .slogan_mybiat {
       /* display: none; */
        position: relative;
        /* left: inherit;
        right: inherit;
        bottom: inherit; */
        text-align: center;
    }
    .title_left_footer{text-align: center;font-size: 30px;}
    .top_footer{padding: 15px 0px;}

    .text-right-banner .img img{width: auto;height: auto;}
    .besoin-aide-responsive{display: none;}
    .desc-banner .mybiat_white{margin-bottom: 20px; margin-top: 0;}
    .navbar-default{margin: 0;}
    .assistance-bloc .title_video_corporate{margin: 10px auto; width: 100%;}
    .assistance-bloc .title_video_corporate p{font-size: 24px; margin: 10px 0; padding-bottom: 15px;}
    .top_footer p , .top_footer ul,.top_footer .col-social-footer{text-align: center; margin: 10px 0; display: block;}
    .footer{
        padding-top: 25px;
    }
    .form-eval .webform-options-display-buttons .webform-options-display-buttons-wrapper{display: inline-block;}
    .form-eval .form-type-radio{padding: 0; margin: 0 5px;}
    .form-eval .webform-options-display-buttons label.webform-options-display-buttons-label{width: 30px;}
    .carousel-banniere .container-right{right: inherit;left: 50%; transform: translateX(-50%); width: auto;}
    .text-right-banner, .text-right-banner p{text-align: center;}
    .display_links:after {
        content: "";
        background: url("/themes/custom/mybiat/css/../images/icone_links_mobile.png") no-repeat center center;
        width: 25px;
        height: 23px;


    }
    .display_links{width: 55px; height: 55px;     border-radius: 12px 2px 20px 2px;}
    .form-eval .control-label, .form-eval .radios--wrapper legend{font-size: 14px;}
    .custom-form:before{    background: url(/themes/custom/mybiat/css/../images/icon_title_page.png) no-repeat right 0 / cover; width: 40px; height: 33px; top: -20px; left: 50%;}
    .custom-form .form-control::-webkit-input-placeholder, .custom-form .form-item .form-textarea.form-control::-webkit-input-placeholder {
        font-size: 15px;

    }

}

@media (max-width: 530px) {
  .view-slider-home{
    min-height: auto;
    background: none;
  }
    .ui-widget.ui-widget-content.ui-autocomplete, .exposed_form_biat form {
        max-width: 400px !important;
    }

    section#block-bloclinksbanner {
        right: 0;
        padding: 0;
    }
    .view-agence-mybiat .views-exposed-form .form-actions button {
        padding: 5px 15px;
        font-size: 14px;
        width: 100%;
        margin-bottom: 6px;
    }
    .carousel-banniere .item:after {
        background-position: -83% 0;
    }
    .carousel-banniere .item:before {
        background-position: 183% 0;
    }
    .form-mybiat{padding-left: 0; padding-right: 0;}
    .form-mybiat #edit-section-left{padding: 0 10px;}
    .content-savoir .description h3 {


        margin-bottom: 0px;


    }

}


@media (max-width: 480px) {

    .charte_protection_donnees{font-size: 12px;        padding: 5px 10px;border-radius: 8px 0 8px 0;  }
    .form-eval input[type="checkbox"]:not(.switch), .form-eval input[type="radio"]:not(.switch){margin-left: 5px;}
    .form-eval .webform-options-display-buttons label.webform-options-display-buttons-label{width: auto;}
    .form-eval .form-type-radio,.form-eval .webform-options-display-buttons-wrapper{margin: 0 2px;}
    .form-eval .js-webform-radios{margin-left: 0;}
    .form-eval .webform-options-display-buttons {display: flex;}
    .form-eval .webform-options-display-buttons label.webform-options-display-buttons-label {
        width: auto;
        padding: 6px;
        font-size: 10px;
    }
    .form-mybiat .clause_label{font-size: 14px;}
    .ui-widget.ui-widget-content.ui-autocomplete {
        max-width: 300px !important;
    }
    .exposed_form_biat form{max-width: 100%;}

    .wrapper-assistant-search{
        padding: 15px;
    }

    .contact-right .content_guide_utilisation {
        font-size: 18px;
    }
    .contact-right .btn_guide_utilisation {
        font-size: 14px;
        bottom: 10px;
    }
    .contact-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .text-contact {
        font-size: 17px;
    }

    .col-social-footer .btn-yellow {
        display: block;
    }
    .link-fonctionnalites a {
        background: url(/themes/custom/mybiat/css/../images/play_mobile.png) no-repeat center center;
        width: 40px;
        height: 40px;
        top: 55px;
        left: calc(50% - 20px);
    }
    .text-like {
        font-size: 14px;
    }
    .partager-btn {
        right: 8px;
        bottom: 25px;
    }
    .caption_type_affichage {
        margin-bottom: 30px;
    }
    .carousel-banniere .item:before {
        background-position: 256px 0;
    }
    .carousel-banniere .item:after {
        background-position: -183px 0;
    }
    #block-logomybiat img, .logo img {
        width: 110px;
    }
    #block-logomybiat {
        margin-left: 3%;
    }
    .main-nav-biat li p a.active{font-size: 16px; line-height: 1;}
    .main-nav-biat li{padding: 0 5px;}
    #block-linkconnexiontopheader .btn-blue{padding: 15px;}
    #block-logomybiat .mybiat_logo{font-size: 22px; text-align: left;}
    #block-logomybiat .mybiat_logo .corporate{font-size: 14px;}
    #block-logomybiat .slogan_mybiat{font-size: 12px;}
    #block-logomybiat img, .logo img{width: 95px;}
    #block-linkconnexiontopheader .btn-blue{top:-12px}
}

@media (max-width: 380px) {

    .navbar .logo{margin-top: 18px;}
    #block-logomybiat img {
        margin-left: 2%;
    }
    .slogan_mybiat {
        font-size: 13px;
    }
    #block-linkconnexiontopheader {
        margin-left: 0;
        margin-top: 0;
        position: absolute;
        top: 30px;
        right: 0;
    }
    .charte_protection_donnees {
        text-align: center;

    }

}