@media (max-width: 834px) {
    .tooltip{
        display : none;
    }
    .button-chat svg {
        width: 20px;
    }
    .button-chat { 
        padding: 4% 4% 2.5% 4%; 
    }
    .ds-header{
        display: none;
    }
    .mb-header{  
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        background-color: transparent;
        position: fixed;
        top: 0;
        border-bottom: 1px solid #ffffff;
        z-index: 10;
    }
    .containermenubar {
        display: inline-block;
        cursor: pointer
    }
    .bar1,.bar2,.bar3 {
        width: 20px;
        height: 2px;
        background-color: #f09425;
        margin: 5px 0;
        transition: .4s
    }
    .change .bar1 {
        transform: translate(0,5.5px) rotate(-45deg)
    }
    .change .bar2 {
        opacity: 0
    }
    .change .bar3 {
        transform: translate(0,-9px) rotate(45deg)
    }
    .mb-header-container{
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .mb-header-row{
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        width: 90%;
        max-width: 90%;
        margin: 0;
        padding: 4% 6%;
    }
    .col-logo-mb-header{
        width: 60%;
        margin: 0;
        padding: 0;
    }
    .col-logo-mb-header a{
        width: 100%;
        max-width: 100%;
        text-decoration: none;
    }
    .col-logo-mb-header a img{
        width: 100%;
        max-width: 100%;
    } 
    .mb-menu-items{
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        background-color: rgb(255, 255, 255); 
    }
    .item-mb-menu{
        border-bottom: 1px solid #f7f7f7;
        padding: 2% 0%; 
    }
    .item-mb-menu a{
        letter-spacing: .5px; 
        padding: 1% 6%; 
        color: #282828;
        font-weight: 400;
        font-size: 14px;
        text-decoration: none;
        font-family: "Poppins", sans-serif;
        color: #282828;
        line-height: 25px;
    }

    /* section hero design */
    .hero-title{
        display: none;
    }
    .hero-title-mb{
        display: block;
        font-size: 2.475rem; 
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center; 
        animation: showup 5s infinite;
    }
    .hero-p {
        font-size: 0.895rem;
        line-height: 1.75rem;  
        width: 100%;
        margin: 0%; 
    }
    .hero-foot-row {
        display: block;
        margin: 8% auto;
    }
    
    .hero-btn , .hero-btn-cont{ 
        font-size: 0.85rem;
        line-height: 1.75rem;
        width: fit-content;
        padding: 10px 2%; 
        border-radius: 4px;
        display: block;
        margin: 1% auto;
        opacity: 1;
    }
    .hero-next-btn svg{
        width: 8px;
    }
    .hero-next-btn { 
        border-radius: 18px;
        padding: 15px 12px;
        width: 8px;
        margin: 6% auto 8% auto;
    } 
    /* section hero design end */
    /* section about design */ 
    .about-container{
        padding: 25% 8%;
        width: 84%;
        max-width: 84%;
        margin: 0;
    } 
    .about-title{ 
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 28px; 
    }
    .sec-bef-lit:before { 
        font-size: 1.8em; 
    }
    .about-hr{
        width: 8%;
        margin: 2% auto; 
        border: 1px solid #000;
        opacity: 0.8;
    } 
    .about-sous-title{
        font-size: 12px; 
        width: 96%;
    } 
    .about-row {
        display: block; 
    }
    .about-row-col{
        padding: 0;
        margin: 0;
        width: 100%;
    }
    .about-col1 , .about-col2{
        padding: 0%;
    }
    .about-s-title{
        font-size: 0.938rem; 
    }
    .about-p{
        font-size: 0.813rem;
        line-height: 1.65em; 
    } 
    .bar-about-container{
        width: 46%; 
    } 
    .about-more-btn{ 
        font-size: 1.125rem; 
    } 
    /* section about design end */
    /* section services design */
    .service-container {
        padding: 25% 0% 0% 0%; 
    }
    .sec-srv-bef-lit:before { 
        font-size: 1.8em; 
    }
    .service-img { 
        min-height: 425px; 
    }
    .service-row-col {
        flex: 1 1 calc(100%); 
    }
    .section-service .about-sous-title { 
        margin: 8% auto 10% auto !important;
    }
    /* section services design end */
    /* section solutions design */
    .sol-row-col {
        flex: 1 1 100%; 
    }
    .st-m {
        margin: 10% auto 10% auto !important;
    }
    .s-title-sol { 
        margin: 10% auto 8% auto;
    }
    .ico-fiab svg {
        width: 32px !important;
        margin: 40% 0;
    }
    /* section solutions design end */
    /* section devis design  */
    .parallax { 
        background-image: url("../images/backMob.webp"); 
        min-height: 300px;  
    }
    .devis-title {
        margin-bottom: 10px;
        font-size: 2rem; 
    }
    .hr-dev{
        width: 34% !important;
        border: 1px solid #fff;
    }
    .sol-sous-title { 
        margin: 8.5% auto 10% auto;
        font-size: 0.875rem;
        line-height: 30px;
    }
    .devis-btn2 { 
        padding: 5%; 
    }
    .devis-btn2 svg {
        width: 20px; 
    }
    /* section devis design end */
    /* section partenaires design */
    .part-logo-col {
        margin: 2% 4%;
    }
    /* section partenaires design end */
    /* section contact design */ 
    .contact-row { 
        padding: 0% 5% 4% 5%;
    }
    .contact-row-col {
        width: 90%; 
    }
    .contact-title { 
        font-size: 0.938rem;
    } 
    .item-contact-title { 
        font-size: 0.813rem; 
    }
    .item-contact-p {
        font-size: 0.75rem;  
        line-height: normal;
        margin: 0 15% 0 0%;
    }
    .svgPhone svg{
        width: 19px !important;
    }
    .svgMail svg{
        width: 22px !important;
    }
    .icon-item-contact svg{
        width: 24px;
    }
    .col-form-contact input, .col-form-contact textarea { 
        margin: 2% 3%; 
    }
    .col-form-contact .form-button { 
        padding: 14px 20px;
        margin: 2% 3%; 
    }
    /* section contact design end */
    /* footer design */
    .footer-logo a img { 
        margin: 2% auto 0 auto; 
        width: 50%;
    }
    .footer-row {
        padding: 3% 6% 6% 6%;
        width: 86%; 
    }
    .footer-col {
        flex: 1 1 100%; 
        display: grid;
        justify-content: start;
        align-items: start;
    }
    .footer-col-title {
        font-size: 1rem;
        line-height: 10px; 
        margin-bottom: 16px;
    }
    .footer-list1 li { 
        line-height: 1.75em;
    }
    .footer-right-txt {
        font-size: 0.625rem; 
    }
    .footer-rs-ligne a {
        margin: 0% 30%;
        padding: 0;
    }
    .footer-rs-ligne .ico-fs svg {
        width: 8px;
    }
    .footer-rs-ligne a svg {
        width: 12px;
    }
    .to-top svg {
        width: 16px;
    }
    .to-top {
        padding: 3.5% 3.86%;
        margin: -7.5% auto 4% auto; 
        opacity: 1; 
    }
    /* footer design end */
    .swiper-slide img { 
        width: 68%; 
    }
    /*section-categorie*/
    .catalogue-container {
        padding: 10% 5% !important;
        width: 90% !important;
        max-width: 90% !important;
        margin: 0;
    }
    .catalogue-container h4 ,.catalogue-container p { 
        font-size: 14px !important;
    }
    .catalogue-container h3{
        margin: 5% 0%;
    }
    .col-info .s-title-sol {
        font-size: 1.5rem !important;
        margin: 5% auto 0% auto;
    }
    .data-table-3 .info-ligne { 
        margin: 4% 0%;
    }
    .produit-tab .col-img {
        width: 100%;
        display: flex;
        order: 1;
    }
    .produit-tab .col-info { 
        order: 2;
    }
    .produit-tab .col-img .prod-img{
        width: 100%;
        display: block;
        margin: auto;
    }
    .produit-tab .col-info {
        width: 100%;
        display: block;
    }
    .donne-tab .info-ligne {
        width: 100%;
        justify-content: flex-start !important;
    }
    .donne-tab { 
        flex-wrap: wrap;
    }
    .mesure-table-col1 { 
        flex-wrap: wrap;
    }
    .mesure-table-col1 .info-ligne {
        width: 100%;
    }
    .mesure-table-col2 { 
        flex-wrap: wrap;
        margin: 3% 0;
    }
    .mesure-table-col2 .info-ligne {
        width: 100%;
        display: block;
        margin: 0;
    }
    .mesure-table-col3 { 
        flex-wrap: wrap;
    }
    .mesure-table-col3 .info-ligne-1 ,  .mesure-table-col3 .info-ligne-2 {
        width: 100%; 
    }
    .mesure-table-col2 .info-ligne h4 ,.mesure-table-col2 .info-ligne p{
        margin: 1% 0% 1% 0;
    }
    .catalogue-container .info-ligne-1  p, .catalogue-container .info-ligne-2  p {
        padding : 0;
        margin: 2% 0%;
    } 
    .wpcf7-select { 
        width: 97%;
        margin: 2% 3%;
    }

}