/* only small desktops */

@media (min-width: 991px) and (max-width: 1199px) {
    #hero-area .contents .head-title {
        font-size: 45px;
    }
    .services-item .services-content h3 a {
        font-size: 14px;
    }
}


/* tablets */

@media (max-width: 991px) {

    .p_for_ytp_txt{
        font-size: 11px;
    }
    .over_pict{
        background-image: none;
    }

    .font_block_pourquoi {

        padding: 12px;
    }
    .my_question{
        width: 40%;
        padding: 20px;
    }
    
    .mytext_debut {
    padding: 0px;
    }
    .my_logo{
        float:none;
    }
    
    .section-title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .services-item .services-content h3 a {
        font-size: 14px;
    }
    .services-item {
        margin-bottom: 20px;
    }
    
}


/* only small tablets */

@media (min-width: 768px) and (max-width: 991px) {
    .section-title {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .services-item .services-content h3 a {
        font-size: 16px;
    }
    .services-item {
        margin-bottom: 20px;
    }
    .counter-section .counter p {
        font-size: 14px;
    }
    .picturetotal {
        max-width: 40%;
        height: auto;
    }
    .margin_help{
        margin-bottom: 36px!important;
        margin-top: 30px!important;
    }
    .navbar-brand img {
        width: 20%;
    }
}


/* mobile or only mobile */

@media (max-width: 767px) {
   
   
    .boder_ytp{
        border-radius:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        -ms-border-radius:0px;
        -o-border-radius:0px;
}
    
    .my_pandd{
        padding: 0px;
    }
    .my_pand_video{
        padding: 0px;
        display: none;
    }
   
    .avantage_picture{

        width: 27%;
    }
    
    
    .image_full{
        display:none;
       }
     
       .image_mobile{
        display:block;
       }
    .margicon {
        margin-top: 0px;
    }

    .picturetotal {
        max-width: 60%;
        height: auto;
    }
    .section-title {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .section-sub {
        font-size: 16px;
    }
    .navbar-brand img {
        margin: 15px 0;
    }
    #hero-area .contents {
        padding: 130px 0px 60px 0px;
    }

    #hero-area .contents h5 {
        font-size: 32px;
    }
    #hero-area .contents p {
        padding: 15px;
        font-size: 15px;
        line-height: 24px;
    }
    .services-item {
        margin-bottom: 20px;
    }
    .timeline li .line-title {
        line-height: 26px;
    }
    .timeline li:first-child i {
        margin: -12px -40px;
    }
    .contact-form-area {
        padding: 40px 0px;
    }
    .footer-right-area {
        margin-top: 20px;
    }
}


@media (min-width:443px ) and (max-width: 768px) {
    .navbar-brand img {
        width: 30%;
    }
}


@media (min-width: 291px) and (max-width: 478px) {
    .navbar-brand img {
        width: 40%;
    }
}
    @media (min-width: 221px) and (max-width: 291px) {
        .navbar-brand img {
            width: 60%;
        }
}

@media (max-width: 331px) {
    .my_question{
        width: 60%;
        
    }
}


@media (min-width:766px ) and (max-width: 991px) {
    #hero-area .contents .head-title {
        font-size: 30px;
    }
}

@media (min-width:326px ) and (max-width: 766px) {
    #hero-area .contents .head-title {
        font-size: 17px;
    }
}

@media (max-width:326px ) {
    #hero-area .contents .head-title {
        font-size: 13px;
    }
}

@media (max-width: 467px) {
    #hero-area .contents p{
       font-size: 12px;
    }
}