@media screen and (max-width: 1023px) {
    .left-wrapper, .right-wrapper {
        visibility: hidden;
        width: 5% !important;
    }
    .middle-part {
        width: 100% !important;
    }
    #wheelchart {
        background-size: 113% 107.5%;
    }
    .left-part, .right-part {
        display: none;
    }
}
/* Fin de (max-width: 1023px) */

@media only screen and (max-width: 851px) {
    .block-container.block-4 a.btn {
        font-size: 1.3em;
    }
    .block-container.block-5 .title-wrapper {
        font-size: 20px;
    }
    .block-2 .btn {
        bottom: 10%;
        font-size: 1.3em;
    }
}
/* Fin de (max-width: 851px) */

@media only screen and (max-width: 767px) {
    .block-container.block-1 a.btn {
        font-size: 1.4em;
        max-width: 185px;
    }
    .block-4 .content {
        width: 60%;
    }
    .cms-index-index .block-container .caption > * {
        display: block !important;
    }
    .block-2 .btn {
        font-size: 1.2em;
    }
}
/* Fin de (max-width: 767px) */

@media (max-width: 693px) {
    .block-container.block-1 a.btn {
        font-size: 1.3em;
        max-width: 165px;
    }
    .block-container.block-4 a.btn {
        font-size: 1.1em;
    }
    .caption span.uppercase {
        font-size: 2em;
    }
    .block-2 .btn {
        font-size: 1.1em;
    }
}
/* Fin de (max-width: 693px) */

@media (max-width: 639px) {
    .static-blocks.clearfix.container {
        display: inline-block;
        width: 100%;
    }
    .block-container.block-1, .block-container.block-2, .block-container.block-3, .block-container.block-4, .block-container.block-5 {
        position: relative;
        width: 100%;
    }
    .block-container.block-1 a.btn {
        font-size: 1.8em;
        max-width: 250px;
    }
    .block-container.block-4 {
        margin-bottom: 10px;
    }
    .block-container.block-4 a.btn {
        font-size: 1.5em;
    }
    .caption span.uppercase {
        font-size: 2.5em;
    }
    .block-2 .btn {
        bottom: 20%;
        font-size: 1.5em;
    }
    .block-5 .btn {
        left: 23%;
        width: 50%;
    }
}
/* Fin de (max-width: 639px) */

@media screen and (max-width: 599px) {
    #wheelchart {
        background: rgba(0, 0, 0, 0) url(/media/blog/promotion/default/mapping_1.png) no-repeat scroll -33px -25px !important;
        background-size: 113% 107.5% !important;
    }
    .block-container.block-4 a.btn {
        font-size: 1.4em;
    }
    .block-2 .btn {
        bottom: 10%;
        font-size: 1.3em;
    }
}
/* Fin de (max-width: 599px) */

@media (max-width: 519px) {
    .block-container.block-4 {
        background: #B5E5CF url("/media/wysiwyg/home-header/y-02.jpg") no-repeat scroll 67% 0;
    }
    .block-container.block-4 a.btn {
        font-size: 1.3em;
    }
}
/* Fin de (max-width: 519px) */

@media (max-width: 479px) {
    .block-4 .content {
        /* width: 56%; */
    }
    .block-container.block-4 a.btn {
        font-size: 1.1em;
    }
    .block-2 .btn {
        font-size: 1.1em;
    }
}
/* Fin de (max-width: 479px) */

@media (max-width: 459px) {
    .block-2 .btn {
        font-size: 1.0em;
    }
}
/* Fin de (max-width: 459px) */

@media screen and (max-width: 400px) {
    #wheelchart {
        background: rgba(0, 0, 0, 0) url(/media/blog/promotion/default/mapping_1.png) no-repeat scroll -29px -22px !important;
        background-size: 113% 107.5% !important;
    }
}
/* Fin de (max-width: 400px) */

@media only screen and (max-width: 375px) {
    .block-4 .content {
        width: 65%;
    }
    .block-container.block-4 a.btn {
        width: 45%;
    }
    .block-2 .btn {
        font-size: 0.8em;
    }
}
/* Fin de (max-width: 375px) */
