@media (max-width: 1250px) {
    .ui-widget.ui-widget-content.ui-autocomplete,
    .exposed_form_biat form {
        max-width: 900px !important;
    }
    .exposed_form_biat label.control-label {
        max-width: 25%;
    }
    .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) {
    .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: 900px !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: 345px;
    }
    .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) {
    .no-paddinglr {
        margin-top: 16px;
        
    }
    .charte_protection_donnees{
        max-width: 80%;
        display: flex;
        margin: 5px auto;
    }
 
    .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: 8px 12px;
        font-size: 15px;
    }
    .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;
        margin-top: 0;
    }
    .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) {
    #modal-concours .modal-footer{ position: absolute; right: inherit; bottom:10px; border: 0; padding: 0; left: 50%; transform: translateX(-50%);}
    #modal-concours .modal-footer a{ font-size: 14px; padding: 8px 10px; letter-spacing: 1px;}
    #modal-concours  .modal-dialog{width: 100%; padding: 0 15px;}
    #modal-concours  .close img{height: 25px;}
	

    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: 200px;
    }
    .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: 46px;
    }
    .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;
    }
    .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: 408px;
        object-fit: cover;
        object-position: 68% top;
    }
    header .navbar-header{
        background: #004876;
    }
    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;
    }
    .exposed_form_biat .form-actions:before {
        content: '';
        position: absolute;
        background: rgba(22, 36, 73, 0.40);
        top: 0;
        left: 1%;
        width: 97%;
        height: 1px;
    }
    .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: 15px;
        position: relative;
        color: #ffffff;
        padding: 7px 15px 7px 40px;
        line-height: 1.5;
        font-size: 14px;
    }
    .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%;
    }
    .focus_input_search form {
        border-image-source: none;
        border-radius: 36px;
    }
    .exposed_form_biat .form--inline{
        position: relative;
    }
    .main-container > .row{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .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: 32px;
        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;
    }


    .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;
    }


    .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 {
        top: inherit;
        bottom: 20px;
    }
    .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 {
        display: none;
    }
    .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;
    }
    .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: absolute;
        left: 17px;
        right: 0;
        bottom: 4px;
        text-align: left;
    }
}

@media (max-width: 530px) {
    .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;
    }


}


@media (max-width: 480px) {
    .ui-widget.ui-widget-content.ui-autocomplete, .exposed_form_biat form {
        max-width: 300px !important;
    }

    .wrapper-assistant-search{
        padding: 15px;
    }
    .exposed_form_biat {
        top: 160px;
    }
    .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%;
    }
}
@media (max-width: 380px) {
    #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;
    }
    .form-mybiat label{
        font-size: 12px;
    }
    .form-actions .btn{
        margin-top: 40px;
    }
    input#edit-j-accepte-les-a-href-clauses-de-confidentialite-a- {
        margin: 0px 15px 0px 0px;
    }
}