@media (max-width: 767px) {
    h2.mission-title {
        text-align: center;
    }
    .description-hani {
        text-align: center;
    }

    .image-column-secondary img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: 50%;
    }

    .image-column {
        margin-bottom: 10px;
    }
    .list-tags-home{
        width:initial;
    }

    .logo-assosiation {
        width: 25%;
        height: auto;
    }

    .logo-assosiation {
        width: 20%;
        height: auto;
    }

    .box-images {
        margin-right: initial;
        padding-right: initial;
        text-align:center;
    }

    .carousel-caption {
        margin-left: 10%;
        max-width: 80%;
        text-align: center;
        padding: 10px 0 0 0;
    }

    .title-slogon {
        font-weight: 600;
        font-size: 20px;
        line-height: 25px;
        text-align: center
    }

    .btn-blue.btn-commencer {
        display: inline-block;
    }

    .association-img-mob {
        max-width: 100%;
        max-height: 100%;
    }
}

@media (max-width: 575px) {
    .logo-assosiation {
        width: 20%;
        height: auto;
    }

    .box-images {
        margin-right: initial;
        padding-right: initial;
    }

    .association-img-mob {
        max-width: 50%;
        max-height: 100%;
    }

    .section-title {
        font-size: 21px;
        line-height: 28px;
    }

    #newsletterForm .btn-blue.btn-envoyer {
        width: 60px !important;
    }
    .btn-section-acces.active {
        display:none;
    }

}

@media (min-width: 768px) AND (max-width: 1200px) {
    h2.mission-title {
        text-align: center;
    }


    .description-hani {
        text-align: justify;
    }

    .logo-assosiation {
        width: 27%;
        height: auto;
    }

    .box-images {
        margin-right: initial;
        padding-right: initial;
        text-align: center;
    }

    .association-img-mob {
        max-width: 100%;
        max-height: 100%;
    }
}



@media (max-width: 990px)  /*  <= MD */
{
    .contact-saler{
        background: none;
    }
    .contact-saler .coordinate-wrapper {
        background-color: #1968B3;
        text-align: center;
    }

    .contact-saler .contact-form-wrapper {
        background-color: #F6FBFF;
    }

    



.navbar-toggler {
    margin-right: 10px;
}