/**** media queries ***********/
@media only screen and (max-width: 1024px){
    .banner h1{
        left: 8%;
    }

    .banner h1 .title1{
        font-size: 1.6em;
    }
}

@media only screen and (max-width: 767px) {

    .banner{
        height: 100%;
    }

    .banner h1 .title1{
        font-size: 1.4em;
    }

    .wrapper .title-section{
        padding-top: 0;!important;
    }

    .add-map{
        text-align: center;
    }

    .container-infos{
        text-align: left;
    }

    .fixed-top{
        display: none;
    }

    .logo_mobile{
        display: block;
        margin: 20px auto;
        height: 140px;
    }

    .container-btn-mobile{
        display: block;
    }

    .call-btn-mobile{
        display: inline-block;
        text-align: center;
    }

    .logo{
        display: none;
    }

    .title-section{
        padding-top: 0!important;
    }

    .container-infos{
        margin-top: 0;
    }

    .container-infos li {
        text-align: center;
    }

    .container-contact{
        padding-bottom: 0;
    }

    .title-block{
        text-align: center;
    }

    p{
        text-align: justify;
    }

    .container-footer p{
        text-align: center;
    }
}

@media only screen and (max-width: 480px){

    .carousel-products{
        height: 750px;
        overflow: hidden;
    }
}