@charset "UTF-8";
@media all and (max-width:1500px) and (min-width: 1000px) {
    #txt-slider {
        right: 10%;
    }
}
@media all and (max-width:1300px) {
    h1 {
        font-size: 70px;
    }
    #block-1,
    #block-2{
        width: 100%;
    }
    #haut-gauche,
    #haut-droit,
    #bas-droit,
    #bas-gauche{
        width: 48%;
    }
    #haut-gauche .card{
        margin-left: 10px;
    }
    .boxed-layout{
        width: 100%;
    }
    #block-usine {
        width: calc(100% - 131px);
    }
}
@media all and (max-width:1000px) and (min-width: 0px) {


    .handheld { display: block}

    .space { height: 20px }

    .bg-text { display: none }

    #geoloc-icon { width: 51px; right: 50px; top: 20px }

    h1 {
        font-size: 60px;
        box-sizing: border-box;
        padding: 20px;
        width: 100%;
        line-height: 1;
    }

    #txt-slider {
        width: 100%;
        top: 40%;
        right: 0;
        text-align: center
    }

    .title-home-slider { font-size: 31px;text-align: inherit; padding: 0 }

    .subtitle-home-slider { font-size: 18px; }
    
    .flex-control-nav{ bottom: 10px; }
    
    .cta-home-slider { display: none; }

    #block-1 {
        display: block;
        width: 100%;
    }

    #block-2 {
        display: block;
        width: 100%;
        margin: 0;
    }

    #haut-gauche {
        width: 100%;
        height: auto;
    }

    #haut-gauche .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #haut-droit {
        width: 100%;
        height: auto;
        margin-top: 0
    }

    #haut-droit .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #bas-gauche {
        width: 100%;
        height: auto;
        margin: 0
    }

    #bas-gauche .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    #bas-droit {
        width: 100%;
        height: auto;
        margin-top: 0
    }

    #bas-droit .card {
        width: 100%;
        height: auto;
        margin: 0
    }

    .boxed-layout { width: 100%; }

    #block-usine { width: 100%; height: auto; margin: 0 }

    #reassurance { display: block; }
    .reassurance-item {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        text-align: center;
        font-size: 14px;
        margin: 20px 0 0 0;
        box-sizing: border-box;
        padding: 0 10px
    }
    .reassurance-item:nth-of-type(5) { display: block; margin: 20px auto }
    #txt-slider{
        /*right: 10%;*/
    }
    h1 {
        font-size: 70px;
    }
}

/* ==============================================================================
 * #### GEOLOC ####
 * ==============================================================================*/

@media screen and (max-width: 1023px) {
    #map{ height: 400px;  }
    .container-result-name{ width: 100% }
}
@media screen and (max-width: 780px) {
    #map {
        flex-wrap: wrap;
        height: auto;
        background: #e3f1e8;

    }
    #search-results{ display: none }
    #search { margin-top: 20px; margin-bottom: 20px }
    #stores{ width: 100%; overflow-y: auto }

    #map-container {
        width: 100%;
        height: 400px;
        box-sizing: border-box;
        margin: 0 auto;
        background: #e3f1e8;
    }
    #search label {
        font-size: 4.5vw;
    }
    #autocomplete::placeholder {
        font-size: 20px;
    }
    .reassurance-item:nth-of-type(5) {
        display: none;
    }
    .txt{
        font-size: 20px;
    }
}