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

  

}


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

  

}


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

  

}


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

    .container {
        padding: 0 20px;
        /* padding-right: 0; */
    }

    .header-mobile {
        display: flex;
    }

    .content_hide_menu_mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .widget_menu.content_menu_btn {
        position: relative;
        margin-left: 20px;
    }
    
    .icon_bar {
        width: 50px;
        height: 50px;
        border-radius: 5px;
        /* background-color: #1271e5; */
        display: flex;
        align-items: center;
        justify-content: center;
        background: #272262;
    }
    
    .icon_bar svg {
        height: 100%;
        display: flex;
        fill: #fff;
    }

    .right-bottom-header {
        display: none;
    }

    .wrap-right-bottom-header {
        justify-content: end;
    }

    .btn-bottom-header {
    }




    /* ********************* MENU *************************** */


    .widget_menu.content_panel_menu_mobile {
        position: fixed;
        background: white;
        top: 0;
        overflow-y: auto;
        height: 100vh;
        width: 98%;
        z-index: 999;
        padding: 10px 0;
        transition: all 1s ease;
        visibility: hidden;
        opacity: 0;
        left: -100%;
    }

    label.label_menu {
        position: relative;
        width: 100%;
    }

    .label_menu {
        position: fixed;
        background: white;
        top: 0;
        overflow-y: auto;
        height: 100vh;
        width: 100%;
        z-index: 999;
        padding: 10px 0;
        transition: all 1s ease;
        visibility: hidden;
        opacity: 0;
        right: -100%;
    }

    .container_panel {
        position: relative;
        background: white;
        width: 80%;
        margin-left: auto;
        height: 100%;
        margin-right: auto;
    }

    .label_cross_m .dropdown-responsive {
        visibility: hidden;
        opacity: 0;
        /* transition: all 1s ease; */
        height: 0;
    }

    .container_panel .field {
        margin-bottom: 2px;
        position: relative;
        display: flex;
        align-items: center;
    line-height: 1.8;}

    .container_panel .field:not(:last-child) {
        border-bottom: 1px solid #efefef;
        padding: 10px 0;
    }

    .field a span.btn-contact {
        background: transparent;
        color: #000;
        padding:  0;
        border-radius: 0;
        margin-top: 5px;
        display: flex;
    }

    .field a {
        color: #000;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .dropdown-item i {
        margin-right: 9px;
        color: #b5b5b5;
        font-size: 11px;
    }

    .field input.field_menu:checked ~ .label_cross_m ul.dropdown-responsive {
        visibility: visible;
        opacity: 1;
        position: relative;
        background: rgb(255 182 0 / 4%);
        height: auto;
        border-top: 2px solid #da1c2e;
        margin-top: 4px;
        padding: 7px 0;
    }

    label.label_cross_m {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .field_menu {
        display: none;
    }

    .field a.active {
        color: #1271e5;
        font-weight: 600;
    }
        
    span.button_close {
        position: absolute;
        display: flex;
        font-size: 16px;
        left: 12px;
        background: #fff;
        width: 25px;
        height: 25px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .contentclose {
        position: absolute;
        display: flex;
        font-size: 16px;
        background: #fff;
        width: 35px;
        height: 35px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        right: 0;
        /* left: 45%; */
        top: 0;
        border: 2px solid grey;
        border-radius: 50%;
    }









    

    .sub-title {
        font-size: 15px;
        line-height: 1;
    }

    .section-title h2 {
        line-height: 1;
        font-size: 37px;
    }

    .section-title {
        margin-bottom: 25px;
    }


}


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

    .right-top-header {
        margin-right: 110px;
    }

}


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

    .section-title h2 {
    font-size: 33px;
}




   .left-top-header {
        width: 100%;
    }


    .top-header.container:before {
        height: 50px;
    }

    .right-top-header {
        margin-right: 50px;
    }
    
}

@media only screen and (max-width: 600px) {
    .footer-widget {
        width: 100% !important;
        padding: 0;
    }
    #linguise_floating_wrapper {
        right: 10%!important;
        top: 62px !important;
        transition: right 300ms;
    }
}

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

    .section-title h2 {
    font-size: 25px;
}




    

.top-header.container:before {
    height: 50px;
}

.left-top-header {
    width: 100%;
}

.right-top-header {
    width: 100%;
}

a.logo-header img {
    height: 55px;
}

.left-bottom-header:before {
    right: -35px;
}

.btn-bottom-header a {
    padding: 10px 20px 10px 20px;
}

a.primary-btn {
    font-size: 12px;
    padding: 8px 20px;
}

.primary-btn svg {
    width: 20px;
    height: 20px;
}

.icon_bar {
    width: 40px;
    height: 40px;
}

.info-top {
    font-size: 12px;
}




.footer-widget-title h3 {
    font-size: 18px;
}

.text-logo p, .wrap-footer-widget p {
    font-size: 14px;
    line-height: 1.5;
}

.footer-widget.about-widget {
    width: 100% !important;
    /* padding: 0; */
}

.footer-widget.newsletter-widget {
    width: 100% !important;
}

form.newsletter-form button {
    font-size: 12px;
    width: 30%;
}

    .footer-logo img {
    width: auto;
    height: 55px;
}

.footer-logo p {
    line-height: 1;
    display: block;
}

.wrap-bottom-footer p {
    font-size: 12px;
    line-height: 1.4;
}

.footer-logo {
    padding: 3px 10px 1px 10px;
}

.footer-logo:before {
    height: 30px;
    top: -30px;
}

.footer-logo:after {
    height: 25px;
    top: -22px;
}

form.newsletter-form input {
    font-size: 13px;
    width: 69%;
}

form.newsletter-form .input-wrap {
    width: 100%;
}

.social-footer a {
    font-size: 13px;
}

.wrapper-footer {
    padding: 25px 0 40px;
    position: relative;
    z-index: 0;
    
}

.primary-btn i {
    font-size: 16px;
}

.widget_menu.content_menu_btn {
    margin-left: 12px;
}

.btn-bottom-header a.primary-btn {
    padding: 7px 7px 7px 15px;
}

}



@media only screen and (max-width: 375px) {
    #linguise_floating_wrapper {
        right: 6%!important;
        top: 17% !important;
        transition: right 300ms;
    }

.wrap-about-us-left-widget {
    width: 70%;
    padding: 34px 20px 20px;
    font-size: 12px;
}

.image-personne-produit-service .image> img {
    height: 310px;
}

.image-absolute {
    right: -15px;
    top: -25%;
}

.wrap-produit-service .img1 {
    bottom: 0;
}

a.primary-btn.btn1 {
    padding: 8px 20px;
}

.section-title h2 {
    font-size: 22px;
}

.bottom-testimonial p {
    font-size: 12px;
}

.wrap-contact-left-title {
    font-size: 13px;
}

.wrap-btn-form-contact button {
    font-size: 12px;
    padding: 10px 19px;
}


}


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



}