/* ==========================================================
   B612 HOME — TABLET
   Zone gauche du moteur de recherche
   ========================================================== */

@media (min-width: 768px)
       and (max-width: 1199px) {


    /* ======================================================
       HERO
    ====================================================== */

    .b612-hero {

        height: auto;

        min-height: 850px;

        background-position:
            center center;
    }


    .b612-hero__body {

        min-height: 780px;

        padding:
            50px 6vw 70px;
    }


    /* ======================================================
       CONTENU
    ====================================================== */

    .b612-hero__content {

        width: 62%;

        max-width: 650px;

        padding-top: 30px;
    }


    .b612-hero__content h1 {

        font-size: 3.8rem;

        line-height: 3.6rem;
    }


    .b612-hero__intro {

        margin:
            26px 0 30px;

        font-size: 14px;
    }


    /* ======================================================
       RECHERCHE
    ====================================================== */

    .b612-search-advanced__searchbox {

        height: 60px;
    }


    .b612-search-advanced__input {

        font-size: 14px;
    }


    .b612-search-advanced__category {

        gap: 60px;

        margin-top: 30px;
    }


    /* ======================================================
       UNIVERS
    ====================================================== */

    .b612-hero__universes-title {

        margin:
            40px 0 20px;
    }


    .b612-hero__universes-list {

        gap: 16px;
    }


    .b612-hero__universe {

        width: 86px;

        height: 86px;
    }


    .b612-hero__universe-icon {

        width: 34px;

        height: 34px;

        font-size: 27px;
    }


    /* ======================================================
       VISUEL
    ====================================================== */

    .b612-hero__visual {

        width: 48%;
    }


    .b612-hero__indicator {

        right: 18px;

        bottom: 35px;
    }
}