/* ==========================================================
   B612 - CAROUSEL - TABLETTE
========================================================== */

@media (max-width:1200px){

    .b612-carousel{

        grid-template-columns:280px 1fr;

        gap:30px;

        max-width:100%;

        height:315px;

        margin:80px auto;

        padding:0 24px;

    }

    /****************************************************/

    .b612-carousel-left{

        height:315px;

    }

    /****************************************************/

    .b612-carousel-subtitle{

        margin:0 0 24px;

        font-size:12px;

    }

    /****************************************************/

    .b612-carousel-title{

        margin:0 0 30px;

        font-size:26px;

    }

    /****************************************************/

    .b612-carousel-button{

        height:44px;

        padding:0 22px;

        font-size:13px;

    }

    /****************************************************/

    .b612-carousel-right{

        grid-template-columns:42px 1fr 42px;

        gap:14px;

        height:315px;

    }

    /****************************************************/

    .b612-book-cover{

        height:180px;

    }

    /****************************************************/

    .b612-carousel-prev,
    .b612-carousel-next{

        width:42px;
        height:42px;

    }

}


/* ==========================================================
   PETITES TABLETTES
========================================================== */

@media (max-width:900px){

    .b612-carousel{

        grid-template-columns:240px 1fr;

        gap:24px;

        padding:0 20px;

    }

    /****************************************************/

    .b612-carousel-title{

        font-size:24px;

    }

    /****************************************************/

    .b612-book-cover{

        height:170px;

    }

}