@media only screen and (min-width: 901px) {
    a:link {
        text-decoration:none;
    }
    body {
        font-family: 'Montserrat', sans-serif;
    }
    [class*="row"] {
        margin-right: 0;
        margin-left: 0;
    }

    /*accueil*/
    .background_accueil {
        position:relative;
        height: 100%
    }
    .content_accueil > .card {
        width: 55%;
        height: auto ;
        position: absolute;
        margin-top: 15%;
        margin-left: 4%
    }
    .card-body {
        padding: 3%;
        text-align: center;
    }
    .card-body h3, p{
        margin-bottom: 8%;
    }
    .card-body button{
        padding: 3%;height: auto;width: 70%;
    }
    .background_accueil img {
        width: 100%;
        height: 100%
    }

    /*produit presentation*/
    .product_presentation{
        margin-bottom: 3%
    }
    .product_presentation h1{
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%
    }
    .product_presentation i {
        color: #898989
    }
    #carouselExampleInterval{
        padding-right:10%;
        padding-left:10%
    }
    .container-iphone{
        text-align: center;
        margin-top: 1%;
        margin-bottom: 7%
    }
    .product_presentation h3, .product_presentation i{
        color: #ff9300;
        margin-bottom: 3%
    }
    .product_presentation #iphone_div{
        width: 100%;
        height: auto;
    }
    .product_presentation #iphone{
        background:black;
        border-radius:90px;
        height: 540px;
        z-index: 10000
    }
    .product_presentation iframe {
        position:absolute;
        left: 16%;
        top:5%;
        height: 490px;
        width: 900px;
        z-index: 1000
    }


    /*smartmoov accompanist*/
    .smartmoov_accompanist{
        background: #f1f2f1
    }
    .smartmoov_accompanist h1 {
        text-align: center;
        padding: 3%
    }
    .smartmoov_accompanist #img_moovlab{
        margin-top:2%;
        width: 200px;
        height: 200px
    }
    .smartmoov_accompanist #img_station_f{
        margin-top:-5%;
        width: 60%;
        height: 100%
    }
    .smartmoov_accompanist #img_cnpa{
        width: 250px;
        height: 250px;
    }

    /*smartmoov partners*/
    .smartmoov_partners h2 {
        text-align: center;
        padding: 5%
    }
    .smartmoov_partners img {
        margin-top:2%;
        width: 250px;
        height: 150px
    }
    #enpc{
        height: 100px;width:auto
    }
    #ediser{
        height: 80px;width:auto
    }

    /*talk about us*/
    .talk_about_us {
        text-align: center;
    }
    .talk_about_us h3{
        padding: 2%;
        line-height: 150%;
        margin-top: 3%
    }
    .talk_about_us button{
        padding: 2%;
        height: auto;
        width: 50%;
    }
    #div_img_logo_securite{
        margin: 3%;
    }
    #img_logo_securite{
        width: 250px;
        height: 150px;
        margin-bottom: 2%;
    }
    .div_talk_about_us{
        margin-top: 5%;
        margin-bottom: 5%
    }
    .div_talk_about_us h2{
        margin-bottom: 3%
    }

    #img_french_tech{width: 250px;height: auto;margin-top: 6%}
    #img_tribune_ae{width: 300px;height: auto; margin-top: 10%}
    #img_france_3{width: 250px;height: auto;margin-top: 15% }
    #img_ouest_france, #img_ouest_france1{width: 250px;height: auto;margin-top: 15% }
    #img_antinea{width: 250px;height: auto;margin-top: 15%}
    #img_moovlab_caroussel{width: 220px;height: auto;}
    #img_station_f_caroussel{margin-top: 10%}

    #carouselExampleInterval img{
        width: 50px;
        height: auto;
    }

    footer {
        background: #f1f2f1
    }
    .container .row{
        text-align: left
    }

}
@media only screen and (min-width: 901px) and (max-width: 1430px) {
    .content_accueil > .card {
        width: 60%;
        height: auto ;
        position: absolute;
        margin-top: 15%;
        margin-left: 4%
    }

    .card-body h3{
        font-weight: bold;
        font-size: 18px;
    }
    .card-body p{
        font-size: 16px;
    }
    .card-body button{
        padding: 3%;height: auto;width: 70%;
    }

    .navbar-nav > li {
        padding-left: 10px;
        padding-right: 10px;
    }
    .smartmoov_accompanist #img_moovlab{
        margin-top:4%;
        width: 140px;
        height: auto;
    }
    .smartmoov_accompanist #img_station_f{
        margin-top:2%;
        width: 220px;
        height: auto;
    }
    .smartmoov_accompanist .col-8{
        text-align: center;
    }
    .smartmoov_accompanist #img_cnpa{
        width: 140px;
        height: auto;
        margin-left: -70px;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1350px) {
    .product_presentation #iphone{
        display: none;
    }
    .product_presentation iframe {
        position:absolute;
        left: 16%;
        top:5%;
        height: auto;
        width: 0;
        z-index: -1000000
    }
}
@media only screen and (max-width: 900px) {
    a:link {
        text-decoration:none;
    }
    body {
        font-family: 'Montserrat', sans-serif;
    }
    [class*="row"] {
        margin-right: 0;
        margin-left: 0;
    }

    /*accueil*/
    .background_accueil {
        position:relative;
        height: 100%
    }
    .content_accueil > .card {
        width: 60%;
        height: auto ;
        position: absolute;
        margin-top: 13%;
        margin-left: 4%
    }
    .card-body {
        padding: 3%;
        text-align: center;
    }
    .card-body h3{
        font-weight: bold;
        font-size: 12px;
    }
    .card-body p{
        font-size: 10px;
    }
    .card-body button{
        padding: 3%;height: auto;width: 80%;
    }
    .background_accueil img {
        width: 100%;
        height: 100%
    }

    /*produit presentation*/
    .product_presentation{
        margin-bottom: 3%
    }
    .product_presentation h1{
        font-size: 18px;
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%
    }
    .product_presentation i {
        color: #898989
    }
    #carouselExampleInterval{

        padding-right:10%;
        padding-left:10%
    }
    .container-iphone{
        text-align: center;
        margin-top: 1%;
        margin-bottom: 7%
    }
    .product_presentation h3, .product_presentation i{
        color: #ff9300;
        margin-bottom: 3%
    }
    .product_presentation h3{
        margin-top: 5%;
        font-size: 16px;
    }
    .product_presentation #iphone_div{
        opacity: 0;
        position: absolute;
        z-index: -100000;
        width: 100%;
        height: auto;
    }
    #screen{
        font-size: 15px;
    }
    .product_presentation #iphone{
        background:black;
        border-radius:10px;
        width: 100%;
        height: auto;
        z-index: 10000
    }
    .product_presentation iframe {
        position:absolute;
        left: 16%;
        top:5%;
        height: auto;
        width: 200px;
        z-index: 1000
    }

    /*smartmoov accompanist*/
    .smartmoov_accompanist{
        background: #f1f2f1;
        padding-top: 4%;
    }
    .smartmoov_accompanist h1 {
        font-size: 18px;
        text-align: center;
        padding: 3%
    }
    .smartmoov_accompanist {
        padding-bottom: 5%;
    }
    .smartmoov_accompanist #img_moovlab{
        margin-top:2%;
        width: 70px;
        height: auto;
    }
    .smartmoov_accompanist #img_station_f{
        margin-top:5%;
        width: 110px;
        height: auto;
    }
    .smartmoov_accompanist .col-8{
        text-align: center;
    }
    .smartmoov_accompanist #img_cnpa{
        width: 70px;
        height: auto;
        margin-left: -50px;
    }

    /*smartmoov partners*/
    .smartmoov_partners h2 {
        font-size: 18px;
        text-align: center;
        padding: 5%
    }
    .smartmoov_partners img {
        margin-top:2%;
        width: 250px;
        height: 150px
    }

    #enpc{
        height: 50px;
        width: auto;
    }
    #antinea{
        height: 50px;
        width: auto;
    }
    #ediser{
        height: 30px;
        margin-top:10px;
        width: auto;
    }

    #btn_contact, #btn_info{
        margin-top: -10px;
        font-size: 10px;
        width: 100%;
    }

    #btn_contact1, #btn_info1{
        width: 100%;
        font-size: 10px;
    }

    /*talk about us*/
    .talk_about_us {
        text-align: center;
    }
    .talk_about_us h3{
        font-size: 16px;
        padding: 2%;
        line-height: 150%;
        margin-top: 3%;
    }
    .talk_about_us h2{
        font-weight: bold;
        font-size: 18px;
    }
    .talk_about_us button{
        padding: 2%;
        height: auto;
        width: 50%;
    }
    #div_img_logo_securite{
        margin: 3%;
    }
    #img_logo_securite{
        width: 120px;
        height: auto;
        margin-bottom: 2%;
    }
    .div_talk_about_us{
        margin-top: 5%;
        margin-bottom: 5%
    }
    .div_talk_about_us h2{
        font-size: 18px;
        margin-bottom: 3%
    }

    #img_french_tech{width: 100%;height: 100%;margin-top: 6%}
    #img_tribune_ae{width: 350px;height: auto;margin-top: 10%}
    #img_france_3{width: 150px;height: auto;margin-top: 10% }
    #img_ouest_france1{width: 150px;height: auto;margin-top: 10% }
    #img_antinea{width: 150px;height: auto;margin-top: 6%}
    #img_station_f_caroussel{}

    #carouselExampleInterval img{
        width: 20px;
        height: auto;
    }

    footer {
        background: #f1f2f1
    }
    .footer-copyright{
        font-size: 12px;
    }
    footer hr{
        display: none;
    }
    .container .row{
        text-align: left
    }
}
@media only screen and (min-width: 470px) and (max-width: 899px) {
    .content_accueil > .card {
        width: 60%;
        height: auto ;
        position: absolute;
        margin-top: 15%;
        margin-left: 4%
    }
    .card-body {
        padding: 3%;
        text-align: center;
    }
    .card-body h3{
        font-weight: bold;
        font-size: 12px;
    }
    .card-body p{
        font-size: 10px;
    }
    .card-body button{
        padding: 3%;height: auto;width: 100%;
    }
    .background_accueil img {
        width: 100%;
        height: 100%
    }

    /*produit presentation*/
    .product_presentation{
        margin-bottom: 3%
    }
    .product_presentation h1{
        font-size: 18px;
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%
    }
    .product_presentation i {
        color: #898989
    }
    #carouselExampleInterval{

        padding-right:10%;
        padding-left:10%
    }
    .container-iphone{
        text-align: center;
        margin-top: 1%;
        margin-bottom: 7%
    }
    .product_presentation h3, .product_presentation i{
        color: #ff9300;
        margin-bottom: 3%
    }
    .product_presentation h3{
        margin-top: 5%;
        font-size: 16px;
    }
    .product_presentation #iphone_div{
        opacity: 0;
        position: absolute;
        z-index: -100000;
        width: 100%;
        height: auto;
    }
    #screen{
        font-size: 15px;
    }
    .product_presentation #iphone{
        background:black;
        border-radius:10px;
        width: 100%;
        height: auto;
        z-index: 10000
    }
    .product_presentation iframe {
        position:absolute;
        left: 16%;
        top:5%;
        height: auto;
        width: 200px;
        z-index: 1000
    }

    /*smartmoov accompanist*/
    .smartmoov_accompanist{
        background: #f1f2f1;
        padding-top: 4%;
    }
    .smartmoov_accompanist h1 {
        font-size: 18px;
        text-align: center;
        padding: 3%
    }
    .smartmoov_accompanist {
        padding-bottom: 5%;
    }
    .smartmoov_accompanist #img_moovlab{
        margin-top:2%;
        width: 70px;
        height: auto;
    }
    .smartmoov_accompanist #img_station_f{
        margin-top:5%;
        width: 110px;
        height: auto;
    }
    .smartmoov_accompanist .col-8{
        text-align: center;
    }
    .smartmoov_accompanist #img_cnpa{
        width: 70px;
        height: auto;
        margin-left: -50px;
    }

    /*smartmoov partners*/
    .smartmoov_partners h2 {
        font-size: 18px;
        text-align: center;
        padding: 5%
    }
    .smartmoov_partners img {
        margin-top:2%;
        width: 250px;
        height: 150px
    }

    #enpc{
        height: 50px;
        width: auto;
    }
    #antinea{
        height: 50px;
        width: auto;
    }
    #ediser{
        height: 30px;
        margin-top:10px;
        width: auto;
    }

    #btn_contact, #btn_info{
        margin-top: -10px;
        font-size: 10px;
        width: 100%;
    }

    #btn_contact1, #btn_info1{
        width: 100%;
        font-size: 10px;
    }

    /*talk about us*/
    .talk_about_us {
        text-align: center;
    }
    .talk_about_us h3{
        font-size: 16px;
        padding: 2%;
        line-height: 150%;
        margin-top: 3%;
    }
    .talk_about_us h2{
        font-weight: bold;
        font-size: 18px;
    }
    .talk_about_us button{
        padding: 2%;
        height: auto;
        width: 50%;
    }
    #div_img_logo_securite{
        margin: 3%;
    }
    #img_logo_securite{
        width: 120px;
        height: auto;
        margin-bottom: 2%;
    }
    .div_talk_about_us{
        margin-top: 5%;
        margin-bottom: 5%
    }
    .div_talk_about_us h2{
        font-size: 18px;
        margin-bottom: 3%
    }

    #img_french_tech{width: 100%;height: 100%;margin-top: 6%}
    #img_tribune_ae{width: 350px;height: auto;margin-top: 10%}
    #img_france_3{width: 150px;height: auto;margin-top: 10% }
    #img_ouest_france1{width: 150px;height: auto;margin-top: 10% }
    #img_antinea{width: 150px;height: auto;margin-top: 6%}
    #img_station_f_caroussel{}

    #carouselExampleInterval img{
        width: 20px;
        height: auto;
    }

    footer {
        background: #f1f2f1
    }
    .footer-copyright{
        font-size: 12px;
    }
    footer hr{
        display: none;
    }
    .container .row{
        text-align: left
    }
}
@media only screen and (max-width: 470px) and (min-width: 0px) {
    .content_accueil > .card {
        width: 60%;
        height: auto ;
        position: absolute;
        margin-top: 13%;
        margin-left: 4%
    }
    .card-body h3{
        font-size: 10px;
    }
    .card-body p{
        font-size: 8px;
    }

    .card-body button{
        padding: 1%;height: auto;width: 100%;
    }
    #btn_contact, #btn_info{
        font-size: 8px;
    }


    #enpc{
        height: 40px;
        width: auto;
    }
    #antinea{
        height: 40px;
        width: auto;
    }
    #ediser{
        height: 20px;
        margin-top:10px;
        width: auto;
    }
}