@media (min-width:1200px) and (max-width:1919px) {
    .dash-l{
        max-width: 300px !important;
    }
    .dash-r{
        max-width: 600px !important;
    }
}


@media (min-width: 1920px) {
    
    .col-xxl-4 {
        -ms-flex: 0 0 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .col-xxl-8 {
        -ms-flex: 0 0 66.666667% !important;
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .order-xxl-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    .order-xxl-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }
    
    .order-xxl-3 {
        -ms-flex-order: 3 !important;
        order: 3 !important;
    }

    .order-xxl-4 {
        -ms-flex-order: 4 !important;
        order: 4 !important;
    }

    .order-xxl-5 {
        -ms-flex-order: 5 !important;
        order: 5 !important;
    }
    
    .order-xxl-6 {
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .d-xxl-none {
        display: none !important;
    }

    #d-xxl-block {
        display: block !important;
    }
    
}


@media (max-width: 991px) {
    .smallText {
        font-size: 12px;
        font-weight: 300 !important;

    }

    #fonds .dropdown-menu {
        left: -17px !important;
        font-size: 13px;
    }

    #fonds .dropdown-item {
        padding: 0.25rem 10px !important;
    }


    /**
     ** Navbar
     **/
    
    #nav-phone {
        position: fixed;
        height: 100%;
        width: 100%;
        left: -200%;
        background-color: #19777d;
        z-index: 100;
        list-style: none !important;
        
        transition: all 0.5s ease-out;
    }
    
    .nav-item {
        position: inherit;
        transform: rotate(0);
        text-align: left;
        height: 45px;
    }
    
    .nav-link {
        margin: 0 !important;
    }
    
    .socio-resp {
        margin-top: 40px;
    }
    
    .link-resp .active {
        font-weight: bold;
    }
    
    .nav-item a:hover {
        border-top: 2px solid #19777d;
    }
    
    /**
     ** PopUp
     **/
    
    #popup h5 {
        width: 100% !important;
        font-size: 28px !important;
    }
    
    #popup .btn
    {
        font-size: 0.8em;
    }
    
    #popup .custom-select
    {
        font-size: 0.8em;
        margin-top: 18px;
    }
    
    .homesquare {
        width: 95%;
        height: 250px;
    }
    
    /**
     ** Carousel
     **/
    
    #carousel {
        height: 700px;
    }
    
    #carousel .desc h3 {
        width: 100%;
        font-size: 26px !important;
    }
    
    #carousel .desc {
        width: 80% !important;
    }
    
    #carousel2 .carousel-item img {
        width: 200%;
    }
    
    #carousel .desc p {
        display: none;
    }
    
    .ligne {
        left: 45%;
        bottom: -45px !important;
    }
    
    #carouselExampleFade .carousel-item img,
    #carousel2 .carousel-item img {
        position: absolute;
        bottom: 0;
        left: -158px;
    }
    
    
    #carousel .carousel-item {
        height: 450px;
    }
    
    #carousel .desc {
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .carousel-indicators {
        position: absolute !important;
    }
    
    .carousel-indicators li {
        position: relative !important;
        bottom: -60px !important;
        left: -125px !important;
        opacity: 1 !important;
        margin-right: 5px !important;
        background-color: #19777d !important;
        border: 1px solid #19777d !important;
        border-radius: 50%;
        width: 10px !important;
        height: 10px !important;
        padding: 0 !important;
    }
    
    .carousel-indicators .active {
        background-color: #fff !important;
    }
    
    .news-right {
        display: none;
    }
    
    /**
     ** Start
     **/
    
    #start {
        height: 700px;
        margin-top: 20vh;
    }
    
    #start h4 {
        width: 100% !important;
        font-size: 22px;
    }

    #start p {
        font-size: 12px;
        font-weight: 400;
    }


    #start a {
        font-size: 12px;
    }
    
    .square {
        padding:26px;
    }
    
    /**
     ** Choice
     **/
    
    #choice {
        margin-top: 0;
        height: 700px;
    }
    
    #choice h4 {
        width: 100% !important;
        font-size: 22px;
    }
    
    #choice .left-choice a {
        margin: 30px 0;
        padding: 0px 24px;
        font-size: 16px;
    }
    
    #choice h5 {
        font-size: 14px;
    }
    
    #choice p {
        font-size: 12px;
        width: 100%;
    }
    
    #choice .right-choice {
        margin-left: 20px;
    }
    
    #fo p {
        margin-top: 10px !important;
    }
    
    /**
     ** Promesses
     **/
    
    #promesse {
        height: 700px;
        padding-top: 5vh;
    }
    
    #promesse h4 {
        width: 100% !important;
        font-size: 22px;
    }
    
    #promesse p,
    #promesse p span{
        font-size: 12px;
        font-weight: 400;
    }


    
    /**
     ** Benefice
     **/
    
    #benefice {
        height: 700px;
        padding-top: 10vh;
    }
    
    #benefice h4 {
        width: 100% !important;
        font-size: 22px;
    }
    
    #benefice h5 {
        font-size: 16px;
    }
    
    #benefice p {
        font-size: 14px;
    }
    
    /**
     ** SICAV
     **/
    
    #sicav {
        height: 1400px;
    }
    
    #sicav .middle {
        margin-top: 10vh;
        transform: translateY(0%);
    }
    
    #sicav h5 {
        font-size: 18px;
        margin-right: auto;
        margin-left: auto;
    }
    
    .price-content {
        width: 350px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20vh;
    }
    
    .price {
        height: auto;
    }
    
    #sicav p {
        font-size: 12px;
    }
    
    .rotation {
        top: -295px;
        left: 155px;
    }
    
    .perf-top {
        margin-top: 20px;
    }
    
    /**
     ** Footer
     **/
    #footer {
        height: auto;
    }
    
    #footer h6 {
        font-size: 12px;
        font-weight: 400;
    }
    
    #footer ul li a button {
        font-weight: 400 !important;
    }
    
    #footer a {
        font-size: 10px;
        font-weight: 400;
    }

    .footer {
        margin-top: 10vh;
    }
    
    #footer p {
        font-size: 10px;
        font-weight: 400;
    }
    
    .abstraitImg {
        height: 50vh;
        background-position-x: -2%;
    }
    
    .active {
        border-top: none !important;
    }
    
    #footer .content {
        margin-top: -195px !important;
    }
    
    .content {  
        padding: 10px 0;
        margin-top: -25px;
        margin-bottom: 10px;
    }
    
    #footer ul {
        margin-top: 10px;
    }
    
}

.perf-tableau {
    height: 180px;
}

@media (max-width: 576px) {
    .perf-tableau {
        height: 110px;
    }

    #showGraphique{
        height: 340px !important;
    }
}