@media (max-width: 1640px)
{
    .container
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .nav-blog .item.active a .arrow-right, 
    .nav-blog .item a.active .arrow-right, 
    .nav-blog .item a:hover .arrow-right{
        display: none;
    }
}
@media (min-width: 1640px)
{
    .galerieSlider .slick-prev
    {
        left: -25px;
    }
    .galerieSlider .slick-next
    {
        right: -10px;
    }
    .slider .container-texte
    {
        margin-left: 14.5%;
    }
}

@media (min-width: 1342px) and (max-width: 1640px)
{
    .slider .container-texte
    {
        margin-left: 7.5%;
    }
    .blog-nav ul li a{
        font-size: 100%;
    }
    .login .signup-form-holder{
        margin-left: 45px !important;
    }
}
@media (min-width: 1281px) and (max-width: 1530px){

    .details-reservation-holder .details-holder > .titre{
        font-size: 180%;
    }
    .details-reservation-holder .content .destination{
        font-size: 140%;
        line-height: 14px;
    }
}
@media (max-width: 1480px){
    .login .container-form{
        flex-basis: 71%;
        max-width: inherit;
    }
    .nav-blog .item a:hover .arrow-right{
        display: none;
    }
}
@media (min-width: 991px) and (max-width: 1480px){
    .blog-details-content .left-content > .titre{
        font-size: 200%;
    }
    .blog-details-content .left-content .description,
    .blog-details-content .left-content .content-details{
        font-size: 125%;
        line-height: 24px;
    }
    .blog-details-content .left-content .content-details{
        max-width: calc(100% - 400px);
    }
    .blog-details-content .right-content .nav-blog .item a{
        font-size: 150%;
        line-height: 34px;
    }
    .blog-details-content .left-content .content-details p{
        padding-right: 0 !important;
    }
    .blog-details-content .right-content .resa-salon .salon .titre{
        font-size: 180%;
    }
    .login-form-holder:after{}
    .calendar-holder .titre{
        font-size: 200%;
    }
    #footer .form-newsletter .input{
        max-width: calc(100% - 124px);
    }
}

@media (min-width: 991px) and (max-width: 1400px)
{
    .details-circuits-content .image-holder{
        flex-basis: 40.5%;
    }
    .details-circuits-content .content{
        flex-basis: 56%;
        max-width: inherit;
    }
    .temoignages-holder .temoignages-listing .item .meta{
        font-size: 57.14%
    }

    .details-reservation .planifier .content-holder .titre {
        font-size: 135%;
        line-height: 30px;
        margin-bottom: 0;
    }
    .details-reservation .planifier-holder .planifier .content-holder a {
        font-size: 90%;
        padding: 5px 15px !important;
    }
}

@media (min-width: 1380px)
{
    .edito .title-holder
    {
        max-width: 275px !important;
    }
    .edito .texte-holder
    {
        max-width: 595px;
    }
    .edito .fondatrice-holder
    {
        max-width: 457px !important;
    }
    .equipe .container
    {
        margin-bottom: 80px;
    }
    .equipe .informations
    {
        margin-right: 13%;
    }
}
@media (max-width: 1380px)
{
    .equipe .container
    {
        margin-bottom: 50px;
    }
    .equipe .informations
    {
        max-width: inherit;
        flex-basis: 58%;
        flex-wrap: wrap;
    }
    .equipe .informations .image-holder
    {
        max-width: inherit;
        flex-basis: 100%;
    }
    .equipe .informations .texte-holder
    {
        position: relative;
        right: inherit;
        bottom: inherit;

        max-width: inherit;

        flex-basis: 100%;
    }
    .equipe .accordions-holder
    {
        max-width: inherit;

        flex-basis: 40%;
        align-items: flex-start;
    }
    .equipe .informations .titre,
    .equipe .informations .description
    {
        width: 100%;
        max-width: inherit;
    }
    .login .signup-form-holder{}
}

@media (min-width: 1341px)
{
    .menu-principal ul li
    {
        margin-left: 66px;

        justify-content: center;
    }
    .menu-principal ul li.reservation
    {
        width: 225px;
        margin-left: 40px;
    }
}

@media (min-width: 1055px) and (max-width: 1340px)
{
    .section-title{
        font-size: 300%;
        margin: 15px 0;        
    }
    .menu-principal ul li
    {
        margin-left: 30px;
    }
    .slider .container-texte
    {
        margin-left: 3.5%;
    }

    .slider .promotion
    {
        max-width: 175px;
    }

    .slider .promotion > span
    {
        font-size: 125%;
        line-height: 18px;

        top: 40px;

        max-width: 125px;
    }
    .slider .promotion .btn-close
    {
        top: 14px;
        right: 0;
    }
    .slider .promotion a
    {
        font-size: 85%;

        bottom: -15px;
        left: 54px;

        max-width: 90px;
        max-height: 90px;
    }

    .info-link .list-link .item .titre
    {
        font-size: 165%;
        line-height: 30px;
    }
    .blog .text-holder
    {
        max-width: 410px;
        padding: 53px 50px 53px 0;
    }
    .blog .text-holder .titre
    {
        font-size: 200%;
    }
    .blog .text-holder .description
    {
        font-size: 125%;
        line-height: 22px;
    }
    .blog .text-holder .container-btn a
    {
        font-size: 125%;
        line-height: 22px;
    }
    .guide-listing .titre
    {
        font-size: 200%;
    }
    .guide-madagascar .accordions .titre{
        line-height: 22px;
    }
    .blog-nav ul li a{
        font-size: 90%;
    }
    .blog-details-content .left-content .blog .articles-recents .item,
    .temoignages-holder .temoignages-listing .item{
        flex-basis: 33.3%;
    }
    .discussion .container-input input,
    .discussion .container-input textarea,
    .discussion .submit{
        font-size: 125%;
    }
    .discussion .log_in_on{
        font-size: 125%;
        margin: 10px 0 20px !important;
        line-height: 18px;
    }
    .details-temoignages .paginate .slick-arrow{
        flex: 0 0 155px !important;
        font-size: 70.57% !important;
    }
    .details-temoignages .paginate .blog-listing{
        max-width: calc(100% - 365px);
    }
    .commentaire .container-input input,
    .commentaire .container-input textarea{
        font-size: 115%;
    }
    .commentaire .log_in_on{
        font-size: 115%;
    }
    .listing-commentaire .item .user-name{
        font-size: 150%;
    }
    .listing-commentaire .item .meta{
        font-size: 120%;
    }
    .listing-commentaire .item .commentaire-content{
        font-size: 125%;
    }
    .listing-commentaire .item .btn-reponse-holder a{
        font-size: 125%;
    }
    .creer-discussion-btn,
    .ajouter-commentaire{
        font-size: 130%;
    }

    .alerte-content .alerte-svg{
        flex: 1 0 70px;
        margin-right: 15px !important;
    }
    .alerte-content span{
        font-size: 215%;
        line-height: 36px;
        flex: 1 0 408px;
    }

    .reservation-content-holder .tarif .container-tableaux{
        padding: 30px 15px;
    }

    .planifier .content-holder .titre{
        font-size: 220%;
    }
    .planifier .content-holder p{
        font-size: 150%;
        line-height: 26px;
    }
    .planifier .content-holder a{
        font-size: 170%;
    }
    .planifier .description{
        font-size: 115%;
        line-height: 24px;
        margin-top: 15px !important;
    }    
    .jacarandafly .catalogue-salon .salon .titre{
        font-size: 175%;
        line-height: 24px;
    }
    .jacarandafly .catalogue-salon .salon .container-btn a{
        font-size: 140%;
    }
}

@media (min-width: 991px) and (max-width: 1280px){
    .details-reservation-holder .details-holder {
        flex-basis: 35%;
    }
    .contact-form-holder {
        margin-left: 7% !important;
        flex-basis: 62%;
    }

    .details-reservation-holder .details-holder > .titre{
        font-size: 175%;
        line-height: 24px;
    }
    .details-reservation-holder .content .top > .titre{
        font-size: 115%;
    }
    .details-reservation-holder .content .periode{
        font-size: 115%;
    }
    .details-reservation-holder .content .destination{
        font-size: 125%;
        line-height: 14px;
    }
    .details-reservation-holder .content .type{
        font-size: 125%;
    }
    .details-reservation-holder .content .tarif-holder .titre{
        font-size: 125%;
    }
    .details-reservation-holder .content .tarif-holder .tarif{
        font-size: 250%;
    }
    .details-reservation-holder .content .notification{
        font-size: 100%;
        line-height: 16px;
    } 
    .contact-form-holder legend{
        font-size: 125%;
        line-height: 18px;
    }
    .contact .tarif .contact-devis .description{
        line-height: 22px;
    }
    .details-reservation .planifier .content-holder .titre{
        /*font-size: 200%;*/
        line-height: 30px;
    }
    .details-reservation .planifier-holder .planifier .content-holder a{
        font-size: 90%;
        padding: 5px 15px !important;
    }
    .login .login-form-holder,
    .login .signup-form-holder{
        padding-right: 20px;
    }
    .liste-terre .titre{
        font-size: 135%;
        line-height: 46px;
    }
    .terre-listing .item,
    .terre-listing .item a,
    .terre-listing .item span{
        font-size: 100%;
        line-height: 26px;
    }
}
@media (min-width: 1230px)
{
    .edito .texte-holder
    {
        margin-left: 33px;
    }

}

@media (max-width: 1200px)
{
    .videos-holder
    {
        margin-left: 0;
    }
    .videos-holder
    {
        flex: 0 0 auto;
    }
    .blog .text-holder
    {
        max-width: 340px;
        padding: 30px 30px 30px 0;
    }

    .edito .fondatrice-holder
    {
        display: flex;
        margin-top: 15px;
        flex-basis: 100%;
        justify-content: space-between;
    }
    .edito .fondatrice-holder > .image-holder
    {
        min-width: 14%;
        margin-bottom: 0;
        order: 2;
    }
    .edito .fondatrice
    {
        margin-right: 15px;
    }

    .blog-nav ul{
        justify-content: center;
    }
    .blog-nav ul li{
        flex-basis: auto;
        justify-content: center;
    }
    .blog-nav ul li a{
        line-height: 17px;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 90% !important;
    }    
    .details-circuits-content .container-btn a{
        font-size: 120%;
    }
    .blog-details-content .left-content{
        display: flex;
        flex-wrap: wrap;
        max-width: 70%;
    }
    .blog-details-content .left-content .paginate{
        flex-basis: 100%;
        max-width: 100%;
        order: 2;
    }
    .details-temoignages .paginate{
        order: inherit !important;
    }
    .blog-details-content .left-content .content-details{
        max-width: 100%;
        flex-basis: 100%;
        order: 1;
    }
    .blog-details-content .left-content .bottom{}
    .blog-details-content .right-content .nav-blog .item a{
        font-size: 125%;
        line-height: 30px;
    }
    .blog-details-content .right-content .resa-salon .salon .titre {
        font-size: 150%;
        line-height: 26px;
    }
    .blog-details-content .right-content .resa-salon .salon .container-btn a{
        font-size: 125%;
    }
    .nao-month th, .nao-month td{
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 125%;
    }
    .nao-month .month-head button, 
    .nao-month .month-head div, 
    .nao-month .month-head span,
    .nao-month table thead th{
        font-size: 125%;
    }
    #footer .follow p{
        display: none;
    }
}
@media (min-width: 860px) and (max-width: 1200px)
{
    .edito .fondatrice-holder .nom
    {
        margin-bottom: 0;
    }
    .edito .fondatrice-holder > .image-holder
    {
        flex: 0 0 240px;
    }
}
@media (min-width: 991px) and (max-width: 1054px)
{
    .section-title{
        font-size: 300%;
        margin: 15px 0;        
    }
    .menu-principal ul li
    {
        margin-left: 30px;
    }
    .menu-principal ul li a
    {
        font-size: 120%;
    }
    .menu-principal ul li.reservation a
    {
        font-size: 145%;
    }
    .slider .container-texte
    {
        margin-left: 14.5%;
    }
    .slider .promotion
    {
        max-width: 175px;
    }

    .slider .promotion > span
    {
        font-size: 125%;
        line-height: 18px;
        top: 40px;
        max-width: 125px;
    }
    .slider .promotion .btn-close
    {
        top: 14px;
        right: 0;
    }
    .slider .promotion a
    {
        font-size: 85%;
        bottom: -15px;
        left: 54px;
        max-width: 90px;
        max-height: 90px;
    }

    .info-link .list-link .item .titre
    {
        font-size: 165%;
        line-height: 30px;
    }
    .blog .text-holder .titre
    {
        font-size: 200%;
    }
    .blog .text-holder .description
    {
        font-size: 125%;
        line-height: 22px;
    }
    .blog .text-holder .container-btn a
    {
        font-size: 125%;
        line-height: 22px;
    }
    .guide-listing .titre
    {
        font-size: 190%;
    }
    .guide-madagascar .accordions .titre{
        line-height: 22px;
    }
    .blog-nav ul li a{
        font-size: 105%;
    }

    .blog-details-content .left-content .blog .articles-recents .item,
    .temoignages-holder .temoignages-listing .item{
        flex-basis: 33.3%;
    }
    .discussion .container-input input,
    .discussion .container-input textarea,
    .discussion .submit{
        font-size: 125%;
    }
    .discussion .log_in_on{
        font-size: 125%;
        margin: 10px 0 40px !important;
        line-height: 18px;
    }
    .details-temoignages .paginate .slick-arrow{
        flex: 0 0 155px !important;
        font-size: 70.57% !important;
    }
    .details-temoignages .paginate .blog-listing{
        max-width: calc(100% - 365px);
    }    
    .commentaire .container-input input,
    .commentaire .container-input textarea{
        font-size: 115%;
    }
    .commentaire .log_in_on{
        font-size: 115%;
    }
    .listing-commentaire .item .user-name{
        font-size: 150%;
    }
    .listing-commentaire .item .meta{
        font-size: 120%;
    }
    .listing-commentaire .item .commentaire-content{
        font-size: 125%;
    }
    .listing-commentaire .item .btn-reponse-holder a{
        font-size: 125%;
    }

    .creer-discussion-btn,
    .ajouter-commentaire{
        font-size: 130%;
    }

    .alerte-content .alerte-svg{
        flex: 1 0 70px;
        margin-right: 15px !important;
    }
    .alerte-content span{
        font-size: 215%;
        line-height: 36px;
        flex: 1 0 408px;
    }

    .reservation-content-holder .container .left-content{
        flex-basis: 62%;
    }
    .reservation-content-holder .container .right-content{
        flex-basis: 35%;
    } 
    .reservation-content-holder .tarif .titre{
        line-height: 26px;
    }
    .reservation-content-holder .tarif .container-tableaux{
        padding: 30px 15px;
    }

    .planifier .content-holder .titre{
        font-size: 220%;
    }
    .planifier .content-holder p{
        font-size: 150%;
        line-height: 26px;
    }
    .planifier .content-holder a{
        font-size: 170%;
    }
    .planifier .description{
        font-size: 115%;
        line-height: 24px;
        margin-top: 15px !important;
    }
    .jacarandafly .catalogue-salon .salon .titre{
        font-size: 175%;
        line-height: 24px;
    }
    .jacarandafly .catalogue-salon .salon .container-btn a{
        font-size: 140%;
    }
}

@media (min-width: 991px) and (max-width: 1199px)
{
    #footer .content-footer
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .slider
    {
        height: 48.5vw;
    }
    .slider .container-texte
    {
        max-width: 425px;
        margin-left: 3.5%;
    }
    .slider .text-holder
    {
        max-width: 75%;
        padding-top: 6vw;
    }
    .slider .site-title
    {
        font-size: 315%;
        line-height: 50px;

        margin-bottom: 22px;
    }
    .slider .site-description
    {
        font-size: 130%;
    }
    .slider .container-texte .container-btn
    {
        margin-top: 44px;
        margin-bottom: 40px;
    }
    .slider .container-texte .container-btn a
    {
        font-size: 150%;

        padding: 20px;
    }

    ol.custom-ol li
    {
        font-size: 125%;
    }
    ol.custom-ol li:before
    {
        font-size: 225%;
    }
    ol.custom-ol li > div
    {
        max-width: calc(100% - 90px);
    }


    .voyages-listing li
    {
        margin-right: 0;
        flex-basis: 33.3%;
    }
    .voyages-listing li:nth-child(3n)
    {
        margin-right: 0;
    }
    .voyages-listing .titre
    {
        font-size: 110%;

        margin-top: 15px;
        margin-bottom: 15px;
    }
    .onglet-voyages .item a
    {
        font-size: 125%;
        line-height: 22px;
    }
}
@media (min-width: 861px) and (max-width: 991px)
{
    .slider .container-texte .container-btn
    {
        margin-bottom: 40px;
    }
    .tarif .petite-container
    {
        top: -47px;
    }
    .tarif .tableaux-vols
    {
        max-width: 926px;
        margin-left: 35px;

        flex: 1 0 0;
    }
    .container-btn-resa-promotion a
    {
        flex-basis: 49%;
    }

    .tarif .contact-devis
    {
        padding-top: 30px;
        padding-right: 25px;
        padding-bottom: 24px;
        padding-left: 25px;
    }
    .tarif .contact-devis .titre
    {
        font-size: 140%;
        line-height: 26px;
        margin: 20px 0;
    }
    .tarif .contact-devis .description
    {
        line-height: 22px;
    }
    .tarif .contact-devis .container-btn
    {
        margin: 15px 0;
    }
    .tarif .contact-devis .container-btn a
    {
        font-size: 130%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .tarif .contact-devis .container-contact a
    {
        margin: 5px 0;
    }

    #footer .form-newsletter .input{
        /*max-width: calc(100% - 255px);*/
    }
}
@media (max-width: 860px)
{
    #footer .content-footer .container
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #footer .column
    {
        max-width: 50%;
        margin-top: 0;
        margin-bottom: 20px;

        flex-basis: 50%;
        justify-content: left;
    }
    #footer .column-1
    {
        min-width: 150px;
        max-width: 210px;
        max-width: 50%;
    }
    #footer .column-2
    {
        flex: 1 0 204px;
    }
    #footer .column-3
    {
        flex: 1 0 110px;
        flex-basis: 50%;
    }
    #footer .column-3 .informations
    {
        flex-basis: 100%;
    }
    #footer .column-3 .menu-item
    {
        justify-content: left;
    }
    #footer .column-4
    {
        margin: 0;

        flex-basis: 100%;
    }

    #footer .newsletter
    {
        max-width: 100%;
        margin: auto;

        justify-content: left;
    }
    #footer .newsletter p
    {
        max-width: 100%;

        text-align: left;
    }

    #footer .follow
    {
        max-width: 245px;
        margin: auto;
        margin: inherit;
    }

    #footer .menu-item
    {
        justify-content: center;
    }
    #footer .menu-item a
    {
        line-height: 26px;
    }

    .tarif .petite-container
    {
        overflow: hidden;
        padding: 20px 15px;
        flex-wrap: wrap;
    }
    .tarif .contact-devis
    {
        max-width: 100%;
        padding: 25px 15px;

        flex-basis: 100%;
        justify-content: center;
    }
    .tarif .contact-devis .titre
    {
        margin: 20px 0;
        text-align: center;
        flex-basis: 100%;
    }
    .tarif .contact-devis .description
    {
        line-height: 22px;
        text-align: center;
        flex-basis: 100%;
    }
    .tarif .contact-devis .container-btn
    {
        margin: 20px 0;
    }
    .tarif .contact-devis .container-contact
    {
        display: flex;
        flex-basis: 100%;
        justify-content: center;
    }
    .tarif .contact-devis .container-contact a
    {
        margin: 10px;
        flex-basis: auto;
    }


    .tarif .tableaux-vols
    {
        flex-basis: 100%;
    }
    .tarif .tableaux-vols .titre
    {
        margin-top: 20px;

        text-align: center;
    }
    .tarif .onglet-vols .item a
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .tarif .tableaux-vols table, .presence-salon table
    {
        border: 0;
    }

    .tarif .tableaux-vols table caption,
    .presence-salon table caption
    {
        font-size: 1.3em;
    }

    .tarif .tableaux-vols table thead,
    .presence-salon table thead
    {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;

        border: none;
    }
    .tarif table th,
    .presence-salon table th
    {
    }
    .tarif table thead tr,
    .presence-salon table thead tr
    {
    }

    .tarif .tableaux-vols table tbody tr, .presence-salon table tbody tr
    {
        display: block;
        margin-bottom: .625em;
        border-bottom: 3px solid rgba(113,192,67,1);
    }

    .tarif .tableaux-vols table tbody td, .presence-salon table tbody td
    {
        font-size: .8em;
        display: block;
        padding-left: .625em;
        text-align: right;
        border-bottom: 1px solid #ddd;
    }
    .tarif table tbody td.tarif-adulte,
    .presence-salon table tbody td.tarif-adulte,
    .tarif table tbody td.compagnie,
    .presence-salon table tbody td.compagnie
    {
        padding-left: .625em;
    }
    .tarif .tableaux-vols  table tbody td::before, .presence-salon table tbody td::before
    {
        font-weight: bold;

        float: left;
        /*
        * aria-label has no advantage, it won't be read inside a .tarif table
        content: attr(aria-label);
        */

        content: attr(data-label);
        text-transform: uppercase;
    }

    .tarif table tbody td:last-child,
    .presence-salon table tbody td:last-child
    {
        border-bottom: 0;
        justify-content: flex-end;
    }
    .tarif table tbody a,
    .presence-salon table tbody a
    {
    }

    .tarif .tableaux-vols table, .presence-salon table
    {
        border: 0;
    }

    .tarif table caption,
    .presence-salon table caption
    {
        font-size: 1.3em;
    }

    .tarif .tableaux-vols  table thead,
    .presence-salon table thead
    {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;

        border: none;
    }
    .tarif table th,
    .presence-salon table th
    {
    }
    .tarif table thead tr,
    .presence-salon table thead tr
    {
    }

    .tarif .tableaux-vols table tbody tr, .presence-salon table tbody tr
    {
        display: block;
        margin-bottom: .625em;
        border-bottom: 3px solid rgba(113,192,67,1);
    }

    .tarif .tableaux-vols table tbody td, .presence-salon table tbody td
    {
        font-size: .8em;
        display: block;
        padding-left: .625em;
        text-align: right;
        border-bottom: 1px solid #ddd;
    }
    .tarif table tbody td.tarif-adulte,
    .presence-salon table tbody td.tarif-adulte,
    .tarif table tbody td.compagnie,
    .presence-salon table tbody td.compagnie
    {
        padding-left: .625em;
    }
    .tarif .tableaux-vols table tbody td::before, .presence-salon table tbody td::before
    {
        font-weight: bold;

        float: left;
        /*
        * aria-label has no advantage, it won't be read inside a .tarif table
        content: attr(aria-label);
        */

        content: attr(data-label);
        text-transform: uppercase;
    }

    .tarif table tbody td:last-child,
    .presence-salon table tbody td:last-child
    {
        border-bottom: 0;
        justify-content: flex-end;
    }
    .tarif table tbody a,
    .presence-salon table tbody a
    {
    }   
    .container-btn-resa-promotion a
    {
        font-size: 100%;
        flex-basis: 49%;
    }


    .edito .fondatrice-holder > .image-holder
    {
        display: none;
    }
    .edito .fondatrice
    {
        margin-right: 0 !important;
    }
    .info-tarif.tarif .content .container-contact
    {
        max-width: 380px;
    }
    .voyages-listing
    {
        justify-content: space-between;
    }
    .preparer-voyages .voyages-listing{
        margin-left: 15px;
    }
    .voyages-listing li
    {
        flex-basis: 49% !important;
        padding-left: 0;
    }
    .voyages-listing .titre
    {
        font-size: 110%;

        margin-top: 15px;
        margin-bottom: 15px;
    }
    .onglet-voyages .item a
    {
        font-size: 125%;
        line-height: 22px;
    }
    #footer .form-newsletter .input{
        max-width: calc(100% - 87px);
    }

}

@media (max-width: 680px)
{
    .voyages .container > .content-holder
    {
        flex-wrap: wrap;
    }
    .filtre-voyages,
    .onglet-voyages
    {
        display: flex;
        max-width: 100% !important;
        flex-basis: 100%;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .filtre-voyages{
        justify-content: center;
        align-items: stretch;
    }
    .onglet-voyages .item
    {
        flex-basis: 32%;
    }
    .onglet-voyages .item a
    {
        font-size: 100% !important;
        line-height: 18px !important;

        height: 100%;
        padding: 10px;

        justify-content: center;
        flex-basis: 100%;
    }
    .onglet-voyages .item a svg
    {
        display: none !important;
    }
    .onglet-voyages .item a img
    {
        display: none !important;
        width: 27px;
        height: auto;
    }

    .target-onglet-voyages
    {
        margin-left: 0;
    }
    .voyages-listing
    {
        flex-basis: 100%;
        margin-left: 0 !important;
    }

    .contact-devis-holder
    {
        justify-content: center;
    }
    .voyages-listing li.contact-devis .content-holder
    {
        padding: 15px 20px;
    }
    .voyages-listing li.contact-devis .titre
    {
        font-size: 125%;
        line-height: 22px;
    }
    .filtre-voyages .item{
        flex-basis: 47%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
        height: auto;
    }
    .filtre-voyages .item a{
        font-size: 100%;
        line-height: 16px;
        justify-content: center;
        text-align: center;
        }
    .preparer-voyages .filter-holder{
        flex-wrap: wrap;
    }
    .preparer-voyages .container > .content-holder{
        justify-content: center;
    }
    .preparer-voyages .container > .content-holder > .titre{
        font-size: 125%;
        margin: 10px 0;
        text-align: center;
        flex-basis: 100%;
    }
    .preparer-voyages hr{
        flex-basis: 100%;
        max-width: 60%;
        margin-bottom: 10px;
    }
    .ethnie-listing{
        justify-content: center;
    }

    .actu-jacaranda,
    .actu-mada,
    .temoignage-holder,
    .blog-holder{
        flex-basis: 100% !important;
    }   
    .blog-listing .item img{
        max-width: 122px;
    }
    .blog-details-content .left-content .blog .articles-recents .item,
    .temoignages-holder .temoignages-listing .item{
        flex-basis: 50% !important;
    }
    .blog .articles-recents .item{
        flex-basis: 49% !important;
        margin-bottom: 10px;
    }

    .planifier .content-holder{
        flex-basis: 100% !important;
    }
    .planifier .description{
        flex-basis: 100% !important;
        margin-top: 10px;
        padding: 0 !important;
        font-size: 100% !important;
        line-height: 18px !important;
    }
    .jacarandafly .catalogue-salon .image-holder{
        flex: 0 0 100% !important;
    }
    .jacarandafly .catalogue-salon .image-holder img{
        height: auto;
        max-width: 100%;
    }
    .jacarandafly .catalogue-salon .salon{
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .details-reservation-holder .details-holder{
        flex-basis: 100% !important;
    }

    .contact-form-holder{
        margin-left: 0;
        max-width: 100%;
        flex-basis: 100% !important;
        margin-top: 10px;
    }
    .details-reservation .contact.details-reservation-holder .contact-form-holder{
        margin-left: 0 !important;
    }
}
@media (max-width: 581px)
{
    .section-title{
        font-size: 175% !important;
        line-height: 26px !important;
    }
    #footer .column
    {
        max-width: 100%;
        flex-basis: 100%;
        justify-content: center;
    }
    #footer .container-logo-footer
    {
        max-width: 180px;
    }

    #footer .widget-title
    {
        text-align: center;
    }
    #footer address
    {
        justify-content: center;
    }
    #footer address a
    {
        justify-content: center;
    }

    #footer .newsletter
    {
        justify-content: center;
    }
    #footer .newsletter p
    {
        text-align: center;
    }
    #footer .column-3 .menu-item
    {
        justify-content: center;
    }
    #footer .follow
    {
        margin: auto;
    }
    .blog .articles-recents
    {
    }
    .blog .articles-recents .item
    {
        max-width: 300px;
        margin-bottom: 10px;

        flex-basis: 100%;
    }
    .blog .articles-recents .content-holder
    {
        height: auto !important;
    }
    .info-tarif.tarif .content
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    .info-tarif.tarif .content .container-btn
    {
        max-width: 100%;
        margin-bottom: 10px;

        flex-basis: 100%;
        justify-content: center;
    }
    .info-tarif.tarif .content .container-btn a
    {
    }
    .info-tarif.tarif .content .container-contact
    {
        max-width: 100%;
        margin-left: 0;

        justify-content: center;
    }
    .info-tarif.tarif .content .container-contact a
    {
        margin-bottom: 10px;
    }
    .blog-nav ul{
        column-count: 2 !important;
    }

    .details-circuits-content .container-btn a{
        flex-basis: 100%;
        padding: 5px;
        margin-bottom: 10px;
    }
    .blog-details-content .left-content .bottom{
        justify-content: center;
    }
    #footer .form-newsletter .input{
        max-width: calc(100% - 84px);
    }

}
@media (max-width: 550px)
{
    .info-link .list-link
    {
        flex-wrap: wrap;
        justify-content: center;
    }
    .info-link .list-link .item
    {
        max-width: 290px !important;
        margin-bottom: 15px;
    }
    .info-link .list-link .item .titre
    {
        width: 100%;
    }

    .catalogue-salon .container > div
    {
        margin-right: 0;
        margin-bottom: 10px;
        margin-left: 0;

        flex-basis: 100%;
        justify-content: center;
    }
    .catalogue-salon .titre
    {
        line-height: 24px;

        margin-bottom: 20px;

        text-align: center;

        justify-content: center;
    }
    .catalogue-salon .description
    {
        text-align: center;
    }
    .catalogue-salon .container-btn
    {
        justify-content: center;
    }

    .edito .title-holder
    {
        max-width: inherit !important;
        margin-bottom: 20px;

        flex-basis: 100% !important;
    }
    .blog-details-content .right-content .nav-holder,
    .blog-details-content .right-content .resa-salon{
        flex-basis: 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
}